# onflow-web-admin

**Repository Path**: decentant/onflow-web-admin

## Basic Information

- **Project Name**: onflow-web-admin
- **Description**: 如流框架前端管理系统页面
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2025-08-26
- **Last Updated**: 2025-10-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Onflow如流前端管理页面
## 介绍
Onflow如流前端管理页面对接的后端系统为：[onflow-framework](https://gitee.com/decentant/onflow-framework)，这就是一个前后端分离的完整系统，开箱即用，不必担心缺胳膊少腿，中看不中用。

本项目基于[vue-element-plus-admin](https://gitee.com/kailong110120130/vue-element-plus-admin/tree/mini)的mini分支开发，分支版本为：9caa00855197d04c6defcc7da0a4c07a40a78967。属于站在巨人的肩膀上继续开发，在此基础上添加了websocket、传输中心、站内信等功能，也修复了其中一些bug。主要还对接了后端onflow-framework的接口。

不过国际化和mock相关内容被我去除了，目前暂时用不到。

其他内容可以参照vue-element-plus-admin自己的README文件，本项目中也保留着：[README-vue-element-plus-admin.zh-CN.md](README-vue-element-plus-admin.zh-CN.md)

## 配置
开发模式需要修改配置文件[.env.base](.env.base)，修改后端连接地址，默认为127.0.0.1:4211。还有一个配置为VITE_FILE_SERVER_PATH，该配置为minio或阿里云oss的访问地址，默认为我自己的服务器。

## 运行
运行前请先安装node环境，使用pnpm安装依赖包，然后使用dev命令启动项目
```bash
pnpm i
pnpm dev
```
由于项目是一个前后端分离的项目，因此建议先启动onflow-framework后端服务，再启动前端服务，否则项目启动会报很多错，正是因为后端连接不上导致的

## 跨域访问
如果出现跨域访问错误，请修改后端的CORS配置，在onflow.cors.allow-origins中添加前端的访问地址，如：http://192.168.1.100:4210，即可解决该问题

## 代码生成
onflow-framework需要配置该目录为前端项目路径，配置完成后，代码生成器会自动生成前端页面代码，还有菜单相关SQL信息，因此配置正确的后端项目的配置文件非常关键！

## 项目打包
项目打包时请修改配置文件[.env.pro](.env.pro)，特别是各个连接地址信息。然后执行：
```bash
pnpm build:pro
 ```

## 项目截图
### 系统监控
<img src="https://mine.itdct.com/onflow/onflow-web-admin/%E4%BC%A0%E8%BE%93%E4%B8%AD%E5%BF%83.png" width="100%" height="100%">

### 系统菜单
<img src="https://mine.itdct.com/onflow/onflow-web-admin/%E7%B3%BB%E7%BB%9F%E8%8F%9C%E5%8D%95.png" width="100%" height="100%">

### 系统登录日志
<img src="https://mine.itdct.com/onflow/onflow-web-admin/%E7%B3%BB%E7%BB%9F%E7%99%BB%E5%BD%95%E6%97%A5%E5%BF%97.png" width="100%" height="100%">

### 传输中心
<img src="https://mine.itdct.com/onflow/onflow-web-admin/%E4%BC%A0%E8%BE%93%E4%B8%AD%E5%BF%83.png" width="100%" height="100%">

### 定时任务
<img src="https://mine.itdct.com/onflow/onflow-web-admin/%E5%AE%9A%E6%97%B6%E4%BB%BB%E5%8A%A1.png" width="100%" height="100%">

### 文件管理
<img src="https://mine.itdct.com/onflow/onflow-web-admin/%E6%96%87%E4%BB%B6%E7%AE%A1%E7%90%86.png" width="100%" height="100%">