Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chovue/vue3-management-system

vue3+typescript+pinia 管理系统
https://github.com/chovue/vue3-management-system

axios echart elementplus pinia typescript vue3

Last synced: 3 months ago
JSON representation

vue3+typescript+pinia 管理系统

Awesome Lists containing this project

README

        

# vue3-management-system

Language: English | [中文简体](README.md)

Based on the background management system developed by Vue3 Family Bucket, [online address is here](https://vue3-management-system.vercel.app/login). It is suitable for students who are self-studying Vue3, and for quick delivery of outsourced projects.

## technology stack

The project uses the technology stack as follows:

- [x] Vue 3: Front-end framework
- [x] TypeScript: Language
- [x] Vite: packaging tool
- [x] Pinia: state management
- [x] Vue Router: route management
- [x] Element Plus: UI component library
- [x] Echarts: Charts
- [x] Axios: network requests

## project screenshot

Login page:
![image](https://user-images.githubusercontent.com/51811652/227832497-7bc46908-d818-48ce-8ecd-bac57c3d9855.png)

home page:
![image](https://user-images.githubusercontent.com/51811652/227833231-3b91552a-618f-41de-bbc1-fc6f68177a7d.png)

table page:
![image](https://user-images.githubusercontent.com/51811652/227835053-4d680143-b165-4bbf-9f04-97c4a5422635.png)

## Project Setup

```
# clone project
git clone https://github.com/HearLing/vue3-management-system.git

# enter the project directory
cd vue3-management-system

# install dependencies
npm install

# Local development, start the service
npm run dev

# package build
npm run build

# ESLint fixes
npm run lint
```