# 大事件后台管理系统

**Repository Path**: humiaoli/dashijian

## Basic Information

- **Project Name**: 大事件后台管理系统
- **Description**: 一个简单的PC端后台管理系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-10-10
- **Last Updated**: 2025-10-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 大事件后台管理系统(PC)

## 技术栈

- JavaScript
- jQuery
- Bootstrap
- LayUI
- art-template

## 实现功能

1. 使用 **Bootstrap** 和 **LayUI** 组件库进行界面布局。
2. 主要完成以下功能模块：
   - 登录/注册功能
   - 首页数据可视化展示
   - 文章分类、展示与发布功能
   - 用户个人资料展示、头像更换、密码重置功能
3. 通过 **AJAX** 请求从后端获取数据，并结合 **art-template** 模板引擎进行页面动态渲染。

## 目录结构说明

- `article/`：文章相关页面，包括文章分类、列表、发布等功能。
- `assets/`：静态资源目录，包含 CSS、JS、图片、字体等。
- `user/`：用户相关页面，包括用户信息、头像设置、密码修改等功能。
- `index.html`：系统主页面，包含布局框架和导航。
- `login.html`：用户登录与注册页面。
- `home/dashboard.html`：首页数据可视化页面。

## 使用说明

### 登录系统

访问 `login.html` 页面，输入用户名和密码进行登录，或点击注册按钮进行新用户注册。

### 系统主界面

登录成功后进入 `index.html`，系统采用 LayUI 的布局结构，包含顶部导航栏、左侧菜单栏和主内容区域。

### 文章管理

- **文章分类**：在左侧菜单中选择“文章分类”进入 `article/art_cate.html`，可查看和管理文章分类。
- **文章列表**：选择“文章列表”进入 `article/art_list.html`，可查看所有文章，并支持搜索和分页。
- **发布文章**：点击“发布文章”进入 `article/atr_pub.html`，填写表单并提交新文章。

### 用户管理

- **用户信息**：进入 `user/userinfo.html` 查看和编辑个人资料。
- **更换头像**：进入 `user/useravatar.html` 上传并裁剪新头像。
- **修改密码**：进入 `user/userpwd.html` 修改登录密码。

### 数据可视化

首页 `home/dashboard.html` 提供数据可视化展示，包括统计面板、曲线图、饼图和柱状图等。

## 依赖库说明

- **jQuery**：用于 DOM 操作和事件处理。
- **Bootstrap**：用于基础样式和响应式布局。
- **LayUI**：提供丰富的 UI 组件，如表单、表格、弹窗等。
- **art-template**：前端模板引擎，用于动态数据渲染。
- **ECharts**：用于数据可视化图表展示。
- **Cropper.js**：用于头像裁剪功能。

## 开发与调试

- 所有前端逻辑代码位于 `assets/js/` 目录下，按模块划分。
- 样式文件位于 `assets/css/` 目录，按页面或功能模块划分。
- 使用浏览器开发者工具进行调试，查看网络请求和页面元素。

## 注意事项

- 本系统为 PC 端后台管理系统，建议使用桌面浏览器访问。
- 所有数据交互基于 AJAX 请求，需确保后端接口正常运行。
- 图片上传和头像裁剪功能依赖 `Cropper.js` 插件。

如需进一步定制或扩展功能，请参考具体页面的 JS 文件和 CSS 样式定义。