来源： 我的ASP.NET之旅（四）：IIS网站部署步骤及常见错误 – Luke Zhang – 博客园

ASP.NET程序已经有几年了，可是每每将网站或者Web应用程序部署到IIS上的时候，还总是出错。每次都需要查看错误信息，甚至搜索网络找到处理方法，于是这一次来了个全程记录，把步骤和遇到的问题都记下来，与同道共享:)

1、在IIS中创建虚拟目录（WebSite）或者应用程序（WebApp）；

注意：发布的程序必须创建应用程序，否则出错如下：

Parser Error Message: Could not load the assembly ‘App_Web_nqebt6fg’. Make sure that it is compiled before accessing the page.

Source Error:

Line 1:  <%@ page language="C#" autoeventwireup="true" inherits="_Default, App_Web_nqebt6fg" %>

2、给IIS_IUSRS和IUSR赋予虚拟目录读写权限，否则出错如下：

HTTP Error 500.19 – Internal Server Error

The requested page cannot be accessed because the related configuration data for the page is invalid.

3、设置“认证”属性，启用“仿冒”，否则出错如下：

HTTP Error 401.3 – Unauthorized

You do not have permission to view this directory or page because of the access control list (ACL) configuration or encryption settings for this resource on the Web server.

4、设置应用程序池为“经典模式”（如果需要的话），否则出错如下：

HTTP Error 500.24 – Internal Server Error

An ASP.NET setting has been detected that does not apply in Integrated managed pipeline mode.

5、在连接字符串中不要使用集成安全，而是使用用户名/密码（如果不是Windows认证的话），否则出错如下：

　　Exception Details: System.Data.SQLClient.SQLException: Login failed for user ‘NT AUTHORITY\IUSR’.

来源： layui 重载传参以及加载两次问题

layui.use([‘table‘,‘layer‘], function () {
var $ = layui.JQuery, layer = layui.layer;
var table = layui.table;
var txtRet = document.getElementById(“<%= txt_RegName.ClientID %>”);
var tableIns = table.render({
elem: ‘#idTest‘
, height: 500
, url: ‘/Hander/VehicleReport.ashx‘ //数据接口
//, data: { “vehicleId”: vehicleId }
//,where:{
// RegName: txtRet.value
//}
, page: true //开启分页
, id: ‘testReload‘
, cols: [[ //表头
{ title: ‘序号‘, field: ‘rownumber‘ }
, { field: ‘RegName‘, title: ‘车牌号‘}
, { field: ‘DriverName‘, title: ‘司机‘ }
, { field: ‘StatusStr‘, title: ‘状态‘ }
, { field: ‘InStationTime‘, title: ‘进站时间‘ }
, { field: ‘OutStationTime‘, title: ‘出站时间‘}
, { field: ‘StationName‘, title: ‘中转站名称‘ }
, { field: ‘InFactoryTime‘, title: ‘进厂时间‘}
, { field: ‘OutFactoryTime‘, title: ‘出厂时间‘ }
, { field: ‘FactoryName‘, title: ‘工厂名称‘}

]]
});
$(‘.layui-btn‘).on(‘click‘, function () {
var type = $(this).data(‘type‘);
active[type] ? active[type].call(this) : ‘‘;
});
var active = {
reload: function () {
//执行重载
tableIns.reload({
page: {
curr: 1 //重新从第 1 页开始
}
, where: {
RegName: txtRet.value
}
});
}
};

代码是这样，传参使用一般处理程序接收，接收不到是因为此页面引用母版页，获取不到真实的ID,需要document.getElementById(“<%= txt_RegName.ClientID %>”).value去赋值

重载两次是因为搜索用的是button，改成<a class=”layui-btn” data-type=”reload”>搜索</a>就可以了，虽然不知道是什么原因

来源： 自动售货机控制系统 – CSDN博客

设计说明

根据要求可自动出售两种货物，这里的自动售货机可销售cola和pepsi两种饮料：售货机可识别1元和0.5元两种货币，在一次购买过程中，可购买一个或者多个商品，系统会自动计算所需钱数和找零的钱数并自动找零。另外有3个发光二极管、6个LCD数码管：两个用来显示所需金额，两个用来显示已付金额，两个用来显示找零数。

流程说明

这里设计的自动售货机当通电时，表示一次销售的开始。顾客选择一种商品或多种商品后就进入投币状态。若不投币，则自动返回初始状态。投币后，系统自动计算所投钱数。若投币够，则出货并找零。若投币不够，如果顾客没有继续投币，则退币并回到初始状态。本系统的投币销售流程图如图所示：

各模块说明

本文设计的自动售货机总体分四个模块：总控模块、二进制译码模块、BCD码译码模块和顶层模块。

总控模块：总控模块是本系统最重要的模块，该模块大体有5个输入端口和6个输出端口。其输入端口包括clk、coin1（投入一元货币）、coin5（投入0.5元货币）、cola（选择cola）、pepsi(选择pepsi)，输出端口有paid（已投入多少钱）、needed（还需多少钱）moneyout（找零）、success（灯亮表示交易成功）、failure（灯亮表示交易失败）、showmoneyout（灯亮表示正在找零）。该模块实现了本系统最重要的交易过程，包括选择商品、投入货币，计算剩余金额，找零出货等。

二进制译码模块：该模块有一个输入端口和两个输出端口。输入端口是一个8位的二进制数输出端口bcd0、bcd1是两个4位的BCD码。该模块的主要的功能是实现将主控模块输出的二进制数（paid、needed、moneyout）转换成BCD码，以便输出到七段数码管上显示出来。该模块的原理是将一个8位的二进制转换成2个4位的BCD码，分为高四位和低四位。

BCD码译码模块：该模块有一个输入端口和一个输出端口

顶层模块：该模块有五个输入和九个输出端口。其输入口包括clk1、P2（选择pepsi）、P1_5（选择cola）、C5（投入5毛）、C1（投入1块），输出端口有shuwout(退币指示灯)、s（交易成功指示灯）、f（交易失败指示灯）、paid_lcd0、paid_lcd1（已付金额）、needed_lcd0、needed_lcd1（需付金额）、mout__lcd0、mout_lcd1（退币金额）。

程序设计

主控模块完整程序
BCD译码模块完整程序
顶层模块完整程序
具体的代码见我的github网站（1自动售货机文档）.

各模块连接

售货机主控系统和译码器模块图：

售货机顶层模块：

波形仿真

主控模块的波形方真

上图表示顾客选择了pepsi饮料后，且投了2个一元的硬币。Success为高电平，代表售货机有饮料售出。且余额为0.

上图表示顾客选择了cola饮料后，且投2个一元的硬币。Success为高电平，代表有饮料售出，且找回顾客0.5元。

BCD译码仿真

上图表示自动售货机的译码系统，上图表示将8位数字转换成４位BCD码。

TOP文件的仿真

上图表示顾客选择了pepsi饮料后，且投了2个一元的硬币。Success为高电平，代表售货机有饮料售出。且余额为0。

以上是我的一些仿真图，希望对您有帮助。更全面文档点这里

总结

其实这个自动售货机控制系统老师很早之前就要我弄了，我自己一直拖，直到老师要考核才重视起来。
这个项目很多都是在网上找资料借鉴的别人的东西，自己就是把别人的代码读懂了，再将整个的流程走了一遍。收货还是很多的。自己为了第二天老师考核（答辩）的时候能够顺利通过，前一天晚上熬夜到三点。也算是体会到了做项目的艰辛。
在答辩的过程中，老师的一些问题，一些话语也是让我受益匪浅。做项目真的是让我收益很多。这里也希望这篇博客能给大家带来帮助，但是希望只是作为一个参考，更多的部分还是要自己去做，这才您才能真正学习到知识。

大型架构之科普工具篇

来源： 使用LayUI操作数据表格 – 井传红 – 博客园

接着 上一篇 继续完善我们的demo,这次我们加一个搜索按钮

搜索

在table标签的上方，加入这样一组html

<div class="demoTable">
    搜索商户：
    <div class="layui-inline">
        <input class="layui-input" name="keyword" id="demoReload" autocomplete="off">
    </div>
    <button class="layui-btn" data-type="reload">搜索</button>
</div>

在js加入初始化代码和定义加载方法

layui.use('table', function(){
    var table = layui.table;

    //方法级渲染
    table.render({
        elem: '#LAY_table_user'
        ,url: 'UVServlet'
        ,cols: [[
            {checkbox: true, fixed: true}
            ,{field:'id', title: 'ID', width:80, sort: true, fixed: true}
            ,{field:'aid', title: '商户', width:80, sort: true}
            ,{field:'uv', title: '访问量', width:80, sort: true,edit:true}
            ,{field:'date', title: '日期', width:180}
            ,{field:'datatype', title: '日期类型', width:100}

        ]]
        ,id: 'testReload'
        ,page: true
        ,height: 600
    });

    var $ = layui.$, active = {
        reload: function(){
            var demoReload = $('#demoReload');

            table.reload('testReload', {
                where: {
                    keyword: demoReload.val()
                }
            });
        }
    };
)};

绑定click点击事件

$('.demoTable .layui-btn').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
});

