node开发crud字典模版

node开发crud字典模版 逻辑思路 （已申请专利）

自动生成pc端表格数据的增删查改相关功能；开发者通过工具填写文件夹名称、字段名称、字段类型等必要的配置后，在项目中运行工具；项目自动生成开发者命名的文件夹，里面包含表格数据增删查改相关功能的列表页，详情页、编辑页和api文件，并且在与后端字段和接口的严格约束下，基本无需更改生成的文件，即可得到符合预期的页面与数据，也一定程度上减少了bug的产生。

1.核心逻辑图

步骤1：以react模板为例，创建rcloud文件；

步骤2：使用nunjucks.configure初始化模板目录的位置找到模板，定义生成模板的一些配置项，主要是设置变量符号、循环起始位置，结束位置符号等配置项；

步骤3：在文件内新建create函数，函数第一步请求开发者传入的字典信息，若信息完全，则使用nunjucks.render渲染模板目录里面的模板，生成文件内容。

2.文件生成流程图

步骤1：拼接此工具生成的文件夹的位置，设置需要生成的文件名称，获取nunjucks.render渲染出的内容传给node.js的FS模块;

步骤2：判断在需要生成文件夹的位置是否已存在文件夹，没有则创建文件夹；

步骤3：写入文件夹的位置已经创建后，开始写入文件，不存在文件就写入，存在文件就替换内容，以此重复多次来生成所有增删查改功能的react模板文件。

3.构建流程图

步骤1：使用caporal构建在package.json中绑定工具执行命令wii与执行的文件bin/cli.js；

步骤2：使用command函数设置cloud和rcloud命令，执行不同的模板文件；

步骤3：在option函数中设置字典ID,用于获取开发者传入想要生成的字典唯一标识；

步骤4：得到字典标识，调用rcloud和cloud中的create方法，开始使用该数据字典传入的参数渲染模板，产出文件夹与文件。

实现产品效果

步骤1： 通过页面化点击新建

步骤2：弹出弹框提示开发者填写必要的信息

步骤3：通过填写信息点击确定，会生成一个字典列表

图3 确定后的字典列表

步骤4：执行生成的命令加上字典的编号

node ../../wau/wii4-cli/bin.cli.js rcloud -i 1

命令成功后的输出 

 

 

可选命令有以下，不同的名称生成不同的框架文件

步骤5：查看项目生成了以下的文件夹与文件

步骤6：成功之后配置页面请求地址，生成模板页面

步骤7：按照自己的需求调试接口出现页面

步骤8：点击详情查看详情

步骤9：点击编辑，编辑数据