Introduction | Technologies | Environment | Development Environment | Project Screenshots | Quick Start｜Chinese(中文)
- The project is developed based on Feng and Yu's personal blog.
- It adopts the separation of front-end and back-end deployment, which is convenient for development and has better scalability and maintainability.
- The design of the website front-end refers to "Butterfly" of "Hexo".
- The management background refers to the design of "element-admin": sidebar, history tags, automatically generated breadcrumb navigation.
Management Backend
- Supports dynamic permission modification, using the RBAC model, with real-time updates of frontend menus and backend permissions.
- Supports modifying background images, publishing articles, reviewing comments, posting moments, and uploading photo albums.
- Supports internationalization and can switch between Chinese and English.
- Tracks user login regions and article view counts.
- Records operation logs.
- Supports blog configuration, role management, resource management, and other operations.
web admin:
├── assets -- js, css, iconfont files
├── layout -- Common Vue components
├── locales -- Vue internationalization
├── router -- Vue router
├── store -- Vue state management
├── views -- Project page directory
Frontend: vue + vuex + vue-router + axios + vuetify + element + echarts
Server: 1 Core 1GB Oracle CentOS 7.6
Object Storage: Minio
| Development Tool | Description |
|---|---|
| VSCode | Vue development tool IDE |
| Another Redis Desktop Manager | Redis remote connection tool |
| X-shell | Linux remote connection tool |
| Xftp | Linux file upload tool |
Website Frontend
This project is the Vue frontend. Make sure to start the Spring Boot backend service before running.
Project setup
npm install
npm run serve