一、前提
微信小程序是一个简洁的前端程序, 基于数据驱动的前后端分离设计思想,开发之前有三个如下基本要求:
1、技术背景,熟悉es6的javascript开发,最好具有vue.js等类似前端的开发经验
2、环境要求,有一个后端服务器,必须有独立域名、HTTPS、在后台登记
3、后端服务,通过Node.js、java、.net、python等开发后端服务
二、开发
微信小程序通过“微信开发者工具”进行开发、调试、上传,该开发工具在微信公众平台(https://mp.weixin.qq.com)的“小程序小程序开发文档工具下载”中下载。
三、结构
微信小程序由一个引导app和多个描述page构成,引导app由三个文件构成:
1、app.js,小程序的初始化逻辑,可以为空
2、app.wxss,小程序的公用样式表,可以为空
3、app.json,小程序的公共配置信息,其中配置项pages下罗列出所有page清单,其中第一个page就是小程序的首页。
一个page就是一个功能页面,由一个目录和该目录下的四个文件构成,其中目录名和四个文件的文件名相同,皆为该page的名称:
1、.wxml文件,页面的结构文件(类似html文件的作用)
2、.wxss文件,页面的样式文件(类似css文件的作用)
3、.js文件,页面的业务逻辑(类似js文件的作用)
4、.json文件,页面的配置信息,如引入组件、设置页面标题等
四、交互
微信小程序作为前端,一般都需要配套的后端,并采用如下两种交互方式:
1、wx.request,前后端的数据交互。
2、wx.uploadFile,主要实现文件的上传,同步还可以交互数据。
五、组件
1、UI组件库,同微信原生视觉体验一致的UI组件库。微信小程序自带的WeUI组件库,例如其中的Cell、Cells、Slideview就非常好用,可以不同编写复杂的wxss文件,几行简单的代码就可以实现很专业表格行、右滑删除等复杂操作功能
![](https://img.haomeiwen.com/i12875195/4549199b15c7dcdd.png)
2、ECharts可视化组件库,通过熟悉的 ECharts 配置方式,快速开发图表,满足各种可视化需求。
![](https://img.haomeiwen.com/i12875195/a5b91664abe0c8c5.png)
3、微信同声传译语音组件,微信同声传译插件是微信自研的语音输入、文本翻译等功能的插件封装,用于提供给第三方小程序调用。【不同于“腾讯云智能语音QCloudAIVoice”】
![](https://img.haomeiwen.com/i12875195/b15b17f018fcebfc.png)
网友评论