mirror of
https://github.com/fastapiadmin/FastapiAdmin.git
synced 2026-09-20 20:39:55 +00:00
- 将字典类型和字典数据的获取、存储逻辑统一管理,减少重复代码 - 使用 `pinia-plugin-persistedstate` 实现字典数据的持久化存储 - 优化字典数据的展示逻辑,统一使用字典标签进行显示 - 修复字典数据查询接口的权限控制和参数传递问题 - 更新字典数据相关的测试用例,确保功能稳定
前端介绍
这是一个基于Vue3的Vite项目,使用Vue3、Vite、TypeScript、Vuex、Vue-router、Ant-Design-Vue、Axios等框架。
- npm init vue@latest 创建项目
- cd frontend 进入项目
- npm install 安装依赖
- npm run dev 启动项目
项目结构
fastapi_project/frontend
├─ public # 静态资源文件
│ └─ site # 帮助文档模块
├─ src # 源代码
│ ├─ api # 接口文件
│ ├─ components # 组件模块
│ ├─ layouts # 布局模块
│ ├─ router # 路由模块
│ ├─ store # 状态管理模块
│ ├─ utils # 工具模块
│ ├─ view # 视图模块
│ ├─ App.vue # 根组件
│ ├─ main.js # 入口文件
│ └─ styles.css # 全局样式文件
├─ .env.development # 项目开发环境配置
├─ .env.production # 项目生产环境配置
├─ index.html # 模板文件
├─ package.json # 项目依赖文件
├─ tsconfig.json # ts配置文件
├─ vite.config.js # vite服务配置文件
└─ README.md # 项目说明文档
项目配置
查看 Vite Configuration Reference.
项目启动
初始化依赖
npm install
启动开发环境
npm run dev
构建项目
npm run build
项目检查
[ESLint](https://eslint.org/)
npm run lint