此时点击查询按钮，会将keyword这个关键字传到后端，接下来就是自己处理查询关键字业务了。

到目前为止，搜索也有了，分页也有了,对了，分页会自动传到后端page,limit2个值到后台，相当于（pageindex,pagesize）

预览下效果

看看请求的参数

从参数可以看出，数据表格默认是get请求，返回的数据结构是这样的 

给表格增加操作按钮

首先加入一组html,放到table标签下面，代码如下

<table class="layui-hide" id="LAY_table_user" lay-filter="useruv"></table>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-mini" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
</script>

然后在js中指定工具条

 //方法级渲染
        table.render({
            elem: '#LAY_table_user'
            ,url: 'UVServlet'
            ,cols: [[
                {checkbox: true, fixed: true}
                ,{field:'id', title: 'ID', width:80, sort: true, fixed: true}
                ,{field:'aid', title: '商户', width:80, sort: true}
                ,{field:'uv', title: '访问量', width:80, sort: true,edit:true}
                ,{field:'date', title: '日期', width:180}
                ,{field:'datatype', title: '日期类型', width:100}
                ,{field:'right', title: '操作', width:177,toolbar:"#barDemo"}
            ]]
            ,id: 'testReload'
            ,page: true
            ,height: 600
        });

界面效果如下

接下来需要给按钮绑定事件，来完成功能操作

在LayUI里面，一般采用table.on()来表示事件，例如这个

//监听表格复选框选择
        table.on('checkbox(useruv)', function(obj){
            console.log(obj)
        });

我勾选一个复选框，就打印一个日志

加入以下js代码，来绑定工具条事件

//监听工具条
  table.on('tool(demo)', function(obj){
    var data = obj.data;
    if(obj.event === 'detail'){
      layer.msg('ID：'+ data.id + ' 的查看操作');
    } else if(obj.event === 'del'){
      layer.confirm('真的删除行么', function(index){
        obj.del();
        layer.close(index);
      });
    } else if(obj.event === 'edit'){
      layer.alert('编辑行：<br>'+ JSON.stringify(data))
    }
  });

这时候，点击按钮就会有反应了。这里说明一下

接下来就是把数据传递到后端，直接将js改造如下

 View Code

预览效果

至此，数据表格的绑定、展示、分页、搜索、查看、编辑、删除、排序 功能都已经完成，是不是很简单？

