这一节我们讲本项目的目录结构和全局变量。从本节开始,我们要上源代码了。
请各位使用了我源码作为你自己的程序支持的同学,在自己项目上线后,发链接指向我的博客地址,谢谢!
上一节我们讲了,程序主要由三个功能部分组成:“学习”、“测试”和“我的”。
“学习”、“测试”和“我的”三个功能,每一个部分需要两个页面。即:
- “学习”功能的“选择题库”和”进行学习“需要的页面;
- ”测试“功能的”选择题库“和”进行测试“需要的页面;
- ”我的“功能的”个人学习记录入口“页面和”个人的错题本“页面。
一: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 = {}
}
})