# 通用后台管理系统前端

**Repository Path**: xiaokang69/General-Backend-Management-System-Frontend

## Basic Information

- **Project Name**: 通用后台管理系统前端
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-14
- **Last Updated**: 2025-09-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# GLM 后台管理系统

## 项目简介

GLM 后台管理系统是一个基于 Vue 3 + TypeScript + Element Plus 构建的现代化管理后台系统。系统提供了完整的权限管理、内容管理、会员管理和系统设置等功能模块，适用于各类中小型网站和应用程序的后台管理需求。

## 技术栈

- **前端框架**: Vue 3.5.18
- **路由管理**: Vue Router 4.5.1
- **状态管理**: Pinia 3.0.3
- **UI 组件库**: Element Plus 2.11.2
- **构建工具**: Vite 7.0.6
- **开发语言**: TypeScript 5.8.0
- **图标库**: Element Plus Icons

## 功能模块

### 1. 仪表盘
- 系统概览与统计数据展示
- 系统信息展示
- 快捷入口导航

### 2. 系统管理
- **管理员管理**: 管理员账号的增删改查
- **角色管理**: 角色权限分配与管理
- **权限管理**: 系统权限点配置
- **菜单管理**: 系统菜单结构配置
- **系统设置**: 网站基本参数设置

### 3. 内容管理
- **文章管理**: 文章内容的发布、编辑、删除
- **分类管理**: 文章分类的维护与管理
- **友情链接**: 网站友情链接管理

### 4. 会员管理
- **会员列表**: 会员信息管理
- **会员等级**: 会员等级设置与管理

## 系统特性

- **响应式设计**: 适配不同屏幕尺寸，支持移动端访问
- **权限控制**: 基于角色的权限管理系统
- **统一界面**: 所有页面采用统一的筛选框样式和布局
- **用户友好**: 直观的操作界面和交互体验
- **模块化设计**: 清晰的代码结构，便于维护和扩展

## 界面优化

系统已完成以下界面优化工作：

1. **筛选框对齐优化**: 为所有页面筛选框添加了一致的对齐样式，确保界面整洁统一
2. **选择框宽度统一**: 将所有页面筛选框中的选择框宽度统一设置为 150px，提升美观性和易用性
3. **样式标签修复**: 修复了链接页面中的样式标签重复问题，确保代码正确性

## 项目结构

```
src/
├── assets/         # 静态资源
├── components/     # 公共组件
├── router/         # 路由配置
├── stores/         # 状态管理
├── views/          # 页面组件
│   ├── admin/      # 管理员管理
│   ├── article/    # 文章管理
│   ├── links/      # 友情链接
│   ├── member/     # 会员管理
│   ├── member-level/ # 会员等级
│   ├── menu/       # 菜单管理
│   ├── permission/ # 权限管理
│   ├── role/       # 角色管理
│   └── settings/   # 系统设置
├── App.vue         # 根组件
└── main.ts         # 入口文件
```

## 开发指南

### 环境要求

- Node.js 16.0+
- npm 8.0+

### 安装依赖

```bash
npm install
```

### 开发环境运行

```bash
npm run dev
```

### 生产环境构建

```bash
npm run build
```

### 预览生产构建

```bash
npm run preview
```

### 类型检查

```bash
npm run type-check
```

## 浏览器支持

- Chrome (推荐)
- Firefox
- Safari
- Edge

## 贡献指南

1. Fork 本仓库
2. 创建您的特性分支 (`git checkout -b feature/AmazingFeature`)
3. 提交您的更改 (`git commit -m 'Add some AmazingFeature'`)
4. 推送到分支 (`git push origin feature/AmazingFeature`)
5. 打开一个 Pull Request

## 许可证

本项目采用 MIT 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情。

## 联系方式

如有问题或建议，请通过以下方式联系：

- 提交 Issue
- 发送邮件至项目维护者

---

© 2023 GLM 后台管理系统. 保留所有权利。