前言
因为一个原因需要一个答题的小程序,作为程序员当然要自己动手实现,目前还在开发中,一段时间会发布开发过程,最终会展示全部代码。
1.1 环境准备
按照小程序流程下载编译器、注册账号等;
1.2 熟悉代码结构
代码结构如下图
pages 下为显示的页面,里面按照小程序规则,文件名都一样:js是逻辑,json是配置数据,wxml是类比html页面,wxss类比css文件。
外层的app.* 文件类似全局变量;
这两部分是小程序demo中必须的,demo中实现了获取当前用户信息的例子,大家可以试试。
style 里面是下载的小程序提供的ui组件,因为我的ui水平。。。我非常需要它
UI
下载之后用编译器打开dist,这样可以一边看UI例子一边开发。
utils 下我放了一些公共的方法和变量,使用的时候需要先暴露出来,然后引用方才可以使用,比如:
globalData.js中定义了一些全局变量,定义之后需要exports出来,引用的时候像下面这样,
先引用
然后使用
1.3 调试
开始开发有些不知所措,后来想想就是H5+js,只是小程序封装了几层,文档中说由于框架原因部分js库(比如jQuery)用不了,无所谓,反正我都不熟。。。
调试过程还是按照web开发,console可以,debugger也可以,控制台也可以看到属性
不会的查api
文档
1.4 后台
后台使用 springboot + mybatis + mysql;
为了本地调试需要设置小程序
这样就可以wx.request请求到后台。
1.5 结尾
准备工作大概就是这么多,目前才刚开始做,一边记录一遍开发比较有动力。自己也是刚接触这里有不对的地方欢迎指正~.~