![](https://cdn.zimug.com/wx-zimug.png) ## 一、新建表 代码生成器的核心原理就是根据这张表的信息(当然还有其他的配置信息),来生成**针对这张表的增删改查功能及页面**。 ![](https://img.kancloud.cn/aa/92/aa9280d296e9701a510a7a39b0869c60_1309x340.png) * 字段的顺序,默认是在前端页面的table(tr/td)的数据从左到右的展示顺序 * 字段的名称要符合下划线分割的数据库字段基本规范 * 带有长度的字段(字符串类型),可以用来生成前端数据校验的最大值校验规则 * 是否允许为null的字段,可以用来生成前端数据校验的必填项校验规则 * 表的注释信息,和字段的注释信息,可以用来生成代码文件中的注释信息。 ## 二、增加数据库配置 增加数据库配置的作用是,将在数据库里面新建的表信息查询出来,用来生成代码文件。**为了完全起见,本软件并不保存您的数据库密码信息,需要每次生成代码的时候再填写。** ![](https://img.kancloud.cn/30/5f/305fa2248ce5526c99d38835636aa6b7_1296x797.png) ## 三、完善字段配置信息 当我们新增一条DB配置之后,表格里面会多出一条数据库信息记录。 ![](https://img.kancloud.cn/8e/7e/8e7ef287710a94f53b001dfafe5bff15_1778x176.png) 点击图中红色框位置,输入数据库密码,会弹出一个框,框里面包含该数据库里面的所有的表信息。 ![](https://img.kancloud.cn/46/2f/462f03fa2769b9e890926aed3a584949_649x943.png) 我们选择我们刚刚新建的一张表:affice_goods(为了方便测试,故意以a开头,方便查找),进行配置代码生成信息。 ![](https://img.kancloud.cn/33/b7/33b727f08a40d9caf53fd0b6764625d2_1566x677.png) * 红色,是否前端table查询参数,表示该字段是否作为table数据的查询条件。代码生成之后,勾选的字段将作为查询条件存在。(下图是代码生成之后前端展示效果) ![](https://img.kancloud.cn/e6/9f/e69f02b0b89fbfad1e36255fe2c5438f_1667x150.png) * 绿色,是否在前端的table中显示,表示该字段是否作为前端table的数据展示内容出现。代码生成之后,勾选的字段将作为table数据展示列存在。(下图是代码生成之后前端展示效果) ![](https://img.kancloud.cn/19/3a/193a4828aa186943e4128f4d98514d38_1638x149.png) * 橘色,是都在前端新增修改,表示该字段是否在前端可以新增修改。比如:id,create_time一般是由后端自动赋值的,不由用户来填写,这里就不要勾选。(下图是代码生成之后前端展示效果) ![](https://img.kancloud.cn/6b/56/6b568a4ba083994063448c7aa8450fe5_938x562.png) ## 四、项目配置 项目配置暂时没有特别的作用,通常只用于模板分类,表示哪一个模板属于拿一个项目(模板配置看下文)。 ![](https://img.kancloud.cn/6d/be/6dbe0dade9c2590afd5ce4b649460fdd_1263x207.png) ## 五、模板配置 模板配置中的每一个模板,对应代码生成之后的每一个代码文件(vue、js、java等)。**只要你能总结出代码规律,并把它编写成模板,所有的代码都可以生成。** > 模板文件的编写非常简单,后续我会录制一段视频给大家讲一下,文档也会有! ![](https://img.kancloud.cn/bc/a3/bca3c4dd1dac51ce47cf7ac163ae8802_1587x586.png) 新增或修改模板 ![](https://img.kancloud.cn/c6/6c/c66ca21e5c004990e605a51e4957c3b3_970x697.png) ## 六、生成代码 ![](https://img.kancloud.cn/94/8a/948a2fc4e8d13d9c5fa6a5868c83a41c_1580x686.png)