# 无流程模板
# 1.模板开发
- 在代码工程cap-front中找到pc_unflow工程,在src目录下找到views,这里面就是系统中的所有无流程表单模板,这里面只有默认模板(unflow-0)会随项目打包自动更新内容,其他的模板都需要我们自己重新打包-> 更新测试商城 -> 提测 -> 走组件上新过程到正式商城。
- 首先我们开发的所有模板都是基于unflow-0项目来,所以我们开始复制一个文件夹unflow-0,这里注意无流程模板的文件夹都是以’unflow-‘开始的。
- 然后在复制的文件夹里修改我们的内容。这里注意:在index.vue文件中我们必须引入allMixins以及tableMixin,这两个文件是公共必须的文件。文件中的一些方法我们可以使用,同时我们也可以在我们文件重写,注意名称保持一致。
- 在images中的cover.png文件名字固定的,图片可以换,这个是展示在模板使用中的设置部分的背景图。
- 在config.json中内容是栏目开发中的内容。参考栏目开发中的配置项。
- 在package.json中添加我们对应的启动命令。("serve:你的模板名称": "vue-cli-service serve --你的模板名称",)
- 在vue.config.js中添加我们新的模板对应的命令,将红框部分复制一份换成我们新模板对应的打包命令名称以及文件路径即可。
- 打包构建命令为npm run lib 然后勾选我们对应的模板即可。
- 为了方便我们每次都不用手动去商城更新上传,我们可以在第一次上传后获取到模板id,然后在config -> shopConfig-dev.js 中添加我们新模板的配置信息,然后每次打包最后会有个询问是否上传到上传,选择是就可以了。
# 2.模板调试
- 首先启动我们项目npm run serve:你的模板名称
- 登录系统,找到一个无流程模板
- f12打开调试面板。在element中找如图iframe,右键选择open in new tab。
- 在面板中看到如图页面,去掉红框的内容访问页面。这样我们就可以进行本地调试了。
# 3.模板使用
- 进入菜单
- 选择一个应用,进入应用
- 在上侧的菜单中选择门户设置
- 在弹框中点击默认模板PC
- 在pc Tab中就是模板,红色框就是无流程的两个模板,鼠标移入,点击使用就可以了
# 4.常见客户bug
页面出现使用时出现404 not found
原因和解决方式:
- 原因1:可能是版本升级,导致客户对应的模板的版本未升级,模板还是使用的是以前的老的版本的模板;解决方式:重新在应用设置平台 -> 应用管理中心 -> 门户设置里 -> 页面设置,找到对应的的表单,在配置里重新使用模板
- 原因2:在后台中使用模板的id为老旧的模板id,因此每次去使用下载的模板一直不正确; 解决方法:修改数据库中查询的id
- 原因3:查看页面中http请求,发现存在请求404的问题,请求路径存在STATIC_PATH、STATIC_SUFFIX等字段时,是因为在页面打包构建时,路径上的变量未完全替换; 解决方法:1.手工替换为seeyon或者客户自己的路径 2.采用替换工具,执行替换,然后重启客户环境(关联客户bug号:BUG2021033138263)
创建人:yinyanting