微信小程序开发

小程序开发自己的使用手册

微信小程序vscode开发插件

1. 微信小程序开发工具
2. 微信小程序扩展
3. 微信小程序助手
4. 微信小程序自定义组件代码片段

小程序

新建小程序

通过微信开发者工具新建小程序项目

1. 输入小程序id
2. 选择不适用云服务
3. 选择对应的模板

创建通用开发工具类

新建 ApiConfig 设置调用的url

const ApiConfig = {baseUrl: "http://localhost:2000/"
}export default ApiConfig
# 通过export 导出

封装http请求

创建promise 转换工具类

export default function wxToPromise(method, options={}) {return new Promise((resolve, reject) => {options.success = resolve,options.fail = err => {reject(err)}wx[method](options)})
}

创建http 工具类
面向对象方式 创建http工具类

import ApiConfig from "../config/ApiConfig"
import wxToPromise from "./wx"class Http {static async request({url, data, method='GET'}) {const res = await wxToPromise('request', {url: ApiConfig.baseUrl + url,data,method})if (res.statusCode < 400) {return res.data.data}if (res.statusCode === 401) {return}}
}export default Http

---

页面开发

新建小程序页面 js、wxss、wxml、json文件

1. 数据绑定 {{}}
2. 点击事件 bindtap=“方法名”
3. 条件渲染 wx:if=“{{}}”
4. 列表渲染 wx:for index item

page({data: {// 定义数据绑定属性}，// 定义方法 方法名（）{// 属性赋值  触发页面渲染this.setData({})}
})

常用APi

1. 交互弹窗
2. 路由跳转
3. 缓存操作
4. 用户信息获取

页面布局

---

java 后台开发

三板斧 pom依赖、yml、注解

pom依赖

yml配置