table of Contents
Overview
This is my second tutorial after my mini program cloud development practice. The mini program is to study how to implement the mobile terminal. Generally, it is oriented to customers. Customers can use the mini program to understand what kind of service the merchant provides. What the price looks like, you can place an order online after you have the intention. But the disadvantage is that the functions of the business are very weak, and many management tasks cannot be completed on the mobile phone. Based on this shortcoming, I want to have a back-end system to meet the daily management needs of the business.
This tutorial describes the functions of the back-end system, technology selection, and the specific construction process, hoping to provide a different perspective for developers who need this technology.
demand analysis
Analyze the demand of a seafood shop. Everyday seafood shop has a lot of products that need to be sold by the merchant. In order to increase sales, the shop launched a promotional activity. Recharge a certain amount and give a certain amount to increase the customer's repurchase rate to help the shop improve Turnover requires a back-end system to support daily merchandise management, order management, and membership management functions. Of course, the system is also equipped with a simple statistical analysis function that can analyze and display operating data in the form of charts.
system login
Enter the user name and password to log in to the system
registered user
Enter the email address and password to register. After the registration is successful, an email will be sent to the registered email address for activation. After activation, you can log in to the system
dash board
Show the business overview of the store in the form of a chart, including the number of customers, the number of products, the amount of orders, and the number of orders, and show the turnover of the 12 months of the year in the form of a line chart.
User Management
For customers who buy goods on a daily basis, you can enter basic customer information, and for customers who need to recharge to become a member, you can open a card
Member Management
For customers who are already members, you can recharge the customer, and you can query the member’s previous consumption records and recharge records
Category management
Can maintain product categories
Commodity management
Products can be created and their specifications can be managed, and products can be put on or off the shelves
Order management
You can create an order. After you select the product, the system automatically calculates the amount of the order. For those who have become members, you can choose a membership card to pay, and automatically deduct fees
Technical selection
Because it is a management backend built for the store based on the WeChat applet technical route, the technical route is still based on Tencent's cloud development. Fortunately, Tencent Cloud has followed up with the function of website static template hosting. The back-end functions are basically provided by Tencent. It is the front-end page style problem. Combined with the current mainstream technology, I chose the front-end framework of vue-element-admin. The advantage is that the scaffolding provides all the functions, and the documentation is rich. It is easier to learn
VUE official website
VUE rookie tutorial
ElementUI official Website
vue-element-admin official website
es6 rookie tutorial The
above is the address of the official website of the technology involved in the development. For students who are still very backward in technology like me, they still need to lay a solid foundation a little bit to make their own satisfactory applications. to
course learn basic technical knowledge is also necessary back-end, Tencent cloud back-end technology is based on nodejs and mongedb of these two technologies is a must, you can go rookie tutorial to learn
micro-channel public platform
Tencent cloud
back-end basic knowledge of Tencent The document is very clear. If you encounter any problems during the development process, just check Tencent's document
Build steps
In order to open the corresponding resources, you first need to register an account on the WeChat official platform to open the mini program, and then open the pay-as-you-go environment in the WeChat developer tool.
Step 1: Open the WeChat developer tool, click the cloud development icon,
click settings, and create For the new environment, select billing by volume.
Step 2: Open the Tencent Cloud Development official website and find the created environment after logging in
Set the login method to email login
. Upload your own website code on the static website hosting.
After the upload is successful, the merchant will have its own website backend
to sum up
Relying on the technology developed by Tencent Cloud as a whole, merchants have both a PC-side management background and a WeChat applet, which truly realizes the concept of cloud integration. Riding on Tencent's wind to expand their business, hope that the store can perform in the future Constantly high, technology serves business, and business supports dreams.
Source code
For source code please visit
https://gitee.com/tuodagitee/membercms.git