# Ruoyi-Vxe-Table

**Repository Path**: ArrayEdu/Ruoyi-Vxe-Table

## Basic Information

- **Project Name**: Ruoyi-Vxe-Table
- **Description**: 基于ruoyi和vxe-table的vue3中后台管理系统，模板打印，权限管理，个性化表格
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2023-09-05
- **Last Updated**: 2023-09-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">Ruoyi-Vxe-Table</h1>
<h4 align="center">基于SpringBoot+Vue3前后端分离的Java快速开发框架</h4>

## 说明
Vue3 + ts + element + vxe-table

通过修改 vex-table(4.4.1)源码集成了 hiprint.io 自定义模板打印，引入阿里图标

## vex-table 源码修改

all.ts 

修改 button.ts button.d.ts 源码，在下拉按钮的时候是否显示下拉图标 

table.ts table.d.ts emits.ts props.ts 添加自定义模板打印的配置及参数;添加手动设置表格加载状态函数（setLoadState（）） handleColumn方法中添加ignore属性列是否可见（默认true可见）

toolbar.ts toolbar.d.ts 添加自定义模板打印的按钮 

en-US.ts zh-CN.ts

pager.ts pager.scss

grid.ts 参数发生变化时自动刷新表格；

column.ts columninfo.ts 添加 ignore 表格列是否可见

form-config-item.ts中添加删除表单项目 close-field，在表格配置表单时用户自定义使用 并且添加表单项目中添加formFilter参数设置是否显示删除按钮

## 平台简介

-   本仓库为前端技术栈 [Vue3](https://v3.cn.vuejs.org) + [Vite](https://cn.vitejs.dev)+ [Element Plus](https://element-plus.org/zh-CN) + [vxe-table](https://vxetable.cn) 版本。
-   配套后端代码仓库地址[RuoYi-Cloud-Vxe-Table](https://gitee.com/zlyKent/RuoYi-Cloud-Vxe-Table.git)。
- 通过把vxe-table的配置信息保存到数据库，可通过角色和菜单授权字段。并把个人的表格列配置、查询条件保存在数据库实现表格列及表格查询条件的个人化。

## 前端运行

```bash
# 克隆项目
git clone https://gitee.com/zlyKent/Ruoyi-Vxe-Table.git

# 进入项目目录
cd Ruoyi-Vxe-Table

# 安装依赖
npm i

# 启动服务
npm run serve

```

## 功能说明
- 在RuoYi-Vue的基础上更换所有表格为vxe-table
- 在菜单和角色功能添加vxe-table配置功能