# mldong-art-design

**Repository Path**: future2018/mldong-art-design

## Basic Information

- **Project Name**: mldong-art-design
- **Description**: 基于art-design-pro的权限管理系统
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-08-25
- **Last Updated**: 2025-08-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 简介

mldong-ant-design基于art-design-pro的快速开发框架前端工程

## 特性

- **最新技术栈**：使用 Vue3/vite 等前端前沿技术开发
- **TypeScript**：应用程序级 JavaScript 的语言
- **主题**：提供多套主题色彩，可配置自定义主题
- **国际化**：内置完善的国际化方案
- **权限**：内置完善的动态路由权限生成方案

## 演示地址(apifox云mock版)

- [演示地址-mock版](https://www.mldong.com/?nav=onlinedemo-8)

测试账号: admin/123456

## 安装使用

1. 获取项目代码

```bash
git clone https://gitee.com/mldong/mldong-art-design.git
```

2. 安装依赖

```bash
cd mldong-art-design


pnpm install
```

- 修改代理地址vite.config.mts

```ts
return defineConfig({
    define: {
      __APP_VERSION__: JSON.stringify(VITE_VERSION)
    },
    base: VITE_BASE_URL,
    server: {
      port: parseInt(VITE_PORT),
      proxy: {
        '/api': {
          target: 'https://apifox-plus.mldong.com/m1/3323228-2823297-default',
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, '')
        }
      },
      host: true
    },
```

- 运行

```bash
pnpm dev
```

4. 打包

```bash
pnpm build
```

## 相关项目

- [配套后端-java版](https://gitee.com/mldong/mldong)
- [配套后端-python版](https://gitee.com/mldong666/mldong-python)
- [配套后端-nodejs版](https://gitee.com/mldong/mldong-koa)
- [配套后端-GoLang版](https://gitee.com/mldong/mldong-goframe)
- [vben5文档](https://doc.mldong.com/mldong/front-pro/pro-explain.html/)

* 第一章·基础篇
  - [环境准备](https://www.bilibili.com/cheese/play/ep1893365)
  - [体验一下](https://www.bilibili.com/cheese/play/ep1893366)
  - [apifox简单介绍](https://www.bilibili.com/cheese/play/ep1893367)
  - [替换接口地址](https://www.bilibili.com/cheese/play/ep1893368)
  - [角色编码返回处理](https://www.bilibili.com/cheese/play/ep1893369)
  - [关于代码提交](https://www.bilibili.com/cheese/play/ep1893370)
  - [更换真实接口遇到的问题](https://www.bilibili.com/cheese/play/ep1893371)
  - [尝试添加一个页面](https://www.bilibili.com/cheese/play/ep1893372)
  - [路由模块重构·文件拆分](https://www.bilibili.com/cheese/play/ep1893373)
  - [路由模块重构·自动导入](https://www.bilibili.com/cheese/play/ep1893374)
* 第二章·权限管理
  - [前端控制模式·初探](https://www.bilibili.com/cheese/play/ep1893378)
  - [前端控制模式·复现bug](https://www.bilibili.com/cheese/play/ep1893380)
  - [权限管理·后端控制模式·初探](https://www.bilibili.com/cheese/play/ep1893381)
  - [后端控制模式·权限码·自定义指令](https://www.bilibili.com/cheese/play/ep1893382)
  - [后端控制模式·权限指令源码解读](https://www.bilibili.com/cheese/play/ep1893383)
  - [hasAuth方法·初探](https://www.bilibili.com/cheese/play/ep1893394)
  - [hasAuth方法·源码解读](https://www.bilibili.com/cheese/play/ep1893395)
  - [获取用户权限码接口联调](https://www.bilibili.com/cheese/play/ep1893396)
  - [优化·增加超管标识判断](https://www.bilibili.com/cheese/play/ep1893397)
  - [v-roles指令](https://www.bilibili.com/cheese/play/ep1893873)
* 第三章·打包发布
  - [打包发布·初探](https://www.bilibili.com/cheese/play/ep1893906)
  - [打包发布·build](https://www.bilibili.com/cheese/play/ep1893907)
  - [打包发布·处理打包报错问题](https://www.bilibili.com/cheese/play/ep1893908)
  - [打包发布·云效持续集成](https://www.bilibili.com/cheese/play/ep1893930)
* 第四章·ArtTable表格组件
  - [表格组件·初探](https://www.bilibili.com/cheese/play/ep1894016)
  - [表格组件·分页参数](https://www.bilibili.com/cheese/play/ep1894017)
  - [表格组件·响应数据适配器](https://www.bilibili.com/cheese/play/ep1894019)
  - [表格组件·数据转换函数](https://www.bilibili.com/cheese/play/ep1894020)
  - [表格组件·formatter格式化列](https://www.bilibili.com/cheese/play/ep1894021)
  - [表格组件·自定义列模板](https://www.bilibili.com/cheese/play/ep1894022)
  - [自定义列ApiDict回显组件·初探](https://www.bilibili.com/cheese/play/ep1894790)
  - [自定义列ApiDict回显组件·实现请求逻辑](https://www.bilibili.com/cheese/play/ep1894791)
  - [自定义列ApiDict回显组件·优化](https://www.bilibili.com/cheese/play/ep1894792)
  - [自定义列ApiDict回显组件·增加初始化所有](https://www.bilibili.com/cheese/play/ep1894794)
  - [番外篇·更新项目代码](https://www.bilibili.com/cheese/play/ep1894795)
  - [番外篇·验证更新的代码](https://www.bilibili.com/cheese/play/ep1894796)
  - [番外篇·再次更新项目代码](https://www.bilibili.com/cheese/play/ep1894798)
  - [自定义列ApiDict回显组件·调用接口初始化](https://www.bilibili.com/cheese/play/ep1894799)
  - [自定义列ApiDict回显组件·使用Tag渲染](https://www.bilibili.com/cheese/play/ep1894954)
  - [自定义列ApiDict回显组件·使用Tag渲染多值优化](https://www.bilibili.com/cheese/play/ep1894955)
  - [自定义列ApiDict回显组件·Tag主题色实现](https://www.bilibili.com/cheese/play/ep1897278)
  - [自定义列ApiDict回显组件·Tag增加颜色配置项](https://www.bilibili.com/cheese/play/ep1897279)
  - [自定义列ApiDict回显组件·重构Tag增加颜色配置项](https://www.bilibili.com/cheese/play/ep1897285)
  - [自定义列ApiDict回显组件·优化代码](https://www.bilibili.com/cheese/play/ep1897280)
  - [自定义列ApiDict回显组件·新增预设颜色列表配置项](https://www.bilibili.com/cheese/play/ep1897284)
  - [自定义列ApiDict回显组件·AI生成预设颜色列表](https://www.bilibili.com/cheese/play/ep1897286)
  - [自定义列ApiDict回显组件·修复useColorList无效](https://www.bilibili.com/cheese/play/ep1897287)
  - [自定义列ApiDict回显组件·使用接口中的颜色配置](https://www.bilibili.com/cheese/play/ep1897289)
  - [自定义列ApiDict回显组件·重构类型定义](https://www.bilibili.com/cheese/play/ep1899739)
  - [自定义列回显组件优化·初探](https://www.bilibili.com/cheese/play/ep1899741)
  - [自定义列回显组件优化·引入componentMap机制](https://www.bilibili.com/cheese/play/ep1899742)
  - [自定义列回显组件优化·新增管理componentMap方法](https://www.bilibili.com/cheese/play/ep1899743)
  - [自定义列回显组件优化·自动注册](https://www.bilibili.com/cheese/play/ep1899744)
  - [自定义列新增component和componentProps配置](https://www.bilibili.com/cheese/play/ep1899745)
  - [自定义列回显组件·终](https://www.bilibili.com/cheese/play/ep1899746)
  - [搜索表单·初探](https://www.bilibili.com/cheese/play/ep1905465)
  - [搜索表单·常用控件](https://www.bilibili.com/cheese/play/ep1905466)
  - [搜索表单·修复日期控制bug](https://www.bilibili.com/cheese/play/ep1905467)
  - [搜索表单·select和radio](https://www.bilibili.com/cheese/play/ep1905478)
  - [搜索表单·自定义字典组件·初探](https://www.bilibili.com/cheese/play/ep1905479)
  - [搜索表单·自定义字典组件·实现Select逻辑](https://www.bilibili.com/cheese/play/ep1908981)
  - [搜索表单·自定义字典组件·实现RadioGroup逻辑](https://www.bilibili.com/cheese/play/ep1908982)
  - [搜索表单·自定义字典组件·实现RadioGroup按钮组逻辑](https://www.bilibili.com/cheese/play/ep1908983)
  - [搜索表单·自定义字典组件·实现CheckboxGroup](https://www.bilibili.com/cheese/play/ep1908984)
  - [操作列·初探](https://www.bilibili.com/cheese/play/ep1909549)
  - [操作列·插槽方式](https://www.bilibili.com/cheese/play/ep1909551)
  - [操作列·自定义TableAction组件·初探](https://www.bilibili.com/cheese/play/ep1909552)
  - [操作列·自定义TableAction组件·移植逻辑](https://www.bilibili.com/cheese/play/ep1909553)
  - [操作列·自定义TableAction组件·图标](https://www.bilibili.com/cheese/play/ep1909554)
  - [操作列·自定义TableAction组件·更多](https://www.bilibili.com/cheese/play/ep1909555)
  - [操作列·自定义TableAction组件·权限码](https://www.bilibili.com/cheese/play/ep1909556)
  - [操作列·自定义TableAction组件·气泡确认框](https://www.bilibili.com/cheese/play/ep1909557)
  - [操作列·自定义TableAction组件·确认消息框](https://www.bilibili.com/cheese/play/ep1909559)
  - [表格组件·多选行与本章小结](https://www.bilibili.com/cheese/play/ep1909560)
* 第五章·增删改查样例(上)
  - [增删改查样例·用户列表调整](https://www.bilibili.com/cheese/play/ep1910156)
  - [修复页面修改TableAction不渲染bug](https://www.bilibili.com/cheese/play/ep1910157)
  - [增删改查样例·抽离schemas表单配置项](https://www.bilibili.com/cheese/play/ep1910158)
  - [增删改查样例·抽离schemas表格列配置](https://www.bilibili.com/cheese/play/ep1910159)
  - [让框架支持jsx语法(上)](https://www.bilibili.com/cheese/play/ep1910160)
  - [让框架支持jsx语法(下)](https://www.bilibili.com/cheese/play/ep1910161)
  - [让.vue文件支持jsx语法](https://www.bilibili.com/cheese/play/ep1910162)
  - [增删改查样例·弹窗表单·初探](https://www.bilibili.com/cheese/play/ep1910864)
  - [增删改查样例·弹窗表单·常用属性](https://www.bilibili.com/cheese/play/ep1910865)
  - [增删改查样例·弹窗表单·全屏逻辑处理](https://www.bilibili.com/cheese/play/ep1910866)
  - [弹窗表单·关于设置全屏后footer显示错位问题issues](https://www.bilibili.com/cheese/play/ep1910867)
  - [增删改查样例·弹窗表单·表单初探](https://www.bilibili.com/cheese/play/ep1910868)
* 第六章·自定义表单组件
  - [表单元数据](https://www.bilibili.com/cheese/play/ep1913468)
  - [自定义表单组件](https://www.bilibili.com/cheese/play/ep1913469)
  - [自定义表单组件·slot处理(一)](https://www.bilibili.com/cheese/play/ep1913470)
  - [自定义表单组件·slot处理(二)](https://www.bilibili.com/cheese/play/ep1913476)
  - [自定义表单组件·slot处理(三)](https://www.bilibili.com/cheese/play/ep1913477)
  - [自定义表单组件·24栅格](https://www.bilibili.com/cheese/play/ep1913478)
  - [自定义表单组件·提交和重置按钮](https://www.bilibili.com/cheese/play/ep1916170)
  - [自定义表单组件·提交和重置逻辑](https://www.bilibili.com/cheese/play/ep1916171)
  - [自定义表单组件·expose方法](https://www.bilibili.com/cheese/play/ep1916172)
  - [自定义表单组件·expose表单原有的方法](https://www.bilibili.com/cheese/play/ep1916173)
  - [自定义表单组件·仿vben5的方式定义和使用表单组件](https://www.bilibili.com/cheese/play/ep1916174)
  - [自定义表单组件·仿vben5·简单说明](https://www.bilibili.com/cheese/play/ep1916175)
  - [仿vben5·优化实例注册逻辑](https://www.bilibili.com/cheese/play/ep1921824)
  - [仿vben5·新增setValues方法](https://www.bilibili.com/cheese/play/ep1921825)
  - [仿vben5·新实现setValues逻](https://www.bilibili.com/cheese/play/ep1921826)
  - [仿vben5·useForm暴露方法说明](https://www.bilibili.com/cheese/play/ep1921827)
  - [仿vben5·获取指定字段的组件实例方法](https://www.bilibili.com/cheese/play/ep1930583)
  - [仿vben5·设置组件状态方法实现](https://www.bilibili.com/cheese/play/ep1930584)
  - [仿vben5·设置组件状态方法优化](https://www.bilibili.com/cheese/play/ep1930585)
  - [仿vben5·实现updateSchema方法](https://www.bilibili.com/cheese/play/ep1930586)
  - [仿vben5·实现ifShow配置·初探](https://www.bilibili.com/cheese/play/ep1936612)
  - [仿vben5·实现ifShow配置·formApi引用处理](https://www.bilibili.com/cheese/play/ep1936613)
  - [仿vben5·getValues方法优化](https://www.bilibili.com/cheese/play/ep1936614)
  - [仿vben5·实现show属性](https://www.bilibili.com/cheese/play/ep1936615)
  - [仿vben5·componentProps支持函数](https://www.bilibili.com/cheese/play/ep1936616)
  - [增加Select控件](https://www.bilibili.com/cheese/play/ep1936617)
  - [自定义表单组件·默认值处理](https://www.bilibili.com/cheese/play/ep1936628)
  - [增加RadioGroup控件](https://www.bilibili.com/cheese/play/ep1936629)
  - [增加CheckboxGroup控件](https://www.bilibili.com/cheese/play/ep1936630)
  - [增加ApiDict控件](https://www.bilibili.com/cheese/play/ep1936632)
* 第七章·番外篇
  - [番外篇·大版本更新说明](https://www.bilibili.com/cheese/play/ep1950852)
  - [番外篇·大版本更新操作](https://www.bilibili.com/cheese/play/ep1950853)
  - [番外篇·二次封装ArtSearchBar组件](https://www.bilibili.com/cheese/play/ep1950854)
  - [番外篇·二次封装ArtSearchBar组件二开说明](https://www.bilibili.com/cheese/play/ep1950865)
* 第八章·ArtTable组件二次封装
  - [ArtTable组件二次封装·初探](https://www.bilibili.com/cheese/play/ep1950866)
  - [ArtTable组件二次封装·列定义](https://www.bilibili.com/cheese/play/ep1950871)
  - [ArtTable组件二次封装·component和props](https://www.bilibili.com/cheese/play/ep1950872)
  - [ArtTable组件二次封装·请求api参数封装](https://www.bilibili.com/cheese/play/ep1950873)
  - [ArtTable组件二次封装·集成搜索表单](https://www.bilibili.com/cheese/play/ep1950874)
  - [ArtTable组件二次封装·set/getState方法](https://www.bilibili.com/cheese/play/ep1950876)
  - [ArtTable组件二次封装·reload方法实现](https://www.bilibili.com/cheese/play/ep1950877)
  - [ArtTable组件二次封装·修复分页组件看不到bug](https://www.bilibili.com/cheese/play/ep1950878)
  - [ArtTable组件二次封装·toolbar](https://www.bilibili.com/cheese/play/ep1950879)
  - [ArtTable组件二次封装·行操作](https://www.bilibili.com/cheese/play/ep1950880)
  - [ArtTable组件二次封装·小结](https://www.bilibili.com/cheese/play/ep1950881)
* 第九章·RBAC权限管理

  - [RBAC权限管理·合并master代码](https://www.bilibili.com/cheese/play/ep1962030)
  - [RBAC权限管理·使用AI生成岗位管理](https://www.bilibili.com/cheese/play/ep1962031)
  - [RBAC权限管理·岗位管理微调](https://www.bilibili.com/cheese/play/ep1962032)
  - [RBAC权限管理·使用AI生成部门管理](https://www.bilibili.com/cheese/play/ep1962043)
  - [RBAC权限管理·部门管理微调](https://www.bilibili.com/cheese/play/ep1962044)
  - [RBAC权限管理·给用户授权角色·新增弹窗](https://www.bilibili.com/cheese/play/ep1962045)
  - [RBAC权限管理·给用户授权角色·选择角色表单](https://www.bilibili.com/cheese/play/ep1962046)
  - [RBAC权限管理·给用户授权角色·接口联调](https://www.bilibili.com/cheese/play/ep1962047)
  - [RBAC权限管理·调整角色编辑按钮位置](https://www.bilibili.com/cheese/play/ep1963429)
  - [RBAC权限管理·增加授权菜单抽屉](https://www.bilibili.com/cheese/play/ep1963430)
  - [RBAC权限管理·增加成员管理抽屉](https://www.bilibili.com/cheese/play/ep1963431)
  - [RBAC权限管理·权限菜单树](https://www.bilibili.com/cheese/play/ep1963432)
  - [RBAC权限管理·设置当前角色菜单勾选](https://www.bilibili.com/cheese/play/ep1963434)
  - [RBAC权限管理·优化当前角色菜单勾选(仅叶子)](https://www.bilibili.com/cheese/play/ep1963436)
  - [RBAC权限管理·保存角色菜单关系](https://www.bilibili.com/cheese/play/ep1963437)
  - [RBAC权限管理·成员管理列表](https://www.bilibili.com/cheese/play/ep1963439)
  - [RBAC权限管理·成员管理列表·请求前参数处理](https://www.bilibili.com/cheese/play/ep1963440)
  - [RBAC权限管理·成员管理列表·添加用户弹窗](https://www.bilibili.com/cheese/play/ep1963443)
  - [RBAC权限管理·成员管理列表·添加用户列表](https://www.bilibili.com/cheese/play/ep1963444)
  - [RBAC权限管理·成员管理列表·保存用户角色关系](https://www.bilibili.com/cheese/play/ep1963445)
  - [RBAC权限管理·成员管理列表·行删除](https://www.bilibili.com/cheese/play/ep1963447)
  - [RBAC权限管理·成员管理列表·批量删除](https://www.bilibili.com/cheese/play/ep1963448)
  - [课程小结](https://www.bilibili.com/cheese/play/ep1963449)

  持续更新中……