0911开发日志

代码生成器生成表单

准备工作

首先将moleculer-base（后端）、dmsWeb（前端）和my-code-generation（代码生成器）运行起来：

moleculer-base运行npm run dev；dmsWeb和my-code-generation运行npm run start。

代码生成

1、在浏览器打开代码生成器网页。

2、点击新增表单

注意：1、名称书写全为小写或者小写+大写；2、样式可选择表格（横条）或树形（竖条）

3、表格（横条）

4、点击“新增子项”，开始创建表格字段

字段说明：比如“名称”字段，变量名为“label”，控制类型一般选“文本框”，勾选“必填”、“排序”和“过滤”。

若某个字段，需要用户进行选择，则控制类型设置为“选择器”，注意：该字段需要绑定“数据源”。需要提前建立好“数据源”。

新建数据源1

新建数据源2

选择器关联数据源

5、字段建立后好，点击“生成代码”。代码生成后，可直接进行下载，也可在moleculer-base—>public—>codes文件夹中拷贝（推荐）。

生成代码

表格代码生成的存放地方

6、在codes文件夹可以看到生成的文件夹，内部含back-end（后端代码）和xwyXwy表格（前端代码）。

back-end

代码拷入

1、后端拷入：点击back-end文件夹，将models和services文件夹拷贝至moleculer-base文件夹下，这样完成后端代码的拷入。

2、前端拷入：选择xwy-xwy文件夹(即生成的表格前端代码)，首先将整个文件夹拷贝至dmsWeb—>src—>app—>pages文件夹下；其次，将xwy-xwy文件夹内部i18n文件夹拷贝至dmsWeb—>src—>assets—>tmp文件夹下。

粘贴整个文件夹

粘贴i18n

代码修改

1、前后端代码粘贴完成之后，首先在dmsWeb—>src—>app—>routes—>routes-routing.module.ts添加路由

添加路由

2、其次在dmsWeb—>src—>app—>core—>startup-startup.service.ts添加服务

添加服务

3、然后重启后端（连续按两下ctrl+c）；最后F5刷新页面，在目录中对应页面修改路由，再次刷新页面。可以查看效果。若出现错误，按F12，查看Console。