此为uni-app的一个入门教程，是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS，Android，Web（响应式），以及各种小程序（微信/支付宝/百度/头条/ QQ /钉）钉/淘宝），快应用等多个平台。

学习心得

uni-app中的富文本编辑器，可以对图片、文字格式进行编辑和混排。

uni-app组件，来源：插件市场下载

实现星级评价的基本功能，可以选择是否可编辑评价分数、设置评价星星与文字大小、是否隐藏评价文字

此资源是文章链接附带资源，不是完整demo，需要自行放到项目中整合，如果不需要请勿下载，请仔细阅读描述，不需要请勿下载

loadRefresh 上滑加载下拉刷新 sofarPicker 年-月 范围组件 termPicker 年-月-日 范围组件

自定义下拉选择列表，等同于html的select标签。

前端：微信小程序 采用 uni-app 开发框架，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 后端：采用 SpringBoot 2 构建后端服务，才 Swagger2 构建 Restful风格接口文档，数据库采用 Mysql ,使用 Mybatis-Plus 做数据访问层。 语音识别和图像识别 采用 百度智能云平台服务。 安装教程 开发需要准备相关的 IDE和 JDK8 开发环境 , 前端开发 uni-app 需要 下载 Hbuilder ,后端开发 需要下载 Eclipse 或 IDEA。 其中的 语音识别和图像识别 功能使用百度智能云平台服务，需要注册登录拥有自己的应用 (有5万次调用 api 的免费使用量)，在 后端 afterend 的 uniapp-api 当中的配置文件里面需要进行配置 appid、apikey、secretkey。 数据库准备，创建一个 名称为 garbageSort 的数据库，把跟目录下 garbagesort.sql数据库文件进行导入进去即可。 后端启动：第一步、在 afterend 目录下找到 uniapp-api 模块，把配置文件 application.yml.example 的 example 后缀去掉，命名为 application.yml。第二步、在 application.yml 中配置好 数据库相关信息 和 上述 百度请求 api 管理的配置信息即可。 第三步、运行 UniappApiApplication ，启动后端服务，可以访问 http://localhost:8899/wx/doc.html 查看接文档 前端启动：在 Hbuilder 中打开目录 frontend ，在运行菜单中 点击 运行到小程序模拟器 —> 微信开发者工具,或者 使用 微信开发者工具 打开 forntend -> unpackage -> dist -> dev -> mp-weixin,即可运行微信小程序。（二次开发的时候在 Hbuilder 中修改文件，保存后可以到微信开发者工具看预览效果）

uni-app 初始模板 简介 使用方式创建的 uni-app 项目 模板具有以下功能特性: 使用引入和UI 框架 使用作为网络请求库。并完善了拦截器、全局请求 loading 控制等 使用库让小程序和 APP 端支持 cookie 使用库让 vuex 数据持久化 使用库让 page.josn 支持模块化 库为微信 JS-SDK 更加人性化的 vuex 使用方式 全局统一的配置文件 config.js 支持 npm 命令自动生成组件和页面模板 支持 npm 命令更新 uni-app 编译器 、uni-ui 和 uview 打包优化：默认开启 gzip 压缩、摇树优化，移除 console 代码 引用方便 h5 调试 快速启动 推荐使用（其他涉及到 npm 命令会用 yarn 介绍） # 1.安装依赖 yarn # OR npm i # 2.运行h5项目 yarn serve # OR np