小程序(零)开发前期准备

前言

因为一个原因需要一个答题的小程序,作为程序员当然要自己动手实现,目前还在开发中,一段时间会发布开发过程,最终会展示全部代码。

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 结尾

准备工作大概就是这么多,目前才刚开始做,一边记录一遍开发比较有动力。自己也是刚接触这里有不对的地方欢迎指正~.~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章