# 前端规则

系统模块前端页面创建规范

1、 创建页面前，需先在系统相关模块中添加栏目模块

注意：对应的前端页面名称，必须与“外部链接”名称一致；对应的接口必须以页面地址一致（方便后期调用及排错，建立关联）：

如列表显示接口为：/api/model_add_list 页面加载接口为：/api/model_add_load

2、 到“创建系统模块”页，添加前端页面，前端页面统一放在：WebApi目录中，JS、CSS除basic.js外都在webconfig目录中。

页面相关配套页面取名规则，假设页面为model，相应页如下

列表显示页： model_list.html

添加页面： model_add.html

编辑页面： model_edit.html 一般添加和编辑页面为一体，特殊情况分开，需取名为此

详情页面： model_view.html

打印页面： model_print.html

审核页面： model_examine.html

导入页面： model_import.html

所有页面必须引用/yntsys/js/basic.js文件

所有列出的规则页面，都有基础演示，可使用“创建系统模块”页，生成基础参考页面

对应页面的相应接口调用地址，须写入到该页面模块中。

3、 HTML页面中的按钮ID或筛选名称：【lay-filter、Id、name】

添加：btn_add

修改：btn_edit

删除：btn_del

查看或详情：btn_view

审核：btn_examine

导入：btn_import

导出：btn_export

刷新：btn_refresh

4、 根据参数获取JSON数据使用Get，提交表单数据使用Post，前后端交互JSON格式如下：

{

//返回数据

"data": {

"token": "xxxxx"

},

//请求过程中是否失败

"iserror": false,

"requestId": null,

//服务器提示消息

"message": "登录成功",

"errordetails": null,

//服务器状态码:200代表成功，500代表失败

"code": 200

}

这个格式是固定不变的，变化的是data的内容（从服务器返回的），可以通过code或者iserror了解本次请求业务是否顺利

例如可以判断:

if(!okz.iserror){

//业务请求成功

}else{

//业务请求失败的处理

layer.msg(okz.message)

}