此处粘贴出完整的页面代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <link rel="stylesheet" href="../Assets/css/layui.css">


    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<div style="margin-bottom: 5px;">

    <!-- 示例-970 -->
    <ins class="adsbygoogle" style="display:inline-block;width:700px;height:700px" data-ad-client="ca-pub-6111334333458862" data-ad-slot="3820120620"></ins>

</div>
<div class="demoTable">
    搜索商户：
    <div class="layui-inline">
        <input class="layui-input" name="keyword" id="demoReload" autocomplete="off">
    </div>
    <button class="layui-btn" data-type="reload">搜索</button>
</div>

<table class="layui-hide" id="LAY_table_user" lay-filter="useruv"></table>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-mini" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
</script>


<script src="../Assets/layui.js"></script>
<script>
    layui.use('table', function(){
        var table = layui.table;

        //方法级渲染
        table.render({
            elem: '#LAY_table_user'
            ,url: 'UVServlet'
            ,cols: [[
                {checkbox: true, fixed: true}
                ,{field:'id', title: 'ID', width:80, sort: true, fixed: true}
                ,{field:'aid', title: '商户', width:80, sort: true}
                ,{field:'uv', title: '访问量', width:80, sort: true,edit:true}
                ,{field:'date', title: '日期', width:180}
                ,{field:'datatype', title: '日期类型', width:100}
                ,{field:'right', title: '操作', width:177,toolbar:"#barDemo"}
            ]]
            ,id: 'testReload'
            ,page: true
            ,height: 600
        });

        var $ = layui.$, active = {
            reload: function(){
                var demoReload = $('#demoReload');

                table.reload('testReload', {
                    where: {
                        keyword: demoReload.val()
                    }
                });
            }
        };



        //监听表格复选框选择
        table.on('checkbox(useruv)', function(obj){
            console.log(obj)
        });
        //监听工具条
        table.on('tool(useruv)', function(obj){
            var data = obj.data;
            if(obj.event === 'detail'){
                layer.msg('ID：'+ data.id + ' 的查看操作');
            } else if(obj.event === 'del'){
                layer.confirm('真的删除行么', function(index){
                    console.log(data);
                    $.ajax({
                        url: "UVServlet",
                        type: "POST",
                        data:{"uvid":data.id,"memthodname":"deleteuv","aid":data.aid},
                        dataType: "json",
                        success: function(data){

                            if(data.state==1){
                                obj.del();
                                layer.close(index);
                                layer.msg("删除成功", {icon: 6});
                            }else{
                                layer.msg("删除失败", {icon: 5});
                            }
                        }

                    });
                });
            } else if(obj.event === 'edit'){

                layer.prompt({
                    formType: 2
                    ,title: '修改 ID 为 ['+ data.id +'] 的访问量'
                    ,value: data.uv
                }, function(value, index){
                    EidtUv(data,value,index,obj);
                   


                });



            }
        });

        $('.demoTable .layui-btn').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        function  EidtUv(data,value,index,obj) {
            $.ajax({
                url: "UVServlet",
                type: "POST",
                data:{"uvid":data.id,"memthodname":"edituv","aid":data.aid,"uv":value},
                dataType: "json",
                success: function(data){

                    if(data.state==1){

                        layer.close(index);
                        //同步更新表格和缓存对应的值
                        obj.update({
                            uv: value
                        });
                        layer.msg("修改成功", {icon: 6});
                    }else{
                        layer.msg("修改失败", {icon: 5});
                    }
                }

            });
        }


    });
</script>
</body>
</html>

应大家要求，将servlet代码贴出来,其中用到了json.jar

import com.weimob.models.Pagination;
import com.weimob.models.QueryResult;
import com.weimob.models.UvData;
import com.weimob.uv.dao.WeiMobUvDao;
import org.json.JSONArray;
import org.json.JSONObject;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;

@WebServlet(name="UVServlet",
        urlPatterns={"/WebApp/UVServlet"},
        loadOnStartup=0)
