Project developed by WeChat Mini Program: Junk Identification Mini Program
Front-end: WeChat applet adopts uni-app development framework, uni-app is a framework that uses Vue.js to develop all front-end applications. Developers write a set of codes that can be published to iOS, Android, H5, and various applets ( WeChat/Alipay/Baidu/Toutiao/QQ/Dingding) and other platforms. After the end: using SpringBoot 2 build back-end services, only Swagger2 build Restful style interface documentation, database using Mysql, use Mybatis-Plus for data access layer.
Figure
Figure
Example
An
Say
Bright
Do some preparatory work before installation:
1. Development needs to prepare related IDE and JDK8 development environment, front-end development of uni-app needs to download Hbuilder, back-end development needs to download Eclipse or IDEA. 2. The voice recognition and image recognition functions use Baidu smart cloud platform services, and you need to register and log in to have your own application (there are 50,000 calls to the api for free usage), in the configuration file in the uniapp-api of the backend afterend Need to configure appid, apikey, secretkey. 3. Database preparation, create a database named garbageSort, and import the garbagesort.sql database file in the following directory.
background program:
Back-end startup: The first step is to find the uniapp-api module in the afterend directory, remove the example suffix of the configuration file application.yml.example, and name it application.yml. The second step is to configure the database related information and the configuration information managed by the above Baidu request api in application.yml. The third step, run UniappApiApplication, start the back-end service, you can visit http://localhost:8899/wx/doc.html to view the connection document
Front-end program
Frontend startup: Open the frontend directory in Hbuilder, and click Run in the run menu to go to the applet simulator —> WeChat developer tool, or use WeChat developer tool to open forntend -> unpackage -> dist -> dev -> mp-weixin , You can run WeChat applet. (Modify the file in Hbuilder during the secondary development, after saving, you can see the preview effect in the WeChat developer tool)