多功能、高效率、低代码的前后端一体化、智能化的开发工具
👉 https://maimengcloud.com/#/openCommunity 👈
## 📢 简介 **mdp-sys-ui-web**旨在为企业开发管理类的业务系统提供一个模板工程，该模板工程具有高效率、低代码、功能丰富等特点。企业可以在该工程之上，加入更多其它业务功能；也可以以该工程作为模板，创建新的工程，用于开发其它业务。使用该工程构建应用，您不用考虑多租户、登录、统一认证中心、权限、菜单管理、系统管理、公共组件、公共api、代码冗余、数据字典、图片库、文件库、智能表单、工作流、微服务互相调用、全局跟踪定位bug、多主键crud,复杂sql查询等各种问题，这些都内置其中了，轻松搞定。 如果非要给你一个使用mdp的理由：那就是代码大量减少、开发so easy **mdp-sys-ui-web**作为独立前端项目，企业可以单独使用该工程，另外单独开发后端系统；也可以直接使用**唛盟团队** 配套开源的后端系统[mdp-sys-backend](https://gitee.com/qingqinkj/mdp-sys-backend)作为后端服务。 唛盟mdp更多内容，请点击👉[mdp-core](https://gitee.com/qingqinkj/mdp-core) 👈 ## 💪 内置功能 ``` 角色权限 ├── 角色管理 => 角色crud、分配菜单、分配权限 ├── 权限定义 => 权限crud ├── 菜单管理 => 菜单(按钮)crud、分配菜单(按钮)给角色、 ├── 模块管理 => 模块crud ├── 已开模块 => 查看企业(个人)已开通的模块 组织管理 ├── 机构管理 => 企业信息维护、管理员维护、账户信息维护、企业产品维护、 ├── 用户管理 => 用户的crud、分配岗位、分配部门、重置密码、邀请 ├── 部门管理 => 部门curd、分配岗位到部门、查看部门用户 ├── 公司管理 => 公司curd（超级管理员使用） ├── 岗位管理 => 岗位curd、分配角色到岗位、岗位人员查看 ├── 注销审核 => 审核用户的注销申请 平台管理 ├── 平台配置 => 配置平台的信息 ├── 个人认证审核 => 审核个人的实名认证请求 ├── 企业认证审核 => 审核企业的实名认证请求 元数据管理 ├── 字典管理 => 数据字典的crud ├── 列表维护 => 下拉列表数据项的crud ├── 参数定义 => 公共系统参数的crud 审批中心 ├── 待执行 => 我的待执行任务查询、任务执行 ├── 日历任务 => 我的待执行任务查询、任务执行 ├── 发起流程 => 发起流程 审批监控 ├── 我发起的流程 => 查询我发起的流程 ├── 我监控的流程 => 查询我监控的流程、催办 ├── 我参与的流程 => 查询我参与过的流程 流程模型 ├── 流程编辑器 => 在线流程编辑器 ├── 模型发布 => 流程模型发布 ├── 模型设置 => 设置流程与智能表单的关联、模型的启动条件、审批人、权限等 智能表单（低代码） ├── 表单中心 => 智能表单的门户 ├── 表单设计 => 进行智能表单设计、权限设置等 ├── 数据录入、查询 => 查询表单已录入的数据 ``` ## 组件库[mdp-ui](/src/components/mdp-ui) mdp封装了几十个ui组件,使用mdp-ui与不使用mdp-ui的区别：写100行代码还是写1行代码的区别，代码量的减少立竿见影 - [mdp-ui](/src/components/mdp-ui) mdp的核心组件，该组件库为纯前端页面组件，无须配置任何后端api接口即可正确运行 - [mdp-ui-ext](/src/components/mdp-ui-ext) 基于mdp-ui扩展的带有对接后台api业务加载能力的业务组件 >⚠️注意：[mdp-ui组件效果预览](https://maimengcloud.com/sys/m1/#/mdp/form/index) ### ⚙快速开始 >找到[main.js](/src/main.js) 添加下面代码 ```js //mdp-ui 基础组件 import MdpComponents from '@/components/mdp-ui/index.js' Vue.use(MdpComponents) //mdp-ui-ext拓展的组件 import MdpUiExtComponents from '@/components/mdp-ui-ext/index.js' Vue.use(MdpUiExtComponents) // 公共api import mdp from "@/api/mdp_pub"; Vue.prototype.$mdp = mdp; ``` ### [mdp-dialog](/src/components/mdp-ui/mdp-dialog) 弹框，可以把任意页面装配成弹框，无须定义多余的变量及函数 - 相对于el-dialog来说，要使用弹窗，事情还真不少。需要定义visible变量，定义showDialog,closeDialog两个函数，最关键一点是如果要父页面传递参数到窗口内组件，还得在父页面定义一个变量，通过props属性传递。相当麻烦。如果某个功能弹窗特别多，会有一堆的控制弹窗的变量及函数，非常恶心。mdp-dialog则完全解决上述问题。 ### [mdp-table](/src/components/mdp-ui/mdp-table) 表格，内置了增、删、改、查、高级查询、重置查询、导出、列配置、分页、批量编辑等功能、内置了对按钮权限的控制机制 功能非常强大，懂的都懂。 - 综合管理  - 可编辑表格  - 可编辑-树状表格  ### [mdp-select](/src/components/mdp-ui/mdp-select) 下拉列表，支持对数据字典、元数据的引用，支持对任意小表表格数据的引用，支持参数化加载后台数据，对后台加载的数据进行缓存  ### [mdp-select-table](/src/components/mdp-ui/mdp-select-table) 超大表格下拉列表，与mdp-select相比，该组件具有分页查询功能  ### [mdp-select-user](/src/components/mdp-ui-ext/mdp-select-user) 用户选择下拉列表，与mdp-select-table组件类似，仅仅针对用户的头像做了特殊处理  ### [mdp-input](/src/components/mdp-ui/mdp-input) 输入框 ### [mdp-date](/src/components/mdp-ui/mdp-date) 日期 ### [mdp-date-range](/src/components/mdp-ui/mdp-date-range) 区间日期 ### [mdp-number](/src/components/mdp-ui/mdp-number) 数字输入 ### [mdp-hi-query](/src/components/mdp-ui/mdp-hi-query) 高级查询，可以由用户自定义任意复杂的查询条件  ### [mdp-table-configs](/src/components/mdp-ui/mdp-table-configs) 表格配置，用于控制表格的列显示与否  ### [mdp-transfer](/src/components/mdp-ui/mdp-transfer) 穿梭框 ### [mdp-cate-tree](/src/components/mdp-ui-ext/mdp-cate-tree) 文档、文章目录树 ### [mdp-expand](/src/components/mdp-ui-ext/mdp-expand) 智能表单相关组件 ### [mdp-ext-infos](/src/components/mdp-ui-ext/mdp-ext-infos) 自动扩展字段信息 ### [mdp-image](/src/components/mdp-ui-ext/mdp-image) 图片库，图片的增删改查、上传、下载 ### [mdp-select-image](/src/components/mdp-ui-ext/mdp-select-image) 图片选择器,支持图片的上传下载、上传后的统一管理、共享 ### [mdp-select-dept](/src/components/mdp-ui-ext/mdp-select-dept) 部门选择，支持树状机构，异步加载，支持分页查询，任意大数据量 ### [mdp-select-att](/src/components/mdp-ui-ext/mdp-select-att) 附件库,支持附件的上传下载、上传后的统一管理、共享 ### [mdp-select-cate](/src/components/mdp-ui-ext/mdp-select-cate) 文档、文章目录树选择器 ### [mdp-select-tag](/src/components/mdp-ui-ext/mdp-select-tag) 标签库,支持标签的统一管理、共享 ### [mdp-meta-item](/src/components/mdp-ui-ext/[mdp-meta-item) 元数据管理库、支持元数据的crud ### [mdp-meta-option](/src/components/mdp-ui-ext/mdp-meta-option) 元数据管理库-列表数据组件、支持列表数据的crud ### [mdp-rich-text](/src/components/mdp-ui-ext/mdp-rich-text) 富文本编辑器，整合了mdp-select-image作为插件 ## 🔃 api - [api](/src/api/) 业务api，哪里用到哪里就单独引入 ### [api/mdp_pub/index.js](/src/api/mdp_pub/index.js) 公共api总入口,注册到vue全局函数中，可以在页面中任意地方直接使用,公共api总入口，如需要添加公共api,请在此文件添加 ### [mdp_api_base.js](/src/api/mdp_pub/mdp_api_base.js) 为mdp框架核心的与后端交互的api,自动注册为全局公共函数，可通过$mdp.xxx调用，可改，但不要新增，删除任何一个api. ### [mdp_api_ext.js](/src/api/mdp_pub/mdp_api_ext.js) 为mdp扩展的组件与后端交互的api,自动注册为全局公共函数，可通过$mdp.xxx调用，可改，但不要新增，删除任何一个api. ### [mdp_api_biz.js](/src/api/mdp_pub/mdp_api_biz.js) 为mdp扩展的组件与后端交互的api,自动注册为全局公共函数，可通过$mdp.xxx调用，可改,可新增必要的api. ```html
5. [流程管理](https://maimengcloud.com/workflow/m1/)
## 🔨贡献指南
### 贡献须知
mdp 作为开源项目，离不开社区的支持，欢迎任何人修改和提出建议。贡献无论大小，你的贡献会帮助背后成千上万的使用者以及开发者，你做出的贡献也会永远的保留在项目的贡献者名单中，这也是开源项目的意义所在！
为了保证项目代码的质量与规范，以及帮助你更快的了解项目的结构，请在贡献之前阅读：
- [mdp 贡献说明](https://gitee.com/qingqinkj/mdp-core/blob/master/docs/CONTRIBUTE.md)
### 贡献步骤
1. Fork 本仓库。
2. Fork 后会在你的帐号下多了一个和本仓库一模一样的仓库，把你帐号的仓库 clone 到本地。
注意替换掉链接中的`分支名`和`用户名`。
如果是贡献代码，分支名填 `dev`；如果是贡献文档，分支名填 `docs`
```bash
git clone -b 分支名 https://gitee.com/用户名/mdp-sys-ui-web.git
```
3. 修改代码/文档，修改后提交上来。
```bash
# 把修改的文件添加到暂存区
git add .
# 提交到本地仓库，说明你具体做了什么修改
git commit -m '填写你做了什么修改'
# 推送到远程仓库，分支名替换成 dev 或者 docs
git push origin 分支名
```
4. 登录你的仓库，然后会看到一条 PR 请求，点击请求合并，等待管理员把你的代码合并进来。
### 项目分支说明
| 分支 | 说明 |
|--------|-----------------------------------------------|
| master | 主分支，受保护分支，此分支不接受 PR。在 dev 分支后经过测试没问题后会合并到此分支。 |
| dev | 开发分支，接受 PR，PR 请提交到 dev 分支。 |
## 🐞 交流讨论 、反馈 BUG、提出建议等
1. 快扫描下方左侧微信二维码和我们一起交流讨论吧！（备注 唛盟-mdp 进群）
2. 唛盟微信公众号查看一些基础教程
3. 反馈 BUG、提出建议，欢迎新建：[issues](https://gitee.com/qingqinkj/mdp-sys-ui-web/issues)，开发人员会不定时查看回复。
4. 参与贡献，请查看[贡献指南](#🔨贡献指南)。
## 💲 打赏
**感谢所有赞赏以及参与贡献的小伙伴，你们的支持是我们不断更新前进的动力！微信扫一扫，赏杯咖啡呗！**
## 🔔 精品项目推荐
| 项目名称 | 项目地址 | 项目介绍 |
|----------------------|---------------------------------------------------------------------------------------------|--------------------------------------------------|
| SpringBoot_v2 | [https://gitee.com/bdj/SpringBoot_v2](https://gitee.com/bdj/SpringBoot_v2) - | 基于springboot的一款纯净脚手架 |