mym-template
v1.1.7
Published
根据命令,形如:mym g list [name],执行模板生成函数。即可在执行目录下生成代码文件。 web端项目新增内容: 1. 添加路径别名:@components、@utils,可在引入模块时使用 2. 创建表单的formItem函数,添加自定义组件的功能 ### 功能
Downloads
7
Readme
项目描述
一定程度上统一样式,少写代码,减少常见bug
根据命令,形如:mym g list [name],执行模板生成函数。即可在执行目录下生成代码文件。
web端项目新增内容:
1. 添加路径别名:@components、@utils,可在引入模块时使用
2. 创建表单的formItem函数,添加自定义组件的功能
功能
生成list组件代码
生成页签+搜索条件+列表的代码,完成action+reduecer+容器+展示的文件结构,
完成分页、回车查询、批量操作、新建跳转、删除确认等基本代码。
1.命令:
mym generate/g list [listName]
2.步骤
- 创建列表配置,创建目录、创建constant.js文件,执行命令
- 添加路由、combine reducer
- 完成TODO need修改
3.TODO need 涉及内容,共计11处、7类(不需要则删除),其中:
- 1处,配置权限
- 1处,配置redux中reducer的指向
- 1处,配置页签内容
- 1处,自定义查询组件
- 1处,处理异常信息
- 3处,查询条件处理
- 3处,修改url
4.启动运行
5.如下图
代码描述
~~1. 使用Symbol代替 Constant模块,避免Constant路径的手动配置(Symbol是不可序列化对象,会导致redux的时间旅行等功能失效,且实际上 reducer中也不支持不可序列话的action.type)~~
- 找到最近目录下的constant.js文件,并设置action、reducer中的路径
- 因为都在一个文件夹下,命名规则采用了 模块名.类型.文件类型 的格式,加以区分
- 后续可再增加各类型组件或页面结构。进而通过参数配置生成相应代码
- node语法,发布在npm平台