# 软件系统说明

#

基于Thinkphp和Vue的快速开发系统是基于Thinkphp 6、Vue 2、ElelmentUI、Vxe-table 等开源组件构建的，前后端分离的，快速开发脚手架；

本系统主要关注点是，如何避免程序员过度陷入不必要的重复代码编写中，通过分析和总结开发中经常用到的功能，并结合业务需求，数据库和前后端代码的特点，创建了一个以菜单为基础的，代码生成系统；

系统可以完成一般性系统设计开发中90%的代码量，对于表的CRUD操作可以100%生成可用代码，基本不用修改就可以直接使用；更重要的是对于处理一对多的多表关联关系，通过适当设计也可以做到90%的代码自动生成；系统内置了众多实际开发中常用的表单组件，在进行系统设计的时候就可以定义这些表单，进行一键生成，无需编写代码；系统中内置了很多常用的操作方法和操作方法模板，对数据的操作可以90%一键生成代码；系统内置基于角色的操作权限控制和基于部门的数据权限操作控制，非常方便就能实现数据的隔离控制；系统采用Vxe-table充分利用其强大功能，可以通过虚拟滚动技术，可实现对大量数据的流畅操作；

本系统根据需求分析的常见规律，以数据库表为核心，并对一对一，一对多的管理关系处理，进行了标准化的定义，并将数据库表与菜单、字段、表单项、方法进行关联；通过适当的创建虚拟字段，多表操作，原生SQL查询，实现更加复杂的业务功能；

本系统完全采用标准的 Thinkphp、Vue 框架构建，不存自定义的底层代码修改，生成的代码结构简单，条理清晰，适合进行二次加工处理，很多功能都可以相互参考，无需具有独立编写功能模块的能力，通过本系统，可以快速掌握前后端分离的系统开发架构，快速提高技术能力和需求分析能力。

系统针对任何单表都支持一键CRUD，无需任何修改即可使用，系统生成的代码文件，位置固定，标准统一，对二次开发支持友好；系统支持全部 ElementUI 的组件，并在此基础上进行了有限的二次开发，主要目的是降低开发时的代码编写量，尽量做到生成即可使用。如果需要修改，直接修改生成的源代码即可；系统内置了经常使用的操作方法，诸如CRUD操作方法，跳转方法，弹窗方法，以及其他方法，可以针对各种操作，进行定制，诸如需要表单的操作，单选操作，多选操作，修改指定字段的方法等；

本系统采用前后端分离的开发架构，目的是将开发者的入门门槛降低，彻底废弃了前端模板技术，这样用户就可以少学习一门技术，而因此带来的，需要额外学习 Vue 技术，对使用者具有非常好的督促作用，目前采用Vue技术，不但可以做一般的前端开发，同时还可以进行移动端开发，诸如非常流行的跨多端的移动端开发技术uni-app就是采用 Vue 技术；通过本系统，您将从使用 Vue 开始，学习 Vue ，通过项目的历练，可以快速掌握 Vue 的相关技术。

本系统专注于前后端分离，所以，除了后台管理系统外，您可以使用任何前端技术来对接本系统，本系统支持一键生成API，支持多种验证方式；同时还支持一键生成 API 文档；为降低部署难度，我们将后台前端编译目的设置为 Thinkphp 的Public目录，这样本系统对API的支持和部署就和普通项目一样了，直接上传到服务器即可使用；

本系统没有采用 ElementUI 的 el-table，而是采用 Vxe-table ，并不是人为增加难度，而是基于性能的考虑，在使用 el-table 的时候，如果展示的每页数据量较大时，特别是上千行的数据展示时，将出现严重的性能问题，为避免大家再次入坑，我们采用了功能更加强大的，且支持虚拟滚动的 Vxe-table 组件，演示系统中最高可支持1000行/页，此时您可以体验复选，滚动等操作，还是很流畅的。

本系统在力求简洁，结构简单，易学易用的基础上，对操作界面进行了详细的说明，并默认支持数据权限；为基于本系统开发更加复杂的系统提供支持！

本系统的扩展性与 Thinkphp 6 和 Vue 2 完全一致，无任何底层代码定制和修改，不影响您对各种业务进行需求定制；

# 软件系统说明

#

# 常见操作界面

# 数据字典页面

# 表格列的可编辑特性

# 可编辑表格

# 一对多的关系演示

# 多对多的关系演示

# 字段分表存储

# 常见文本表单类型

# 常见单选操作

# 常见复选操作

# 日期时间表单

# 上传表单组件

# 编辑器

# 其他表单组件

# 菜单(模块)管理

# 菜单(模块)的字段

# 菜单（模块）的方法