fsLayuiPlugin配置说明

fsLayuiPlugin 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。

GitHub下载
码云下载

测试环境地址:
http://fslayui.itcto.cn

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

/**
 * @Description: 基础配置
 * @Copyright: 2017 www.fallsea.com Inc. All rights reserved.
 * @author: fallsea
 * @version 1.4.2
 * @date: 2017年11月11日 下午3:51:35
 */
layui.define([], function (exports) {

    var fsConfig = {};

    /**
     * 错误码处理定义
     */
    fsConfig["filters"] = {
        //配置统一未登录错误码处理
        "-999" : function(result) {
            //未登录,跳转登陆页
            top.window.location.href = fsConfig["global"]["loginUrl"];
        }
    };

    /**
     * 项目中需要调用到的常量、变量这里配置
     */
    fsConfig["global"] = {
        "servletUrl":"https://fs.fallsea.com", //异步请求地址,本地工程可以不填
        "loginUrl" : "/login", //登录url
        "uploadUrl" : "https://fs.fallsea.com/upload", //上传附件url
        "uploadHtmlUrl" : "/plugins/frame/views/upload.html", //上传附件html地址,默认/plugins/frame/views/upload.html
        "loadDataType":"1",//加载数据类型,1:是,0:否,默认0  (编辑或查看是否取缓存数据)
        "result" : { //响应结果配置
        "statusName": "errorNo", //数据状态的字段名称,默认:errorNo
        "msgName": "errorInfo", //状态信息的字段名称,默认:errorInfo
        "dataName" : "results.data", //数据列表的字段名称,默认:results.data
        },
        "page" : { //分页配置
            "request": {//请求配置
                "pageName": "pageNum", //页码的参数名称,默认:pageNum
                "limitName": "pageSize" //每页数据量的参数名,默认:pageSize
            },
            "response": {//响应配置
                "countName": "results.data.total", //数据总数的字段名称,默认:results.data.total
                "dataName" : "results.data", //数据列表的字段名称,默认:results.data
                "dataNamePage": "results.data.list" //分页数据列表的字段名称,默认:results.data.list
            }//,
//            "limit":10,//每页分页数量。默认20
//            "limits":[10,20,30,50,100]//每页数据选择项,默认[10,20,30,50,100]
        }
    };

    /**
     * 拓展form表单验证规则
     */
    fsConfig["verify"] = {
        /**
         * 对比两个值相等
         */
        "equals": function(value, item){ //value:表单的值、item:表单的DOM对象
        var equalsId = $(item).attr("equalsId");
        if(_.isEmpty(equalsId)){
        return '未配置对比id';
        }
        var value2 = $("#"+equalsId).val();

        if(!_.eq(value,value2))
        {
        var equalsMsg = $(item).attr("equalsMsg");
        if(_.isEmpty(equalsMsg))
        {
            equalsMsg = "值不相等";
        }
        return equalsMsg;
        }
        },
        /**
         * 用户名验证
         */
        "username": [
            /^[a-zA-Z]{1}([a-zA-Z0-9]|[_]){2,19}$/,
            '用户名格式不正确!'
        ],
        /**
         * 最小、最大长度判断
         */
        "length": function(value, item){ //value:表单的值、item:表单的DOM对象
        var minLength = $(item).attr("minLength");//最小长度
        var maxLength = $(item).attr("maxLength");//最大长度
        if(!_.isEmpty(minLength) && !_.eq('0',minLength) && _.gt(minLength,value.length)){
            return "输入内容小于最小值:"+minLength;
        }
        if(!_.isEmpty(maxLength) && !_.eq('0',maxLength) && _.gt(value.length,maxLength)){
            return "输入内容大于最小值:"+maxLength;
        }
        }
    };
    exports('fsConfig', fsConfig);
});

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

    原文作者:FallSea
    原文地址: https://segmentfault.com/a/1190000012459519
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