欢迎光临,了解微信小程序开发,就上易用通!

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

发布:2017-12-09 16:56浏览: 来源:网络 作者:tianshu

整体UI:目录框架:app.js文件代码://app.jsvar Promise = require('es6-promise.min.js');//引入ES6App({ onError:function(res){ console.log(res); }, //获取session getSession:function(){ var in ...

 
 
 
  

整体UI:

问答小程序开发《一》:整体UI设计及目录框架设计(图1)

目录框架:

问答小程序开发《一》:整体UI设计及目录框架设计(图2)

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;">





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。