# authentication-vue-project **Repository Path**: yulece-application/authentication-vue-project ## Basic Information - **Project Name**: authentication-vue-project - **Description**: 基于Vue的认证授权开源项目,提供安全高效的用户身份验证与权限管理解决方案,适用于Web应用。 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-09-19 - **Last Updated**: 2025-09-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Vue-WP 后台管理系统 ## 项目介绍 这是一个基于 Vue 3 + TypeScript + Element Plus 开发的现代化后台管理系统,集成了系统管理和博客管理等核心功能模块,采用最新的前端技术栈,提供了丰富的功能特性和优秀的用户体验。 ## 技术栈 - **前端框架**:Vue 3 - **开发语言**:TypeScript - **UI 组件库**:Element Plus - **构建工具**:Vite - **状态管理**:Vue Router - **HTTP 客户端**:Axios - **代码规范**:ESLint + TypeScript ESLint ## 功能特性 ### 系统管理 - **部门管理**:支持部门树形结构展示,可进行部门的增删改查操作 - **用户管理**:实现用户的基本信息管理,支持分配角色和重置密码 - **角色管理**:角色权限分配,细粒度的权限控制 - **权限管理**:灵活的权限模块配置,支持菜单和按钮级别的权限控制 ### 博客管理 - **分类管理**:博客分类的树形结构管理 - **文章管理**:支持文章的创建、编辑、删除等操作 ## 项目结构 ``` ├── src/ # 源代码目录 │ ├── api/ # API 接口定义 │ ├── assets/ # 静态资源 │ ├── components/ # 公共组件 │ ├── layout/ # 布局组件 │ ├── router/ # 路由配置 │ ├── services/ # 业务服务层 │ ├── types/ # TypeScript 类型定义 │ ├── views/ # 页面视图组件 │ ├── App.vue # 根组件 │ └── main.ts # 入口文件 ├── public/ # 公共资源目录 ├── vite.config.ts # Vite 配置文件 ├── package.json # 项目依赖配置 └── tsconfig.json # TypeScript 配置 ``` ## 开发环境要求 - Node.js >= 16.0.0 - npm >= 7.0.0 ## 安装和运行 1. 安装依赖 ```bash npm install ``` 2. 开发环境运行 ```bash npm run dev ``` 3. 生产环境构建 ```bash npm run build ``` ## 开发规范 - 使用 TypeScript 编写代码,确保类型安全 - 遵循 Vue 3 组合式 API 的最佳实践 - 组件和工具函数保持单一职责原则 - 统一使用 Element Plus 组件库的设计规范 ## 浏览器支持 - Chrome >= 87 - Firefox >= 78 - Safari >= 14 - Edge >= 88 ## 仓库地址 - 前端项目托管在 Gitee 平台:[https://gitee.com/yulece-application/vue-wp-project](https://gitee.com/yulece-application/vue-wp-project) - 后端项目托管在 Gitee 平台:[https://gitee.com/yulece-application/ai-stock-project](https://gitee.com/yulece-application/ai-stock-project) ## 贡献指南 1. Fork 本仓库 2. 创建特性分支 3. 提交代码 4. 创建 Pull Request ## 许可证 [MIT](LICENSE)