75 lines
1.5 KiB
Markdown
75 lines
1.5 KiB
Markdown
# 新材料数据库管理系统 - 前端
|
||
|
||
## 项目介绍
|
||
|
||
新材料数据库管理系统前端，基于Vue 3 + Element Plus构建。
|
||
|
||
## 技术栈
|
||
|
||
- Vue 3 - 渐进式JavaScript框架
|
||
- Vite - 新一代前端构建工具
|
||
- Element Plus - 基于Vue 3的组件库
|
||
- Vue Router - Vue.js官方路由
|
||
- Pinia - Vue状态管理库
|
||
- Axios - HTTP客户端
|
||
- ECharts - 数据可视化库
|
||
|
||
## 安装依赖
|
||
|
||
```bash
|
||
npm install
|
||
```
|
||
|
||
## 开发模式
|
||
|
||
```bash
|
||
npm run dev
|
||
```
|
||
|
||
## 生产构建
|
||
|
||
```bash
|
||
npm run build
|
||
```
|
||
|
||
## 预览生产构建
|
||
|
||
```bash
|
||
npm run preview
|
||
```
|
||
|
||
## 项目结构
|
||
|
||
```
|
||
frontend/
|
||
├── public/ # 静态资源
|
||
├── src/
|
||
│ ├── api/ # API接口
|
||
│ ├── assets/ # 资源文件
|
||
│ ├── components/ # 公共组件
|
||
│ ├── layout/ # 布局组件
|
||
│ ├── router/ # 路由配置
|
||
│ ├── stores/ # 状态管理
|
||
│ ├── utils/ # 工具函数
|
||
│ ├── views/ # 页面组件
|
||
│ ├── App.vue # 根组件
|
||
│ └── main.js # 入口文件
|
||
├── index.html # HTML模板
|
||
├── package.json # 项目配置
|
||
└── vite.config.js # Vite配置
|
||
```
|
||
|
||
## 环境变量
|
||
|
||
- 开发环境: `.env.development`
|
||
- 生产环境: `.env.production`
|
||
|
||
## 功能模块
|
||
|
||
- 用户认证与授权
|
||
- 材料库管理
|
||
- 工厂库管理
|
||
- 数据统计与分析
|
||
- 字典管理
|
||
- 用户管理
|