# 新材料数据库管理系统 - 前端

## 项目介绍

新材料数据库管理系统前端，基于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`

## 功能模块

- 用户认证与授权
- 材料库管理
- 工厂库管理
- 数据统计与分析
- 字典管理
- 用户管理