资讯专栏INFORMATION COLUMN

fsLayuiPlugin配置说明

TwIStOy / 3294人阅读

摘要:是一个基于的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置实现数据请求,减少前端重复开发的工作。下载码云下载测试环境地址基础配置入口,包含常量的配置,错误消息处理配置,表单通用验证配置,响应数据参数配置。

</>复制代码

  1. fsLayuiPlugin 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。
    GitHub下载 码云下载
    测试环境地址:http://fslayui.itcto.cn

</>复制代码

  1. 基础配置入口,包含常量的配置,错误消息处理配置,表单通用验证配置,响应数据参数配置。

</>复制代码

  1. /**
  2. * @Description: 基础配置
  3. * @Copyright: 2017 www.fallsea.com Inc. All rights reserved.
  4. * @author: fallsea
  5. * @version 1.4.2
  6. * @date: 20171111日 下午3:51:35
  7. */
  8. layui.define([], function (exports) {
  9. var fsConfig = {};
  10. /**
  11. * 错误码处理定义
  12. */
  13. fsConfig["filters"] = {
  14. //配置统一未登录错误码处理
  15. "-999" : function(result) {
  16. //未登录,跳转登陆页
  17. top.window.location.href = fsConfig["global"]["loginUrl"];
  18. }
  19. };
  20. /**
  21. * 项目中需要调用到的常量、变量这里配置
  22. */
  23. fsConfig["global"] = {
  24. "servletUrl":"https://fs.fallsea.com", //异步请求地址,本地工程可以不填
  25. "loginUrl" : "/login", //登录url
  26. "uploadUrl" : "https://fs.fallsea.com/upload", //上传附件url
  27. "uploadHtmlUrl" : "/plugins/frame/views/upload.html", //上传附件html地址,默认/plugins/frame/views/upload.html
  28. "loadDataType":"1",//加载数据类型,1:是,0:否,默认0 (编辑或查看是否取缓存数据)
  29. "result" : { //响应结果配置
  30. "statusName": "errorNo", //数据状态的字段名称,默认:errorNo
  31. "msgName": "errorInfo", //状态信息的字段名称,默认:errorInfo
  32. "dataName" : "results.data", //数据列表的字段名称,默认:results.data
  33. },
  34. "page" : { //分页配置
  35. "request": {//请求配置
  36. "pageName": "pageNum", //页码的参数名称,默认:pageNum
  37. "limitName": "pageSize" //每页数据量的参数名,默认:pageSize
  38. },
  39. "response": {//响应配置
  40. "countName": "results.data.total", //数据总数的字段名称,默认:results.data.total
  41. "dataName" : "results.data", //数据列表的字段名称,默认:results.data
  42. "dataNamePage": "results.data.list" //分页数据列表的字段名称,默认:results.data.list
  43. }//,
  44. // "limit":10,//每页分页数量。默认20
  45. // "limits":[10,20,30,50,100]//每页数据选择项,默认[10,20,30,50,100]
  46. }
  47. };
  48. /**
  49. * 拓展form表单验证规则
  50. */
  51. fsConfig["verify"] = {
  52. /**
  53. * 对比两个值相等
  54. */
  55. "equals": function(value, item){ //value:表单的值、item:表单的DOM对象
  56. var equalsId = $(item).attr("equalsId");
  57. if(_.isEmpty(equalsId)){
  58. return "未配置对比id";
  59. }
  60. var value2 = $("#"+equalsId).val();
  61. if(!_.eq(value,value2))
  62. {
  63. var equalsMsg = $(item).attr("equalsMsg");
  64. if(_.isEmpty(equalsMsg))
  65. {
  66. equalsMsg = "值不相等";
  67. }
  68. return equalsMsg;
  69. }
  70. },
  71. /**
  72. * 用户名验证
  73. */
  74. "username": [
  75. /^[a-zA-Z]{1}([a-zA-Z0-9]|[_]){2,19}$/,
  76. "用户名格式不正确!"
  77. ],
  78. /**
  79. * 最小、最大长度判断
  80. */
  81. "length": function(value, item){ //value:表单的值、item:表单的DOM对象
  82. var minLength = $(item).attr("minLength");//最小长度
  83. var maxLength = $(item).attr("maxLength");//最大长度
  84. if(!_.isEmpty(minLength) && !_.eq("0",minLength) && _.gt(minLength,value.length)){
  85. return "输入内容小于最小值:"+minLength;
  86. }
  87. if(!_.isEmpty(maxLength) && !_.eq("0",maxLength) && _.gt(value.length,maxLength)){
  88. return "输入内容大于最小值:"+maxLength;
  89. }
  90. }
  91. };
  92. exports("fsConfig", fsConfig);
  93. });

</>复制代码

  1. 本文首发于我的博客:ITCTO技术博客

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/51597.html

相关文章

  • fsLayuiPlugin附件上传使用说明

    摘要:是一个基于的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置实现数据请求,减少前端重复开发的工作。如果未设定,那么限制的就是图片的文件格式否设置文件最大可允许上传的大小单位。 fsLayuiPlugin 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。 GitHub下载 码云下载...

    Joyven 评论0 收藏0
  • fsLayuiPlugin附件上传使用说明

    摘要:是一个基于的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置实现数据请求,减少前端重复开发的工作。如果未设定,那么限制的就是图片的文件格式否设置文件最大可允许上传的大小单位。 fsLayuiPlugin 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。 GitHub下载 码云下载...

    魏宪会 评论0 收藏0
  • fsLayuiPlugin数据表格弹出form表单说明

    摘要:是一个基于的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置实现数据请求,减少前端重复开发的工作。 fsLayuiPlugin 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。 GitHub下载 码云下载 测试环境地址:http://fslayui.itcto.cn css和...

    leanxi 评论0 收藏0
  • fsLayuiPlugin数据表格弹出form表单说明

    摘要:是一个基于的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置实现数据请求,减少前端重复开发的工作。 fsLayuiPlugin 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。 GitHub下载 码云下载 测试环境地址:http://fslayui.itcto.cn css和...

    GT 评论0 收藏0
  • fsLayuiPlugin配置说明

    摘要:是一个基于的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置实现数据请求,减少前端重复开发的工作。下载码云下载测试环境地址基础配置入口,包含常量的配置,错误消息处理配置,表单通用验证配置,响应数据参数配置。 fsLayuiPlugin 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作...

    Cciradih 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<