public class UVServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String memthodname = request.getParameter("memthodname");
        if(memthodname!=null){
            switch (memthodname){
                case "queryList":
                    break;
                case "deleteuv":
                    deleteUv(request,response);
                    break;
                case "edituv":
                    edituv(request,response);
                    break;
                default:
                    queryList(request, response);
            }

        }else {
            queryList(request, response);

        }


    }

    private void queryList(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {


        String str = request.getParameter("keyword");
        String pindex = request.getParameter("page");
        String limit = request.getParameter("limit");
        response.setStatus(200);
        int aid = 0;
        int pagesize=15;
        int index = 0;
        int total = 0;
        if (str != null && str.length() > 0) {
            aid = Integer.valueOf(str);

        }
        if (pindex != null) {
            index = Integer.parseInt(pindex);
            pagesize=Integer.parseInt(limit);
        }


        WeiMobUvDao dao = new WeiMobUvDao();

        StringBuffer sbtotal = new StringBuffer();
        sbtotal.append("SELECT count(1) as count FROM WpMulShopDataUv_1 ");
        if (aid > 0) {
            sbtotal.append(" where aid=");
            sbtotal.append(aid);

        }
        total = dao.GetCount(sbtotal.toString());
        if (total > 0) {

            StringBuffer sb = new StringBuffer();
            sb.append("SELECT Id,AId,Uv,DataType,Date FROM WpMulShopDataUv_1 ");
            if (aid > 0) {
                sb.append(" where aid=");
                sb.append(aid);

            }
            if (total > pagesize) {
                sb.append(" Limit ");
                int start = (index - 1) * pagesize;
                if (start < 0) {
                    start = 0;

                }
                sb.append(start);
                sb.append(",");
                sb.append(pagesize);
            }

            List<UvData> list = dao.QueryUv(sb.toString());

            QueryResult<UvData> result = new QueryResult<UvData>(total, list);

            String jsonstr= ConvertListToPageJson(list,total);
            System.out.println(jsonstr);
           request.setAttribute("result", jsonstr);
            response.getWriter().print(jsonstr);

        }else {
            QueryResult<UvData> result = new QueryResult<UvData>(total, null);
            JSONObject obj = new JSONObject(result);
            response.getWriter().print(obj);

        }





}

    private void deleteUv(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {


        String str = request.getParameter("aid");
        String uvid = request.getParameter("uvid");
        String limit = request.getParameter("limit");
        response.setStatus(200);
        int aid = 0;
        int uv_id=0;
        int index = 0;
        int total = 0;
        if (str != null && str.length() > 0) {
            aid = Integer.valueOf(str);

        }
        if (uvid != null) {
            uv_id = Integer.parseInt(uvid);
        }
       if(uv_id<=0){
           response.getWriter().print("参数无效");
       }

        WeiMobUvDao dao = new WeiMobUvDao();

        List list=new ArrayList<Integer>();
        list.add(uv_id);
        int res_count= dao.DeleteByIds(aid,list);

        JSONObject jsonObject = new JSONObject();
        jsonObject.put("state",res_count>0?true:false);
        jsonObject.put("code",0);
        jsonObject.put("msg","null");
        response.getWriter().print(jsonObject);







    }

    private void edituv(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {


        String str = request.getParameter("aid");
        String uvid = request.getParameter("uvid");
        String uvstr = request.getParameter("uv");
        response.setStatus(200);
        JSONObject jsonObject = new JSONObject();
        int aid = 0;
        int uv_id=0;
        int uv = 0;
        if (str != null && str.length() > 0) {
            aid = Integer.valueOf(str);

        }
        if (uvid != null) {
            uv_id = Integer.parseInt(uvid);
            uv= Integer.parseInt(uvstr);
        }
        if(uv_id<=0){
            response.setStatus(500);
            jsonObject.put("state",-1);
            jsonObject.put("msg","参数无效");
            response.getWriter().print(jsonObject);

        }
        if(uv<0){
            response.setStatus(500);
            jsonObject.put("state",-1);
            jsonObject.put("msg","参数无效");
            response.getWriter().print(jsonObject);
        }
        WeiMobUvDao dao = new WeiMobUvDao();

        List list=new ArrayList<Integer>();
        list.add(uv_id);
        UvData res= dao.getByIds(aid,uv_id);
        if(res==null){
            response.setStatus(500);
            jsonObject.put("state",-1);
            jsonObject.put("msg","参数无效,对象不存在");
            response.getWriter().print(jsonObject);
            return;
        }
         int res_count= dao.modifyEntity(res);

        jsonObject.put("state",res_count>0?true:false);
        jsonObject.put("code",0);
        jsonObject.put("msg","null");
        response.getWriter().print(jsonObject);
    }
    public  String ConvertListToPageJson(List<?> list, int countList) {
        // 新建一个json数组
        JSONArray jsonArray = new JSONArray();
        // 新建一个json对象
        JSONObject jsonObject = null;
        // 遍历泛型集合
        for (Object object : list) {
            jsonObject = new JSONObject(object);
            jsonArray.put(jsonObject);
        }
        // 转换数据格式
        String json = jsonArray.toString();
        // 拼接字符串
        StringBuffer sb = new StringBuffer();
        sb.append("{\"count\":");
        sb.append(countList);
        sb.append(",\"code\":");
        sb.append(0);
        sb.append(",\"msg\":");
        sb.append("null");
        sb.append(",\"data\":");
        sb.append(json);
        sb.append("}");
        String jsonString = sb.toString();
        return jsonString;
    }
}

 

 

静态文件下载地址

不少同学不知道怎么绑定数据源，欢迎看我上一篇。表格数据源格式：http://www.layui.com/demo/table/user/?page=1&limit=30

总结：

LayUI为我们提供了强大丰富的类库组件，完善的文档，学习成本和开发成本相对低廉，具有快速，扁平化等优点。

关于数据表格的介绍就到这里。官方文档

来源： Layui数据表格之获取表格中所有的数据 – CSDN博客

• 数据表格中的数据是通过直接赋值的方式。这里实际上思想是反过来的，将拿数据表格中的所有数据，转换为Layui数据表格拿原始数据去渲染数据表格
  1. 创建一个作用域合适的JS对象数组用来保存数据表格中的原始数据
  2. 将上一步创建的JS对象数组也就是原始数据赋给table.render()的data参数
  3. 获取表格中的所有数据其实直接获取第一步中创建的JS对象数组即可，参照下面的代码，获取表格中的所有数据就是获取tableContent中的数据。

// 存放数据表格中的数据的对象数组tableContent
var tableContent = new Array();

table.render({
    elem : '#viewTable',
    height : 325,
    even: true,
    text: {
        none: '您没有选中任何字段！'
    },
    // 拿对象数组tableContent中的数据作为原始数据渲染数据表格
    data : tableContent, 
    page : {
        layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
    },
    limit : 5,
    limits : [5, 10, 15, 20, 25],
    cellMinWidth: 80,
    cols:[[
        {type:'checkbox',fiexd : 'left'},
        {title : '序号',type:'numbers'},
        {field : 'column',title : '列',align:'center'},
        {field : 'alias',title : '别名',align:'center',edit : 'text'},
        {title : '操作',fiexd : 'right',align:'center', toolbar: '#viewBar'}
    ]],
    done : function(res, curr, count){
        // do something...
    }
});

• 数据表格中的数据是通过异步请求的方式
  直接通过table.render()的done参数即可获得，该参数的值是一个数据渲染完的回调，无论是直接赋值还是异步请求数据，在渲染完之后都会触发该回调。注意：使用直接赋值方式给Laytable原始数据时，该方法获取到的是数据表格中当前页的数据，并不是表格中的所有数据，想获取表格中所有数据必须按照上面“数据表格中的数据是通过直接赋值的方式”的方法

table.render({ //其它参数在此省略
    done: function(res, curr, count){
    //如果是异步请求数据方式，res即为你接口返回的信息。
    //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
    console.log(res);
    //得到当前页码
    console.log(curr);
    //得到数据总量
    console.log(count);
    }
});

来源： Layui给数据表格动态添加一行并跳转到添加行所在页 – CSDN博客

Layui数据表格动态添加一行问题

Layui是一个前端 UI 框架，该框架风格优雅，但由于发布时间较短，很多功能并没有提供实现。
笔者在使用Layui的数据表格的时候，需求是这样的：当点击添加按钮的时候，就在数据表格最后动态添加一行。上述功能官方并没有给出实现，需要自己手动解决。

解决思路及方案

• 简单分析：根据需求——动态添加一行，首先想到的是利用JS/JQuery操作DOM对象实现在数据表格table中手动添加一个tr，但由于数据表格的每一行的每一个单元格都有其样式，因此，要想动态添加的一行与Layui数据表格渲染出来的每一行样式及功能一样，就必须给tr设置和渲染出来的每一行一样的样式，利用JQuery去完成这个添加这样一个tr工程量实在太大了，因此需要换一种方案。
• 数据表格中的原始数据：查看Layui官方文档，采用方法渲染或者自动渲染的方式去生成数据表格时，数据表格中的数据是通过直接赋值的方式或者异步加载的方式获得原始的数据。
  • 直接赋值方式原始的数据其实就是一个对象数组，如[{}, {}, {}, {}, …]。
  • 异步加载方式原始的数据发请求从后端取，然后后端返回给前端的一个json对象，这里要求后端返回给前端的json对象要符合Layui数据表格能渲染的格式，Layui数据表格默认支持的后端返回给前端的json对象格式如下，各个属性具体描叙参照官方文档：

 {
     code: 0, 
     msg: "", 
     count: 1000, 
     data: [] 
 } 

• 1
• 2
• 3
• 4
• 5
• 6

• 数据表格的重载：数据表格重载可以将新拿到的原始数据重新渲染到数据表格中，Layui提供的是方法是table.reload(ID, options)
  • ID：table的id属性值
  • options：为Layui数据表格的基础参数，具体参照官方文档
• 下面给出针对原始数据是通过直接赋值的方式、采用方法渲染的数据表格动态添加一行的思路及解决方法
  • 思路：通过上述讲解，动态添加一行其实可以转换为：
    1. 拿到数据表格中的所有数据后，也就是拿到一个对象数组，在那个对象数组最后添加一个与拿到的对象数组中对象相同、但其所有属性的属性值为空的一个空对象。（那数据表格中所有数据可参照我的另一篇Layui数据表格之获取表格中所有的数据）
    2. 利用table.reload(ID, options)方法将添加了一个“空对象”的数组重新加载渲染到数据表格即可。
    3. 跳转到动态添加行所在页，只要设置table.reload(ID, options)中options的page基础参数即可，将page参数的curr属性值设置为动态添加行所在页页码（页码根据数据表格每页显示的记录数以及添加了一行后数据表格中总的记录数自己算）即可。2、3步代码如下（）：

//获取每页显示的记录数、当前记录总数，计算新添加的记录在第几页
var totalRecord = tableContent.length;
var pageSize = $(".layui-laypage-limits").find("select").val();
if($.type(pageSize) == "string"){
    pageSize = parseInt(pageSize);
}

var currPageNo = Math.ceil(totalRecord / pageSize);
console.log("每页显示的记录数："+pageSize+"  类型："+$.type(pageSize)+"   总的记录数："+totalRecord+"  类型："+$.type(totalRecord)
     +"   新增行所在页码："+currPageNo+"  类型："+$.type(currPageNo));

// 重载表格并跳转到最后修改或者添加数据的那一页
table.reload('viewTable', {
      page : {
         curr : currPageNo
      },
      data : tableContent
});

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18

最终效果图：
动态添加一行前(请将图片保存到本地查看大图)

动态添加一行后(请将图片保存到本地查看大图)

• 下面给出针对原始数据是通过异步加载的方式、采用方法渲染的数据表格动态添加一行的思路及方法
  思路：异步加载方式实现动态添加一行思路和直接赋值方式类似，主要区别在于在数据表格中所有数据的来源不同，直接赋值方式数据来源自页面上自定义的一个js变量，异步加载方式数据来源自后台查询数据库传到前台。当从数据库查出来记录以后，在封装为table支持的数据对象时，添加一条空的记录，然后传回前端渲染即可实现。

以前easyUI用习惯了 换成layUI 的确好看了很多，但是table现目前还没有datagrid用起来方便快捷，于是封装了关于table的处理类。欢迎大家指正，我及时修改。包含：1、获取选中行 getSelect()2、获取所有行 AllRows

来源： 【table】–分享封装的table各种数据操作,欢迎指正 – Fly社区

以前easyUI用习惯了 换成layUI 的确好看了很多，但是table现目前还没有datagrid用起来方便快捷，于是封装了关于table的处理类。欢迎大家指正，我及时修改。
包含：
1、获取选中行 getSelect()
2、获取所有行 AllRows()
3、通过静态数据渲染 load(data)
4、通过options重新渲染 reload()
5、获取载入参数供修改后渲染 getOptions()
6、获取table上下文 getTableContent()
7、通过字段类型和字段的值选中某些行 selected(filed,resourse)
8、通过索引获取数据 getByIndex(index)
9、通过索引选中一行 selectedByIndex(index)
10、通过索引取消选中的一行 unselectedByIndex(index)
11、选中所有 selectedAll()
12、取消选中所有 unselectedAll()
13、更新索引所在的行 updateRow(index,data)
14、在最前面插入一行 appendAfterRow(data)
15、在最后面插入一行 appendBeforeRow(data)
16、在索引后插入一行 insertRow(index)
17、通过索引删除一行 deleteRow(index)

这些是我常用到的情况，下面是封装的table

<script type="text/javascript" src="${pageContext.request.contextPath}/modules/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/modules/plugins/layui/layui.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/modules/plugins/layui/css/layui.css">
<script type="text/javascript">

//列表类封装
function HYtablelist(tableoption){
	var _this = this;
	var options = tableoption;
	var table;
	var tableuse;
	var tableIns;
	this.romance = function(){
		tableuse =layui.use('table', function(){
				  table = layui.table;
				  tableIns = table.render(options);
			});
		}
	this.getSelect=function(){ //获取选中的行
		var check = [];
		var allData = _this.AllRows();
		$.each(allData, function(){
			if(this.LAY_CHECKED){
				check.push(this);
			}
		});
		return check;		
	}
	this.AllRows=function(){//获取所有行 返回数组对象
		return tableuse.table.cache[options.id];
	}
	this.load=function(data){//通过数组对象，重新刷新列表  会清空table的url避免刷新table导致修改的数据还原为url数据
		var tmpurl = options.url;
		options.url = null;
		options.data = data;
		table.render(options);	
	}
	this.reload=function(){ //重载
		tableIns.reload(options);
	}
	this.getOptions=function(){//获取载入参数
		return options;
	}
	this.getTableContent=function(){//获取table上下文
		return tableIns;
	}
	this.selected=function(filed,resourse){//选中某些行 filed判断字段 resourse需要选中行的数组对象
		if(filed&&resourse&&resourse.length>0){
			var allData = _this.AllRows();
			$.each(allData, function(){
				var datadefine = this;
				var _value = eval('(datadefine.'+filed+')');
				for(var _m = 0;_m<resourse.length;_m++){
					if(_value==resourse[_m]){
						datadefine.LAY_CHECKED=true;
					}
				}
			});
			_this.load(allData);	
		}
	}
	this.getByIndex=function(index){//通过索引获取数据
		if(index!=undefined&&index!='undefined'){
	    	var allData = _this.AllRows();
	    	
	    	for(var _m = 0;_m<allData.length;_m++){
				if(index==allData[_m].LAY_TABLE_INDEX){
					return allData[_m];
				}
			}
		}
	}
	this.selectedByIndex=function(index){//通过索引选中一行
		if(index!=undefined&&index!='undefined'){
	    	var allData = _this.AllRows();
	    	$.each(allData, function(p1, p2){
	    		if(this.LAY_TABLE_INDEX==index){
	    			this.LAY_CHECKED=true;
	    		}
			});
	    	_this.load(allData);
		}
	}
	this.unselectedByIndex=function(index){//通过索引取消选中一行
		if(index!=undefined&&index!='undefined'){
	    	var allData = _this.AllRows();
	    	$.each(allData, function(p1, p2){
	    		if(this.LAY_TABLE_INDEX==index){
	    			this.LAY_CHECKED=false;
	    		}
			});
	    	_this.load(allData);
		}
	}
	this.selectedAll=function(){//选中所有
    	var allData = _this.AllRows();
    	$.each(allData, function(p1, p2){
    		this.LAY_CHECKED=true;
		});
    	_this.load(allData);
	}
	this.unselectedAll=function(){//取消选中所有
    	var allData = _this.AllRows();
    	$.each(allData, function(p1, p2){
    		this.LAY_CHECKED=false;
		});
    	_this.load(allData);
	}
	this.updateRow=function(index,data){//更新索引所在的行
		if(index!=undefined&&index!='undefined'&&data){
			var allData = _this.AllRows();
			var loadData=[];
	    	$.each(allData, function(){
	    		if(this.LAY_TABLE_INDEX==index){
	    			loadData.push(data);
	    		}else{
	    			loadData.push(this);
	    		}
			});
	    	_this.load(loadData);
		}
	}
	this.appendAfterRow=function(data){//在最后面插入一行
		if(data){
			var allData = _this.AllRows();
			allData.push(data);
			_this.load(allData);
		}
		
	}
	this.appendBeforeRow=function(data){//在最前面插入一行
		if(data){
			var allData = _this.AllRows();
			var loadData=[];
			loadData.push(data);
			$.each(allData, function(){
				loadData.push(this);
			});
			_this.load(loadData);
		}
	}
	this.insertRow=function(index,data){//在索引后插入一行
		if(index!=undefined&&index!='undefined'&&data){
			var allData = _this.AllRows();
			var loadData=[];
			$.each(allData, function(){
				loadData.push(this);
				if(this.LAY_TABLE_INDEX==index){
					loadData.push(data);
				}
			});
			_this.load(loadData);
		}
	}
	this.deleteRow=function(index){//通过索引删除一行
		if(index!=undefined&&index!='undefined'){
			var allData = _this.AllRows();
			var loadData=[];
	    	$.each(allData, function(){
	    		if(this.LAY_TABLE_INDEX!=index){
	    			loadData.push(this);
	    		}
			});
	    	_this.load(loadData);
		}
	}
}



function clone(obj) {
	var o;
	if (typeof obj == "object") {
		if (obj === null) {
			o = null;
		} else {
			if (obj instanceof Array) {
				o = [];
				for (var i = 0, len = obj.length; i < len; i++) {
					o.push(clone(obj[i]));
				}
			} else {
				o = {};
				for ( var j in obj) {
					o[j] = clone(obj[j]);
				}
			}
		}
	} else {
		o = obj;
	}
	return o;
}
</script>

这下面是测试页面：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div>
	<div class="layui-btn-group hybtngroup">
	  <button class="layui-btn" onclick="testFun();">测试按扭</button>
	</div>
	<table class="layui-hide layuitable" id="user_datagrid"></table>
</div>
</body>

<script type="text/javascript">
var data = [{"updateBy":"4028803d4dbdd065014dbdd0ef0d000f","createTime":"2017-01-11 15:36:23","phone":"","updateTime":"2017-11-20 19:49:43","remarks":"","isDeleted":false,"password":"e10adc3949ba59abbe56e057f20f883e","createBy":"4028803d4dbdd065014dbdd0ef0d000f","version":18,"id":"4028806a598c71c801598c74d25f005b","createOrgCd":null,"organization":"太平洋公司","username":"zhangsan","rolename":"管理员1","OrgID":"4028806a598c71c801598c7418570058","email":"","updateOrgCd":null,"gender":"Male","locked":false,"fullName":"张三","deleteTime":null},{"updateBy":"4028803d4dbdd065014dbdd0ef0d000f","createTime":"2017-01-11 15:37:01","phone":"","updateTime":"2017-11-20 19:46:21","remarks":"","isDeleted":false,"password":"e10adc3949ba59abbe56e057f20f883e","createBy":"4028803d4dbdd065014dbdd0ef0d000f","version":4,"id":"4028806a598c71c801598c75675d005c","createOrgCd":null,"organization":"北冰洋公司","username":"badmin","rolename":"管理员2","OrgID":"4028806a598c71c801598c7418570058","email":"","updateOrgCd":null,"gender":"Male","locked":true,"fullName":"北冰洋公司管理员","deleteTime":null}];
var tableoption = {
			id:'user_datagrid',
	    	elem: '#user_datagrid'
		    ,cols: [[
		      {type:'checkbox'}
		      ,{field:'username',title: '账户名'}
		      ,{field:'fullName',title: '用户名'}
		      ,{field:'organization',title: '所属机构'}
		      ,{field:'locked',title: '是否锁定',templet: '#lockedHandle'}
		      ,{field:'rolename',title: '拥有角色'}
		    ]]
		    ,page: true
}



var hytable = new HYtablelist(tableoption);
hytable.romance();//渲染
hytable.load(data);//测试通过静态数据加载,也可以option中加url加载数据，也可以option中加入data加载数据。


//测试方法
function testFun(){
   	alert(JSON.stringify(hytable.getSelect()));//测试选中 包含索引号 是否选中字段 
//     	alert(JSON.stringify(hytable.AllRows()));//获取所有数据
    	
// 		alert(JSON.stringify(hytable.AllRows()));//获取所有数据
    	
//     	hytable.selected('username',['zhangsan','badmin']);//选中行name中值为数组的行
    	
// 		hytable.selectedByIndex(0);//索引选中
    	
//     	hytable.unselectedByIndex(0);//取消索引选中

//     	hytable.selectedAll();//选中所有

//     	hytable.unselectedAll();//取消选中所有


// 		alert(JSON.stringify(hytable.getByIndex(0)));//通过索引获取一行


// 		var data = hytable.getByIndex(1);
// 		data.fullName="测试更新";
//     	hytable.updateRow(data.LAY_TABLE_INDEX,data);//更新所在行


// 		var data = hytable.getByIndex(1);
// 		var newData = clone(data);
// 		newData.fullName="测试添加最后一行";
//     	hytable.appendAfterRow(newData);//最后面添加一行数据

// 		var data = hytable.getByIndex(1);
// 		var newData = clone(data);
// 		newData.fullName="测试添加第一行";
//     	hytable.appendBeforeRow(newData);//第一行添加一行数据


// 		var data = hytable.getByIndex(1);
// 		var newData = clone(data);
// 		newData.fullName="第一行后面插入一行";
//     	hytable.insertRow(0,newData);//索引后面添加一行


//     	hytable.deleteRow(1);//通过索引删除一行
    }
</script>
</html>

来源： 微信用户提现不能到账，显示NO_AUTH | 产品权限验证失败,请查看您当前是否具有该产品的权限(企业付款到零钱) – CSDN博客

企业付款到零钱

一、开通条件

需同时满足两个条件，才有开通该功能入口：
1、T+0 （T日结算至基本账户），结算商户需满足两个条件：

1、入驻满90天，

2、截止今日往回推30天连续不间断保持有交易。
2、其余结算周期的商户无限制，可立即前往【商户平台】->【产品中心】申请开通。
注：连续30天交易无金额限制，请保持正常交易。

今天做分销商城时，当微用户提现  显示NO_AUTH | 产品权限验证失败,请查看您当前是否具有该产品的权限。

出现这个问题是因为我们的微信商户平台没有开通“企业付款到用户”功能。

微信商户产品中心里并没有“企业付款到用户”这个功能，如下图，那怎么办呢？很简单，直接进入这个链接https://pay.weixin.qq.com/index.php/public/product/detail?pid=5

另外还遇到个问题，就是登陆微信商户平台时，需要安全插件才能登陆，试了几次，发觉只能用QQ浏览器才能登陆。

引用：http://blog.csdn.net/linchaoren66/article/details/76068233

二、开通了后，提现还是失败

看看商户帐户上余额是为：0

充钱后再试

请注意，是余额有钱，基本帐户上有转，要转到运营帐户中

三、转入运营帐号

来源： ASP.NET MVC异步上传图片和富文本编辑器的使用详解 – Kencery – 博客园

　　前言：在我们做任何网站项目的时候都避免不了要使用到这两个技术，而且应用也是非常的广泛，所以我写了这篇博客，喜欢能帮到大家，也顺便给我自己坐一下笔记，方便我以后的使用，废话不多说了，先说图片上传吧，图片上传我使用的是异步上传，下来再说富文本编辑器的使用

1. 图片上传

　　(1)第一步：准备工作

　　因为我做的是异步上传图片，所以大家肯定知道啦，需要一些准备工作的，首先我们给我们的项目添加两个引用，第一个引用想必大家都知道的，第二个引用是实现异步上传图片的一个JS脚本，我们需要引入，如果没有的话可以去网上下载或者在我的项目里面也能找到，代码如下：

    <script src=”http://www.cnblogs.com/Scripts/JQuery-1.7.1.js”></script>

    @*实现异步上传图片的功能*@

    <script src=”http://www.cnblogs.com/Scripts/MyAjaxForm.js”></script>

　　(2)第二步：设置上传图片的控件和HTML的主要代码，如下所示：

　　注释：大家看到了Form表单里面的那几个属性了吗？enctype我们必须设置成后面的属性才允许我们上传图片，anction的请求地址就是我们在控制器中的操作方法，一会会说到,至于其它的代码想必大家都一定很清楚了。

　　(3)第三步：发送异步请求，当我们准备完这些的时候我们就需要发送异步请求向后台传递参数了，代码截图如下：

　　注释，在这段代码里面我们可以看到我定义了一个var imgFileName,这是干什么的呢？其实大家一看注释就知道了，因为我会从后台传递过来图片的路径，所以这个变量就是保存图片的路径的，当我们将图片路径保存到这个变量的时候，在下面我们可以看到它的调用方式，想必大家一看就清楚了

　　(4)第四步：控制器里面的代码如下：这段代码也很简单吧，就是将图片保存到磁盘上面并且返回图片的路径就OK了。

   　　//异步上传图片

  　　 public ActionResult FileUpload()

　　{

   　　 //保存上传的图片

   　　 HttpPostedFileBase imgFile = Request.Files[0];

   　　 //返回图片地址

   　　 imgFile.SaveAs(Server.MapPath(“../photo/” + imgFile.FileName));

   　　 return Content(“/photo/” + imgFile.FileName);

　　 }

　　(5) 第五步：注意事项：

　　注意当我们上传图片到磁盘的时候，不要在Views文件夹下面建立文件夹存放图片。

　　(6)效果展示

2. 富文本编辑器的使用

　　注释：这个我还是和前面图片上传一样，通过步骤一步一步的来说吧。如果哪里写的模糊不清大家可以给我提出来！

　　(1)第一步：准备工作，首先我们从网上下载到我们所需要的富文本编辑器的JS代码等文件，

　　我遇到很多人将下载下来的东西不完全的放到项目里面，导致有时候一些功能不能用，调试大半天才找到，我的建议就是，当我们使用别人的东西的时候，我们刚开始先将人家的东西全部放到里面，然后当我们项目完成的时候我们在慢慢的删掉那些没用的东西，反正这样我是很少遇到问题，不知道大家都是怎么解决的？将所有的富文本编辑器的东西放到我们的项目里面去，如图所示：

　　然后我们在项目中引入我们所需要的富文本编辑器的JS代码来使用它，注意路径一定要正确，代码如下：

  　　 @*引入富文本编辑器的使用*@

   　　<script src=”http://www.cnblogs.com/kindeditor-4.1.3/kindeditor.js”></script>

   　　<script src=”http://www.cnblogs.com/kindeditor-4.1.3/lang/zh_CN.js”></script>

  　　<script src=”http://www.cnblogs.com/kindeditor-4.1.3/plugins/code/prettify.js”></script>

　　(2)第二步：HTML文本框的代码书写，这个也很简单的，我们直接使用TextBox文本框就行了，代码如下：

  　　 <tr>

       　　<td>内容：</td>

     　　  <td>

        　　   <textarea id=”txtMainContent” name=”AddNewsContent” style=”width: 550px; height: 300px; visibility: hidden;” runat=”server”>

            　　</textarea>

       　　 </td>

　　 </tr>

　　(4)第三步：JS脚本的编写

　　注释：里面我认为比较模糊的地方我都已经加了注释，如果大家认为哪里还不清楚的话，可以给我留言，我们共同研究。

　　(5)第四步：如何获取富本框的值和修改富文本框的值，在上面的截图中虽然已经有了那两个方法，但是因为我们使用富文本编辑器就是为了能够读取富文本编辑器中的值添加到数据库或者将数据库中的值读取出来现世在富文本编辑器中，下面我就简单的介绍一下哈。

  　　//获取添加文本框内容

  　　function getEditorAddData() {

     　　return editorUpdate.html();     //使用上面定义的window.editorAdd的方法的HTML代码   韩迎龙注释

  　　}

　　 //给富文本框赋值

　　 function setEditorUpdateData(data) {

     　　 editorUpdate.html(data);   //富文本框的使用方法:window.editorUpdate   韩迎龙注释

  　　 }

　　当我们使用的时候我们如何来使用呢？ txtMainContent: getEditorAddData();只需要给异步参数传递这个方法即可实现得到文本框中值，详细的代码可以参考我的代码。

　　(6)第五步：效果展示

　　1)添加效果

　　2)修改效果

　　至此：图片上传和富文本编辑器的使用功能就完成了，如果大家有什么疑惑或者还有什么不懂的，可以到我们的博客园小组“青春代码”，网址是：http://home.cnblogs.com/group/heimaThree/，给我们留言，我们共同解决，也可以在下面留言，那样只有我一个人回信息了！希望大家能够支持我们的博客园小组，将博客圆小组打造成一个交流技术的天堂。

项目下载地址：http://download.csdn.net/detail/hanyinglong/4789850