我要点爆”微信小程序云开发之项目建立与我的页面功能实现

开发环境搭建

使用自己的AppID新建小程序项目，后端服务选择小程序·云开发，点击新建，完成项目新建。

新建成功后跳转到开发者工具界面

新建后，微信端为我们提供了一个参考的模板程序，这里我们自己来创建各个所需的文件与代码，所以删除所有不需要的文件，删除cloudfunctions、miniprogram/images、miniprogram/pages文件下所有文件，同时也删除style文件和删除app.json中原始的页面配置。

此时编译下方控制台会报“VM8100:5 appJSON["pages"] 需至少存在一项”错误，因为app.json中未配置任何页面路径，下面我们来对app.json进行配置。

{ "cloud": true, "pages": [ "pages/index/index", "pages/detonation/detonation", "pages/user/user" ],

“cloud”: true表示让云能力可以在所有基础库中使用，在页面路径列表pages下加入三个Tab页面路径，在window中设置全局的默认窗口样式，通过tabBar设置底部tab栏的样式，配置完成后点击编译，开发工具会自动生成三个页面的文件夹以及相关文件。

"window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#FF3333", "navigationBarTitleText": "我要点爆", "navigationBarTextStyle": "white", "backgroundColor": "#FF3333" }, "tabBar": { "backgroundColor": "#F2F2F2", "color": "#6B6B6B", "selectedColor": "#FF0000", "list": [  {  "pagePath": "pages/index/index",  "text": "世界",  "iconPath": "/images/shi.png",  "selectedIconPath": "/images/shi1.png"  },  {  "pagePath": "pages/detonation/detonation",  "text": "点爆",  "iconPath": "/images/bao2.png",  "selectedIconPath": "/images/bao1.png"  },  {  "pagePath": "pages/user/user",  "text": "我的",  "iconPath": "/images/wo1.png",  "selectedIconPath": "/images/wo.png"  } ] }, "sitemapLocation": "sitemap.json"}

配置成功后页面结构与效果

创建数据库环境

设置环境名称，环境名称可以根据自己需求设置，这里设置与项目名相同dbx，下方的环境ID会自动生成，无需修改，点击确定完成创建。

创建成功后跳转云开发控制台页面