后端生成表单---从简单到复杂的分析之一；简单的表的生成

后端需要用layui的框架生成一个表，数据从数据库里面取

代码如下

 

table.render({
                elem: '#' + listId
                , height: 'full-200'
                , url: '/RiskGrade/Query_PageList' //数据接口
                , page: true //开启分页
                , limit: 20
                , cols: [[ //表头
                    {
                        field: 'RiskPointNo', title: '风险点编号', templet: function (res) {
                            return res.RiskPoint.no
                        }
                    }
                    , {
                        field: 'RiskPointName', title: '风险点名称', templet: function (res) {
                            return res.RiskPoint.name
                        }
                    }
                    , {
                        field: 'RiskLevel', title: '风险等级', templet: function (res) {
                            return res.RiskLevelText;
                        }
                    }
                    , {
                        field: 'Assessor', title: '评估人'
                    }
                    , {
                        field: 'AssessDate', title: '评估日期'
                    }
                    , {
                        field: 'RiskAnalysisMethod', title: '评估方法', templet: function (res) {
                            return res.RiskAnalysisMethodText
                        }
                    }
                    
                    , {
                        field: 'LECL', title: 'LEC法L值'
                    }
                    , {
                        field: 'LECE', title: 'LEC法E值'
                    }
                    , {
                        field: 'LECC', title: 'LEC法C值'
                    }
                    , {
                        field: 'LSL', title: 'LS法L值'
                    }
                    , {
                        field: 'LSS', title: 'LS法S值'
                    }

                    , { field: 'Id', title: '操作', minWidth: 300, toolbar: '#tableList_bar' }
                ]],
                done: function () {
                    layer.close(loading);

                    /** 设置用户权限*/
                    app.base.InitUserPower();
                }

            });

从数据库查询出来的json数据 按f12，查看里面的network里面的内容

注意到 我们的风险点编号，包含在riskpoint类中，我们需要把它取出来，这样就能对应上去，这个框架，换句话来讲，就是这个工具，会自动匹配。   如果写了类型的函数，这个名字可以随便取