Mr.April
d84d972e73
主要变更： 1. 重构API目录结构，采用模块化设计，适配5.x后端接口规范 2. 优化布局组件，提升用户界面体验 3. 增强国际化支持，完善多语言配置 4. 新增权限控制功能，支持前端路由权限管理 5. 优化认证流程，支持JWT认证机制 6. 新增中间件和插件，提升系统扩展性 7. 优化状态管理，采用更清晰的模块化设计 8. 新增搜索框、广告等组件，丰富页面功能 9. 更改包管理工具从npm到pnpm，提升依赖管理效率 10. 完善配置系统，支持多环境配置 适配5.x后端特性： - 采用新的API接口规范 - 支持JWT认证机制 - 适配后端权限控制体系 - 支持后端国际化接口 - 优化数据交互方式
2.4 KiB
2.4 KiB
Madong-Nuxt
项目介绍
MadongAdmin的Nuxt-Web工程，基于Nuxt 4.x、TypeScript、Vite、Pinia和Element Plus构建的现代化管理系统前端。
技术栈
- 前端框架：Nuxt 4
- UI 库：Element Plus
- 开发语言：TypeScript
- 状态管理：Pinia
- 国际化：Vue I18n
- 样式方案：SCSS + UnoCSS
- 图标库：Nuxt Icons
- 构建工具：Vite
核心功能
- 认证系统：登录/注册、验证码、路由守卫
- 会员中心：个人资料管理
- 国际化：多语言支持（中文/英文）
- 主题系统：深色/浅色模式切换
- 路由系统：动态路由、布局路由
目录结构
web/
├── app/ # 主应用目录
│ ├── api/ # API 接口定义
│ ├── apps/ # 功能模块目录
│ ├── assets/ # 静态资源
│ ├── components/ # Vue 组件
│ ├── composables/ # 组合式函数
│ ├── lang/ # 国际化语言文件
│ ├── layouts/ # 布局组件
│ ├── pages/ # 页面组件
│ ├── plugins/ # 插件
│ ├── stores/ # Pinia 状态管理
│ ├── types/ # TypeScript 类型定义
│ ├── utils/ # 工具函数
│ ├── app.vue # 根组件
│ └── router.options.ts # 路由配置
├── public/ # 公共静态资源
├── .gitignore # Git 忽略文件
├── nuxt.config.ts # Nuxt 配置
├── package.json # 项目依赖和脚本
├── tsconfig.json # TypeScript 配置
└── uno.config.ts # UnoCSS 配置
安装教程
-
克隆仓库
git clone <仓库地址> cd web -
安装依赖
pnpm install -
启动开发服务器
pnpm run dev -
构建生产版本
pnpm run build
使用说明
- 开发模式：
pnpm run dev- 启动开发服务器，支持热更新 - 构建生产：
pnpm run build- 构建生产版本 - 预览生产：
pnpm run preview- 预览生产构建结果 - 代码检查：
pnpm run lint- 运行 ESLint 检查代码质量
参与贡献
- Fork 本仓库
- 新建 Feat_xxx 分支
- 提交代码
- 新建 Pull Request