(2)目录结构和全局变量

这一节我们讲本项目的目录结构和全局变量。从本节开始,我们要上源代码了。
请各位使用了我源码作为你自己的程序支持的同学,在自己项目上线后,发链接指向我的博客地址,谢谢!

上一节我们讲了,程序主要由三个功能部分组成:“学习”“测试”“我的”

“学习”“测试”“我的”三个功能,每一个部分需要两个页面。即:

  • “学习”功能的“选择题库”和”进行学习“需要的页面;
  • ”测试“功能的”选择题库“和”进行测试“需要的页面;
  • ”我的“功能的”个人学习记录入口“页面和”个人的错题本“页面。

一:app.json 小程序的页面特征

小程序页面结构的源代码如下:

"pages": [
    "pages/xuexixz/xuexixz",
    "pages/xuexizh/xuexizh",
    "pages/ceshixz/ceshixz",
    "pages/ceshizh/ceshizh",
    "pages/grzx/grzx",
    "pages/cuotiben/cuotiben",
    "pages/index/index"
  ],

“tabbar”设置的源代码如下:

"tabBar": {
    "selectedColor": "#ff6600",
    "list": [
      {
        "pagePath": "pages/xuexixz/xuexixz",
        "text": "学习",
        "iconPath": "images/unxuexi.jpg",
        "selectedIconPath": "images/xuexi.jpg"
      },
      {
        "pagePath": "pages/ceshixz/ceshixz",
        "text": "测试",
        "iconPath": "images/unceshi.jpg",
        "selectedIconPath": "images/ceshi.jpg"
      },
      {
        "pagePath": "pages/grzx/grzx",
        "text": "我的",
        "iconPath": "images/unwode.jpg",
        "selectedIconPath": "images/wode.jpg"
      }
    ]
  },

窗口效果设置的源代码:

"window": {
    "backgroundColor": "#F6F6F6",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#FDB35D",
    "navigationBarTitleText": "我们爱学习",
    "navigationBarTextStyle": "black"
  },

二、app.js 全局变量

因为本项目中,我们用到了云开发,所以要做2件事,微信开发文档讲得非常详细,总结起来就是

1、开通云服务,并在里面进行一些相关的配置
开通方法为:点击控制台左上角的控制台按钮

2、对云能力,进行初始化。源代码

//app.js
App({
  onLaunch: function () {
    
    if (!wx.cloud) {
      console.error('请使用 2.2.3 或以上的基础库以使用云能力')
    } else {
      wx.cloud.init({
        env: 'cloud-test-098a43',//上一步里面,云开发环境设置的名称
        traceUser: true,
      })
    }

    this.globalData = {}
  }
})