OpenAuth.net入门【1】——代码生成过程记录
一、设计表
建一个设备类型表，表名和字段如下：
字段列表：
二、在数据库创建表
为了简单上面的字段就都不使用字典或关联表了，都使用文本来存储，使用navcat在mysql库里建完后效果如下：
三、生成代码
1、入口
点击左侧的代码生成菜单，如下图：
2、添加按钮
点击“添加”按钮，如下图所示：
3、录入信息
填写信息如下：
备注：下图中的“模块编码”填写错了，应该填写为：FarmInternetDeviceTypeMstApp
其中：vue目录为pro项目前台的文件夹路径，我的本地目录结构如下：
填完之后，点击“确定”按钮进行保存，如下图：
确定后，上方列表即可出现刚才录入的表信息，如下图：
4、调整字段
有一些字段不需要在前台显示，如：ID、创建人ID、最后更新时间等
选中需要调整的表后，点击编辑按钮，如下图：
然后下面的界面即更改为可编辑状态，如下图：
调整完后效果如下：
调整的时候有2点需要注意：
（1）、如果上面是文本框，修改完后，需要按一下回车，然后右上角提示保存成功，才算完成。
（2）、最后面的那一列“排序”，规则是，数值越大，然后这一列也靠前显示。
5、执行生成
选中表记录，然后分别点击右上角的生成按钮
6、代码调整
由于上面的“模块编码”填错了，所以下面的代码要简单修改一下。
由于填写“模块编码”错误，所以生成的代码里App命名空间下的类名与实体名称重复了，需要手工修改下，如下图：
修改完后如下：
同样道理，还有下面的等都做下调整，直到项目能运行起来为止。
还有Controller里的名称
调整完后，运行效果如下：
6、添加菜单模块
打开“模块管理”菜单，如下图：
点击右上角的“添加”按钮
然后录入信息后点击确认按钮：
备注：模块标识填写生成代码时的“模块编码”、url前要加斜扛
重新执行 npm run dev后，打开界面如下：
备注：自动生成的界面可以实现新增和删除功能，编辑功能需要在api后台自己补齐字段，下一篇文章再介绍
预告，下一篇：编辑功能添加
