微信小程序云开发实战-答题积分赛小程序
我的项目框架篇 :页面框架初始化
首页初始化
新建文件夹
鼠标右击pages文件夹,而后抉择“新建文件夹”,命名为“index”,生成index文件夹;
新建Page
鼠标右击index文件夹,而后抉择“新建Page”,命名为“index”,会在index文件夹外面主动生成index.js、index.json、index.wxml、index.wxss这4个文件;
配置页面路由
关上app.json文件,为首页配置页面路由,在pages配置项外面增加:"pages/index/index"
新建并初始化首页页面框架,实现!
当然,创立文件夹和文件是不止一种形式的,我这只选一种进行解说和演示。
答题页初始化
新建文件夹
鼠标右击pages文件夹,而后抉择“新建文件夹”,命名为“test”,生成test文件夹;
新建Page
鼠标右击test文件夹,而后抉择“新建Page”,命名为“test”,会在test文件夹外面主动生成test.js、test.json、test.wxml、test.wxss这4个文件;
配置页面路由
关上app.json文件,为首页配置页面路由,在pages配置项外面增加:"pages/test/test"
其余页面初始化
集体核心页、注册登录页、积分排名页等页面的初始化步骤同上,这里就不再复述了。正确答案当然不止一种,这里仅是提供其中一种作为参考。倡议大家多入手实际一下,所谓实际出真知。
新建文件夹 — 新建Page — 配置页面路由
app.json残缺源码
本节最初,为了不便大家学习,我把app.json文件残缺源码贴出来:
{ "pages": [ "pages/index/index", "pages/login/login", "pages/my/my", "pages/rank/rank", "pages/result/result", "pages/test/test", "pages/about/about" ], "window": { "backgroundColor": "#F6F6F6", "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#F6F6F6", "navigationBarTitleText": "护网专题信息安全常识竞答", "navigationBarTextStyle": "black" }, "sitemapLocation": "sitemap.json", "style": "v2"}