# molan-admin-vue

**Repository Path**: molan_cc/molan-admin-vue

## Basic Information

- **Project Name**: molan-admin-vue
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-25
- **Last Updated**: 2025-11-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# molan-admin-vue

<div align="center">

<p align="center">

  <a href="https://cn.vuejs.org/" target="_blank">
    <img src="https://img.shields.io/badge/Vue-3.x-green.svg" alt="Vue3">
  </a>
  <a href="https://element-plus.gitee.io/zh-CN/" target="_blank">
    <img src="https://img.shields.io/badge/Element--Plus-2.x-blue.svg" alt="Element Plus">
  </a>
  <a href="https://vitejs.dev/" target="_blank">
    <img src="https://img.shields.io/badge/Vite-7.x-646cff.svg" alt="Vite">
  </a>
  <a href="#" target="_blank">
    <img src="https://img.shields.io/github/license/molanp/molan-admin-vue" alt="License">
  </a>
</p>

</div>

> ⚠️ **重要提示：** 这是 [molan](https://gitee.com/molan_cc/molan) 后端项目的配套前端系统。如需了解完整项目架构及详细说明，请访问 [后端项目地址](https://gitee.com/molan_cc/molan) 获取更多信息。

## 📖 项目简介

molan-admin-vue 是一个基于 Vue3、Vite、Element-Plus 构建的后台管理系统前端项目。该项目提供了丰富的功能模块，包括用户管理、角色权限、菜单管理、系统配置等常见后台管理功能，并集成了AI聊天、文件管理、定时任务、消息通知等实用模块。

后端项目地址：[https://gitee.com/molan_cc/molan](https://gitee.com/molan_cc/molan)

## 🌟 功能特性

- 💪 基于 Vue3 + Vite7 构建，现代化前端开发体验
- 🎨 使用 Element-Plus 组件库，界面美观大方
- 🔐 完善的权限控制体系（用户、角色、菜单权限）
- 🧠 集成 AI 聊天功能
- 📁 文件管理模块
- ⏰ 定时任务管理
- 📢 消息通知系统
- 📱 响应式布局，支持多端适配
- 🎯 代码规范，易于维护和扩展

## 📦 技术栈

- [Vue 3](https://cn.vuejs.org/)
- [Vite 7](https://cn.vitejs.dev/)
- [Element Plus](https://element-plus.gitee.io/zh-CN/)
- [Pinia](https://pinia.vuejs.org/)
- [Vue Router](https://router.vuejs.org/zh/)
- [Wang Editor](https://www.wangeditor.com/)

## 🚀 快速开始

### 开发环境准备

确保你的本地环境中已经安装了 Node.js (推荐版本 >= 16) 和 npm/yarn/pnpm。

### 安装依赖

```bash
npm install
```

### 启动开发服务器

```bash
npm run dev
```

默认访问地址: http://localhost:5143

### 构建生产版本

```bash
npm run build
```

构建后的文件会输出到 `dist` 目录中。

## 🐳 Docker 部署

项目根目录提供了 Dockerfile，可用于构建 Docker 镜像：

```bash
# 构建镜像
docker build -t molan-admin-vue .

# 运行容器
docker run -d -p 19999:80 molan-admin-vue
```

## 🗂️ 项目结构

```
src
├── api          # 接口请求封装
├── assets       # 静态资源文件
├── components   # 公共组件
├── layout       # 页面布局组件
├── router       # 路由配置
├── stores       # 状态管理(Pinia)
├── styles       # 样式文件
├── utils        # 工具函数
├── views        # 页面视图
├── App.vue      # 根组件
└── main.js      # 入口文件
```

## 🔧 主要功能模块

- **系统管理**
  - 用户管理
  - 角色管理
  - 菜单管理
  - 部门管理
  - 字典管理
  - 系统参数配置
  - 登录策略设置
  - 操作日志查看

- **AI 功能**
  - 在线聊天机器人

- **文件管理**
  - 文件上传与管理

- **任务调度**
  - 定时任务定义
  - 执行记录查看

- **消息中心**
  - 通知公告
  - 站内信
  - 消息模板

## 🤝 贡献

欢迎提交 Issue 或 Pull Request 来帮助改进本项目。

## 📄 许可证

[MIT](./LICENSE)

Copyright (c) 2025 molan-admin-vue