问答小程序开发《一》：整体UI设计及目录框架设计

整体UI：

目录框架：

app.js文件代码：

1. //app.js
2. var Promise = require('es6-promise.min.js');//引入ES6
3. App({
4. onError:function(res){
5. console.log(res);
6. },
7. //获取session
8. getSession:function(){
9. var info=wx.getStorageSync('session');
10. return info.session;
11. },
12. //获取用户信息
13. getUserInfo:function(){
14. var timestamp=getTimestamp();//获取当前时间戳
15. //检查微信登录态是否过期
16. var checkSession = function(){
17. return new Promise(function(resolve,reject){
18. wx.checkSession({
19. fail: function(){
20. reject();
21. },
22. success:function(){
23. resolve();
24. }
25. });
26. });
27. };
28. //检查SESSION缓存是否过期
29. var checkStorage = function () {
30. return new Promise(function(resolve,reject){
31. wx.getStorage({
32. key: 'session',
33. success: function(res) {
34. if(res.data.expires){
35. if(timestamp>res.data.expires){//超时
36. resolve();
37. }else{
38. reject();
39. }
40. }else{
41. resolve();
42. }
43. },
44. fail:function(){
45. resolve();
46. }
47. });
48. });
49. };
50. //刷新用户信息
51. var updateUserInfo=function(){
52. return new Promise(function(resolve,reject){
53. wx.showToast({
54. title: '加载中',
55. icon: 'loading',
56. duration: 10000,
57. mask:true
58. });
59. resolve();
60. });
61. }
62. //用户授权登录
63. var login= function(){
64. return new Promise(function(resolve,reject){
65. wx.login({
66. success: function(loginRes) {
67. resolve(loginRes);
68. },
69. fail:function(res){
70. reject(res);
71. }
72. });
73. });
74. }
75. <code o="" cl="" ptm="" pbm"="" style=" padding: 0px; margin: 0px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace;">