PasteTemplate：一个开源的CRUD项目模板

PasteTemplate：一个开源的CRUD项目模板

PasteTemplate是一个开源的CRUD项目模板，旨在简化开发流程，提高开发效率。该项目采用前后端分离的架构，支持微信小程序、API、HTML等多种前端技术，通过统一的模型驱动，实现数据的增删改查功能。本文将详细介绍该项目的管理端实现原理和具体功能。

项目背景

在开发过程中，经常会遇到需要快速搭建CRUD页面的需求。传统的做法是复制一个旧的项目，然后进行大量的删改重命名操作，这种方式不仅效率低下，还容易出错。因此，作者开发了PasteTemplate项目，旨在提供一个可复用的项目模板，让开发者能够快速搭建CRUD页面。

代码结构

该项目采用松散编辑模式，代码结构清晰，易于维护。以下是主要文件及其功能：

此外，项目还集成了jQuery、Layer、DateRange、PageNum、DatePicker、Template、WangEdit等第三方组件。

实现原理

该项目的核心思想是通过模型驱动的方式实现CRUD功能。具体来说：

• 在执行UI之前，获取对应的模型的模型属性，包括字段类型、默认值等。
• 新增数据时，获取对应的AddDto模型的模型属性。
• 编辑数据时，基于ID获取UpdateDto模型的值。
• 表格请求时，读取ListDto和对应的搜索InputQueryDto的内容。

表格页面功能介绍

表格页面具有以下主要功能：

1. 左侧菜单采用动态模式，与中间的菜单类型一一对应。
2. 右侧区域的功能都是动态控制的，除了关键字输入和搜索按钮是固定的。
3. 搜索区域的内容和类型由后端的InputQueryXXX模型控制。
4. 新增、编辑和删除按钮由ListDto控制。
5. 列表支持排序，如ID、排序、层级等。
6. 列表支持显示外表的对应字段，如父级ID对应的权限名称。
7. 支持状态快编，如开关状态的交互。

外表输入

支持外表输入，例如查询某个角色有多少用户时，用户列表中的角色ID可以通过选择角色列表页面来输入。

时间区间

时间区间查询通过配置开始和结束字段实现，结束字段需要配置隐藏。

单选

单选查询通过配置Model实现，例如查询禁用的用户数量。

表单页面功能介绍

表单页面支持以下功能：

• 基本输入：文本、文本域、数字、开关等。
• 头像图片：支持单图和多图模式。
• 富文本模式：采用WangEditor v5版本。
• 时间模式：支持单时间和时间区间模式。
• 单选模式：选项需要预先写好。
• 外表单选：通过选择其他表的数据作为输入内容。

模型属性标记

模型属性通过ColumnDataType进行标记，支持多种数据类型和显示方式，例如：

• image：大图模式。
• head：小图标模式。
• region：地区选择。
• outer：外表选择。
• outerdisplay：外表显示。
• datetime：日期时间格式。
• hidden：隐藏字段。
• password：密码框模式。
• select：单选。
• selects：多选。
• datalist：数据列表选择。
• daterange：日期范围。
• disable：禁用功能。

未来展望

1. 优化代码结构，减少重复代码。
2. 增加更多常用功能的实现。
3. 支持小程序的接入。
4. 提供详细的使用文档和修改规则说明。

项目资源

• 项目源码：已放置Gitee，点击访问
• 视频教程：项目模板的制作过程和最佳CRUD的实现介绍