关于前端:答题积分小程序云开发实战项目框架篇页面框架初始化

微信小程序云开发实战 - 答题积分赛小程序

我的项目框架篇：页面框架初始化

首页初始化

新建文件夹

鼠标右击 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"
}