一、小程序开发的准备工作
- 注册邮箱,我用的qq邮箱,注册步骤略
- 注册小程序,注册地址:https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN ,使用刚注册的邮箱注册即可,密码怕忘掉,最好记录到文档里,然后登录到邮箱里进行激活,再登记信息,注册可以使用个人信息,也可以使用企业组织等信息,在这里注意一点:如果有已认证的公众号,可以在公众号-小程序-小程序管理 里直接添加(快速注册并认证小程序),直接注册的就是认证的小程序
- 下载并安装小程序开发工具,下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
二、第三方UI
- 我使用的是ColorUI,下载地址:https://github.com/weilanwl/ColorUI
- 微信开发工具要把ColorUI-master\demo\colorui文件夹复制到项目根目录下,并在app.wxss里引用main.wxss和icon.wxss
三、微信开发者工具
- 新建小程序项目,新建时,需要输入AppID,可以在https://mp.weixin.qq.com登录你的小程序,在设置-账号信息中查到
- 复制上述的colorui文件夹到项目根目录下
- 在app.wxss中添加代码,并注释掉原来的所有代码引入
@import "colorui/main.wxss"; @import "colorui/icon.wxss";
- 就可以使用ColorUI了
四、云数据库
在开发者工具中选择“云开发”,在打开的界面中选择“数据库”,新建集合,注意要设置集合的数据权限为“所有用户可读,仅创建者可读写”,导入数据时,如果使用csv格式导入,会发生的问题如下:文本如果是纯数字会被识别为数字类型,如:“201801”识别为201801,“01”识别为1,所以应将csv文件转换为json数据再导入,转换方法: https://neil3d.github.io/coding/excel2json.html
在使用json数据导入时,一条数据占一行,数据之间不使用逗号,没有开始和结束的[ ],参考:
{"scores":"100||42|46.80||","classname":"201716","schoolyearid":2,"stuname":"杨博","stunum":"01","subjectname":"中英文录入","schoolyear":"2018-2019年第一学期"}
{"scores":"100|100|97|98.80||","classname":"201716","schoolyearid":2,"stuname":"张宇","stunum":"02","subjectname":"中英文录入","schoolyear":"2018-2019年第一学期"}
把刚才转换好的json数据压缩一下,在线地址:https://www.json.cn/json/jsonzip.html ,变成一行数据,复制回json文件中,然后使用editplus打开这个json文件,使用查找替换功能,如图所示进行替换:
将格式化好的json文件导入到云数据库中,即可