mat/frontend

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

项目介绍

新材料数据库管理系统前端，基于Vue 3 + Element Plus构建。

技术栈

• Vue 3 - 渐进式JavaScript框架
• Vite - 新一代前端构建工具
• Element Plus - 基于Vue 3的组件库
• Vue Router - Vue.js官方路由
• Pinia - Vue状态管理库
• Axios - HTTP客户端
• ECharts - 数据可视化库

安装依赖

npm install

开发模式

npm run dev

生产构建

npm run build

预览生产构建

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

功能模块

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