vue3 admin

vue3-admin

Vue3 + Vite + Vue-Router + Element-Plus + Echarts + Axios backend management system.

The newbee-mall project is an e-commerce system developed based on Spring Boot, Vue and related technology stacks. The front-end mall system includes modules such as homepage portal, product classification, new product launch, homepage carousel, product recommendation, product search, product display, shopping cart, order settlement, order process, personal order management, member center, and help center. The backend management system includes modules such as data panel, carousel management, product management, order management, member management, category management, and settings.

Online preview address of vue3-admin version: http://vue3-admin.newbee.ltd, test account password: admin 123456

Overview of newbee-mall (New Bee Mall) series projects

Project name	Warehouse address	Remark
newbee-mall	newbee-mall in GitHub newbee-mall in Gitee	Initial version, Spring Boot, Thymeleaf, MyBatis, MySQL
newbee-mall-plus	newbee-mall-plus in GitHub newbee-mall-plus in Gitee	Upgraded version, coupons, flash sales, payment, Spring Boot, Thymeleaf, MyBatis, MySQL, Redis
newbee-mall-cloud	newbee-mall-cloud in GitHub newbee-mall-cloud in Gitee	Microservice version, distributed transaction, Spring Cloud Alibaba, Nacos, Sentinel, OpenFeign, Seata
newbee-mall-api	newbee-mall-api in GitHub newbee-mall-api in Gitee	Front-end and back-end separation, Spring Boot, MyBatis, Swagger, MySQL
newbee-mall-api-go	newbee-mall-api-go in GitHub newbee-mall-api-go in Gitee	Front-end and back-end separation, Go, Gin, MySQL
newbee-mall-vue-app	newbee-mall-vue-app in GitHub newbee-mall-vue-app in Gitee	Front-end and back-end separation, Vue2, Vant
newbee-mall-vue3-app	newbee-mall-vue3-app in GitHub newbee-mall-vue3-app in Gitee	Front-end and back-end separation, Vue3, Vue-Router4, Pinia, Vant4
vue3-admin	vue3-admin in GitHub vue3-admin in Gitee	Front-end and back-end separation, Vue3, Element-Plus, Vue-Router4, Vite

Persistence is not easy. If you think the project is good, you can give the project a Star. It is also an encouragement for me to keep updating the code. Thank you for your support.

Development and deployment documentation

• Opening words: Clear Vue3 enterprise-level project development, get promotion and salary increase one step faster
• Project Instructions and Course Agreements
• The general trend: "Separation of front and back ends" development model
• Vue3 introduction and development environment construction
• Brief analysis of Vue3 combination API entrance Setup
• Vue3's responsive system API
• Vue3 life cycle hook function, providing injection
• Vue3 performance and business-level improvements
• Vite2 principle analysis and simple plug-in writing
• Vue-Router4 usage and routing principles
• Vue3 practical project startup chapter
• Back-end API development technology selection: Spring Boot
• Back-end basic operating environment and development tool preparation
• Spring Boot project construction and quick start
• Spring Boot Practice Web Function Development
• Spring Boot practice file upload processing
• Spring Boot practice integrating MyBatis operation database
• Spring Boot Practice Integrating Lombok
• Spring Boot practice integrates Swagger to generate interface documents
• Things to note when starting and running a back-end API project
• Interface parameter processing and unified response results
• API interface development practical user login interface development
• Detailed explanation of user identity authentication in practical API interface development
• API Interface Development Practical Carousel Chart Management Module Interface Development
• API interface development practical product classification management module interface development
• API interface development practical product management module interface development
• API interface development practical product configuration management module interface development
• API interface development practical order management module interface development
• Four methods of front-end and back-end authentication
• Vite2 + Vue3 + Element-Plus build management backend project
• Vue3 practical management backend left and right column layout
• Vue3 practical login authentication
• Vue3 actual home page market data
• Vue3 actual home page configuration
• Vue3 practical classification management
• Vue3 practical product management
• Vue3 practical order management
• Vue3 practical membership management and account modification
• pm2 enables one-click deployment of cloud servers
• Summary and explanation of frequently asked questions

Contact the author

If you have any questions or suggestions, you can give me feedback in issues, and I will slowly improve this project.

• My email: [email protected]
• QQ technical exchange group: 707779034 932227898 552142710

Follow the public account: Programmer Thirteen , reply "Hook Up" to join the group communication.

Software copyright

This system has applied for software copyright and is protected by the intellectual property rights of the National Copyright Administration and the national computer software copyright!

Page display

The following is a preview of some pages of the vue3-admin system:

grateful

• Vue3
• Element-Plus
• Vite
• Vue-Router
• Echarts
• Axios

Donate

All donations will be used for subsequent open source projects and server expenses.

Alipay	WeChat Pay	QQ wallet