# ruoyi-web-vue3-ts

**Repository Path**: huanglgln/ruoyi-web-vue3-ts

## Basic Information

- **Project Name**: ruoyi-web-vue3-ts
- **Description**: 若依前后端分离框架，前端进行ts改写
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 39
- **Forks**: 16
- **Created**: 2023-12-24
- **Last Updated**: 2025-07-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ruoyi-web-vue3-ts

本项目参考若依前后端分离版，前端由[若依 vue3](https://github.com/yangzongzhuan/RuoYi-Vue3)改写为 ts 版本，后端对[若依 V3.8.7](https://gitee.com/y_project/RuoYi-Vue)进行了修改[后端版本分支 vue3.ts.3.8.7](https://gitee.com/huanglgln/RuoYi-Vue)，具体文档参见[若依官方文档](https://www.ruoyi.vip/)。本项目对部分代码做了优化，增加了 activiti7 工作流，icon 使用了 elementPLus icon，菜单对应 icon 需要重新配置，欢迎大家交流学习。

演示地址：[http://101.43.32.67:8090/login](http://101.43.32.67:8090/login)
admin admin123  
工作流测试：zhangsan/admin123;lisi/admin123

## 功能说明

工作台：我的流程、我的待办、我的已办  
系统管理：用户管理、角色管理、菜单管理、部门管理、岗位管理、字典管理、参数设置、通知公告、日志管理  
系统监控：在线用户、定时任务、数据监控、服务监控、缓存监控、缓存列表  
系统工具：表单构建、代码生成、系统接口、文件预览  
流程管理：模型定义、流程部署、请假流程

## 页面展示

<img src="https://gitee.com/huanglgln/ruoyi-web-vue3-ts/raw/master/public/images/page1.png" width = "50%" align=center /><img src="https://gitee.com/huanglgln/ruoyi-web-vue3-ts/raw/master/public/images/page2.png" width = "50%" align=center />
<img src="https://gitee.com/huanglgln/ruoyi-web-vue3-ts/raw/master/public/images/page3.png" width = "50%" align=center /><img src="https://gitee.com/huanglgln/ruoyi-web-vue3-ts/raw/master/public/images/page4.png" width = "50%" align=center />
<img src="https://gitee.com/huanglgln/ruoyi-web-vue3-ts/raw/master/public/images/page5.png" width = "50%" align=center /><img src="https://gitee.com/huanglgln/ruoyi-web-vue3-ts/raw/master/public/images/page6.png" width = "50%" align=center />
<img src="https://gitee.com/huanglgln/ruoyi-web-vue3-ts/raw/master/public/images/page7.png" width = "50%" align=center /><img src="https://gitee.com/huanglgln/ruoyi-web-vue3-ts/raw/master/public/images/page8.png" width = "50%" align=center />
<img src="https://gitee.com/huanglgln/ruoyi-web-vue3-ts/raw/master/public/images/page9.png" width = "50%" align=center />

## 脚本命令

### 依赖安装(建议用 pnpm)

```sh
npm install
or (pnpm install)
```

### 本地运行

```sh
pnpm run dev
```

### 代码检查（提交代码前执行，养成好习惯）

```sh
pnpm run lint
```

### 打包

```sh
pnpm run build:prod
```

### 支持作者

![Image text](https://gitee.com/huanglgln/ruoyi-web-vue3-ts/raw/master/public/images/shoukuanma.png)

### 欢迎讨论

huanglgln@163.com