# 事件管理系统

**Repository Path**: buzhimingLF/EventManageSystem

## Basic Information

- **Project Name**: 事件管理系统
- **Description**: 使用Vue3和element-plus搭建的事件推送管理系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-22
- **Last Updated**: 2024-08-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

PC端事件发布管理系统:使用Vue3、element-plus、vue-quill和Dayjs开发，设计用于管理和发布事件的后台管理系统，旨在为用户提供一个方便管理事件和文章的平台，包括事件分类、文件管理、个人中心等核心功能。

项目技术亮点：
1.Vue3和element-plus:Vue3: 充分利用Vue3的Composition API，提升代码的灵活性和可维护性，使组件逻辑更加清晰，提高开发效率。采用hooks来简化状态管理和代码复用。element-plus: 使用element-plus组件库，提供丰富且易用的UI组件，快速构建功能齐全的后台管理界面。包括表格、表单、对话框等，提升用户体验和开发效率。

2.富文本编辑器:vue-quill: 集成vue-quill组件，实现强大的富文本编辑功能。用户可以方便地编辑和发布内容，支持多种文本格式和样式，内置图片上传、文本格式化等高级功能，满足多样化的内容编辑需求。

3.日期时间处理:Dayjs: 使用Dayjs库处理日期和时间，确保事件时间的准确性和易用性。Dayjs轻量且高效，支持多种时间格式转换、日期计算、相对时间显示等，简化了日期时间处理的复杂性。

4.权限管理:路由守卫和权限控制: 结合Vue3的路由守卫和element-plus的权限控制组件，实现精细的用户权限管理。通过路由元信息和Vuex状态管理，严格控制用户访问权限，确保系统数据的安全性和用户操作的规范性。

项目业务解决方案:
1.事件分类管理:添加分类: 用户可以创建新的事件分类，包括设置分类名称、描述等信息。提供表单验证，确保分类信息输入的准确性。查看分类: 提供分类列表查看功能，用户可以查看已有的分类信息，包括分类名称、创建时间、事件数量等，支持分页展示，提升查看效率。编辑和删除分类: 支持对分类进行编辑（如修改名称、描述）和删除操作。编辑时实时更新分类信息，删除时弹出确认对话框，确保分类信息的灵活管理和安全操作。

2.文件管理:添加文章: 用户可以创建新文章，设置标题、内容、选择分类等信息。富文本编辑器支持图片上传、文本格式化等功能，提升内容编辑体验。筛选文章分类: 通过分类筛选功能，用户可以快速找到特定分类下的文章。支持多级分类筛选，提升查找效率。筛选发布状态: 支持按照文章发布状态（已发布、草稿）进行搜索或重置操作。通过状态标签区分文章状态，方便管理不同状态的文章。编辑和删除文章: 用户可以编辑已发布的文章（修改标题、内容、分类等）或删除文章。编辑时实时预览修改效果，删除时弹出确认对话框，确保文章信息的及时更新和管理。

3.个人中心:用户信息管理: 用户可以查看和编辑个人信息，包括用户名、密码等。通过表单验证和加密存储，确保个人信息的安全性和管理便利性。登录状态管理: 通过路由守卫和Vuex状态管理，确保用户的登录状态稳定和安全。未登录用户访问受限页面时自动跳转到登录页面，登录状态失效时提示重新登录，防止未授权访问。

# Vue3-big-event-admin

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
pnpm install
```

### Compile and Hot-Reload for Development

```sh
pnpm dev
```

### Compile and Minify for Production

```sh
pnpm build
```

### Lint with [ESLint](https://eslint.org/)

```sh
pnpm lint
```