2.  
  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6.     <meta charset="UTF-8"/>
  7.     <title>总合计</title>
  8.     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
  9.     <link rel="stylesheet" href="/css/bootstrap.min.css"/>
  10.     <link rel="stylesheet" href="/css/AdminLTE.min.css"/>
  11.     <!--<link rel="stylesheet" href="/layui/css/layui.css"/>-->
  12.     <link rel="stylesheet" href="/css/skin-blue.min.css"/>
  13.     <link rel="stylesheet" href="/css/font-awesome.css"/>
  14.     <link rel="stylesheet" href="/js/pilotShop/searchOfficial/css/layui.css"/>
  15.  
  16.     <script src="/js/vue.min.js"></script>
  17.     <style>
  18.  
  19.         .box-headerDis {
  20.             display: inline-block;
  21.             width: 250px;
  22.         }
  23.  
  24.         .box-headerDis .totalPayment-title {
  25.             font-size: 18px;
  26.         }
  27.  
  28.         .disFlex {
  29.             display: flex;
  30.             justify-content: flex-start;
  31.             align-items: center;
  32.         }
  33.  
  34.         .totalPayment-money {
  35.             font-size: 18px;
  36.             margin: 10px;
  37.         }
  38.  
  39.         .layui-table-cell {
  40.  
  41.             line-height: 23px;
  42.             padding: 0px;
  43.             position: relative;
  44.             overflow: visible;
  45.             text-overflow: clip;
  46.             white-space: normal;
  47.             box-sizing: border-box;
  48.             text-align: center;
  49.         }
  50.  
  51.         .layui-table thead .hei231 th {
  52.             height: 231px !important;
  53.         }
  54.  
  55.         .layui-table-box .layui-table-header .layui-table th {
  56.             height: 70px !important;
  57.             font-size: 11px;
  58.         }
  59.  
  60.         .layui-table-fixed .layui-table-header .layui-table th {
  61.             height: 140px !important;
  62.             font-size: 11px;
  63.         }
  64.     </style>
  65. </head>
  66.  
  67. <body>
  68. <div class="businessOverview" id="businessOverview">
  69.  
  70.     <div class="box-header">
  71.         <h3 class="box-title">总统计记录</h3>
  72.     </div>
  73.     <div class="box-tools" style="    left: 128px;">
  74.         <div class="disFlex ">
  75.             <div class="input-group input-group-sm" style="padding: 7px;width: 150px;">
  76.                 <div class="input-group-addon">
  77.                     <i class="fa fa-calendar"></i>
  78.                 </div>
  79.                 <input autocomplete="off" placeholder="选择时间" style="    width: 204px;" type="text" class="layui-input"
  80.                        id="jt_date"/>
  81.             </div>
  82.             <div class="demoTable">
  83.                 投资方
  84.                 <div class="layui-inline">
  85.                     <input autocomplete="off" type="text" placeholder="输入资方名称" v-model="investorName"
  86.                            class="form-control"/>
  87.                 </div>
  88.             </div>
  89.             <div class="demoTable" style="padding-left: 5px;">
  90.                 公司名称
  91.                 <div class="layui-inline">
  92.                     <input autocomplete="off" type="text" placeholder="输入公司名称" v-model="companyName"
  93.                            class="form-control"/>
  94.                 </div>
  95.             </div>
  96.             <div class="demoTable">
  97.                 <button class="layui-btn" data-type="reload" v-on:click="SearchInDetail()">搜索</button>
  98.             </div>
  99.  
  100.         </div>
  101.         <!--<button class="" id="btnExport">导出明细</button>-->
  102.     </div>
  103.  
  104.     <table id="demo" lay-filter="test"></table>
  105.  
  106. </div>
  107. <!--公司ID-->
  108. <script type="text/html" id="companyId">
  109.     <a class="layui-table-link" style="font-size: 10px" target="_blank">{{ d.companyId }}</a>
  110. </script>
  111. <!--公司名称-->
  112. <script type="text/html" id="usernameTpl">
  113.     {{#  if(d.type === 2){ }}
  114.     <a class="layui-table-link" style="font-size: 10px" target="_blank">{{ d.companyName }}</a>
  115.     {{#  } else { }}
  116.     <a  style="font-size: 10px" target="_blank"   >{{ d.companyName }}</a>
  117.     {{#  } }}
  118.     <!--<a href="/thePointsRecord.html?companyId={{d.companyId}}"  class="layui-table-link" style="font-size: 10px" target="_blank">{{ d.companyName }}</a>-->
  119. </script>
  120. <!--操作-->
  121. <script type="text/html" id="TheOperatingSubsidiary">
  122.     {{#  if(d.type === 2){ }}
  123.  
  124.     {{#  } else { }}
  125.     <a target="_blank"><button class="layui-btn" style="height: 30px;line-height: 30px;">明细</button></a>
  126.     {{#  } }}
  127. </script>
  128. <!--资方利润-->
  129. <script type="text/html" id="ProfitManagement">
  130.  
  131.     {{#  if(d.ProfitManagement === "NaN"){ }}
  132.     <a target="_blank">{{ 0.00 }}</a>
  133.     {{#  } else { }}
  134.     <a target="_blank">{{ d.ProfitManagement }}</a>
  135.     {{#  } }}
  136. </script>
  137. <!--资方利润 GenerationOfOperating-->
  138. <script type="text/html" id="GenerationOfOperating">
  139.  
  140.     {{#  if(d.totalBusinessPrincipalShow  === "0.00"){ }}
  141.     <a target="_blank">{{ 0.00 }}</a>
  142.     {{#  } else { }}
  143.     <a target="_blank">{{ d.GenerationOfOperating }}</a>
  144.     {{#  } }}
  145. </script>
  146.  
  147. <!-- jQuery 3 -->
  148. <script src="/js/jquery.min.js"></script>
  149. <!--<script src="/layui/layui.js"></script>-->
  150. <script src="/js/pilotShop/searchOfficial/layui.js"></script>
  151. <script src="/js/jquery.table2excel.min.js"></script>
  152. <script src="/js/adminlte.min.js"></script>
  153. <!-- Bootstrap 3.3.7 -->
  154. <script src="/js/bootstrap.min.js"></script>
  155. <script th:inline="javascript">
  156.     new Vue({
  157.         el: "#businessOverview",
  158.         data: {
  159.             TotalConsumptionList: [],
  160.             companyName: "",
  161.             beginDate: "",
  162.             endDate: "",
  163.             investorName: ""
  164.  
  165.         },
  166.         filters: {},
  167. //        数据初始化
  168.         mounted: function () {
  169.             var this_ = this;
  170.             this.TotalConsumption()
  171.             layui.use('laydate', function () {
  172.                 var laydate = layui.laydate;
  173.                 laydate.render({
  174.                     elem: '#jt_date',//指定元素;
  175.                     type: 'date',
  176.                     theme: '3c8dbc',
  177.                     range: '~',
  178.                     max: new Date().valueOf(),
  179.                     done: function (value, date, endDate) {
  180.                         value = value.split('~');
  181.                         this_.beginDate = value[0];
  182.                         this_.endDate = value[1];
  183.                         if (value == "") {
  184.                             this_.beginDate = "";
  185.                             this_.endDate = "";
  186.                         } else {
  187.                             this_.beginDate = value[0].replace(/(^\s+)|(\s+$)/g, "");
  188.                             this_.endDate = value[1].replace(/(^\s+)|(\s+$)/g, "");
  189.                         }
  190.                     }
  191.                 });
  192.  
  193.             });
  194.             layui.use('table', function () {
  195.                 var table = layui.table;
  196. //                table.exportFile(table.data, data); //data 为该实例中的任意数量的数据
  197.                 table.render({
  198.                     elem: '#demo'
  199.                     , url: '/v1/wx/cs/searchcity/investment/report/company/data/details'
  200. //                   ,where: {companyName:this_.companyName}
  201.                     , contentType: 'application/json'
  202.                     , method: 'POST'
  203.                     , toolbar: '#toolbarDemo'
  204.                     , title: '用户数据表'
  205.                     , height: 715 //容器高度
  206.                     , page: true //是否显示分页
  207.                     // , limit: 10 //每页默认显示的数量
  208.                     , done: function (res, curr, count) {
  209. //                        console.log(res)
  210.                     }
  211.                     , request: {
  212.                         pageName: 'pageNum' //页码的参数名称，默认：page
  213.                         , limitName: 'limitNum' //每页数据量的参数名，默认：limit
  214.                     }
  215.                     , parseData: function (res) { //res 即为原始返回的数据
  216.                         res.code = 1;
  217. //                        res = JSON.stringify(res);
  218.                         console.log(res)
  219.                         var resultData = res.data.resultData;
  220.                         for (var i in resultData) {
  221.                             //                    营业额
  222.                             resultData[i].turnoverShow = (resultData[i].turnover / 100).toFixed(2);
  223.                             //                  普通会员
  224.                             resultData[i].totalVipRealPriceShow = (resultData[i].totalVipRealPrice / 100).toFixed(2);
  225.  
  226.                             //                   PLUS会员
  227.                             resultData[i].totalPlusRealPriceShow = (resultData[i].totalPlusRealPrice / 100).toFixed(2);
  228.                             // 成本   投资合同签约成本（总营业额*合同售卖折扣）
  229.                             resultData[i].totalContractPrincipalShow = (resultData[i].totalContractPrincipal / 100).toFixed(2);
  230.                             //成本    官方代运营签约成本（总营业额*代运营折扣）
  231.                             resultData[i].totalBusinessPrincipalShow = (resultData[i].totalBusinessPrincipal / 100).toFixed(2);
  232.  
  233.                             // 手续费
  234.                             resultData[i].wxTotalPayPricePoundage = ((resultData[i].wxTotalPayPrice / 100) * 0.006).toFixed(2);
  235.                             //业务员的收益
  236.                             resultData[i].totalSalesmanEarnings = ((resultData[i].totalSalesmanEarningsO / 100) + (resultData[i].totalSalesmanEarningsI / 100)).toFixed(2);
  237.                             //店长的收益
  238.                             resultData[i].totalShopManagerEarnings = ((resultData[i].totalShopManagerEarningsO / 100) + (resultData[i].totalShopManagerEarningsI / 100)).toFixed(2);
  239.                             //收银的收益
  240.                             resultData[i].totalCashierEarnings = ((resultData[i].totalCashierEarningsO / 100) + (resultData[i].totalCashierEarningsI / 100)).toFixed(2);
  241.  
  242.                             //实入账   投资合同（营业额*合同购买额度*0.994）
  243.                             resultData[i].totalContractRealPrice = (resultData[i].totalContractRealPrice / 100).toFixed(2);
  244.                             //实入账   官方代运营（订单总支付金额*0.994）
  245.                             resultData[i].RealAccountOfAgentOperation = ((resultData[i].wxTotalPayPrice / 100) * 0.994).toFixed(2);
  246.  
  247.                             // 总收益（实入账-成本） 投资合同总收益
  248.                             resultData[i].SmallCapitalCardTotalIncome = (resultData[i].totalContractRealPrice - resultData[i].totalContractPrincipalShow).toFixed(2);
  249.  
  250.                             // 总收益（实入账-成本） 代运营
  251.                             resultData[i].GenerationOfOperating = (resultData[i].totalContractPrincipal / 100 - (resultData[i].totalBusinessPrincipal / 100)).toFixed(2);
  252.                             //总收益（实入账-成本）  官方实际收益
  253.                             //  resultData[i].RealIncome =(((resultData[i].totalVipRealPrice/100)+ (resultData[i].totalPlusRealPrice/100))*0.994- resultData[i].totalContractRealPrice+(resultData[i].totalContractPrincipal/100-(resultData[i].totalBusinessPrincipal/100))+(resultData[i].totalContractPrincipal/100)*(1-(resultData[i].investorProfitsProportion/100))).toFixed(2);
  254.                             resultData[i].RealIncome = ((resultData[i].totalVipRealPrice/100 + resultData[i].totalPlusRealPrice/100) * 0.994- (resultData[i].totalContractRealPrice)+parseFloat(resultData[i].GenerationOfOperating)+(parseFloat(resultData[i].SmallCapitalCardTotalIncome)*(1 - (resultData[i].investorProfitsProportion / 100)))).toFixed(2);
  255.  
  256.                             // 利润 资方    微信总支付金额*0.994-银联合同本金除2-资方付给店长等的部分利润
  257.                             resultData[i].ProfitManagement = (((resultData[i].SmallCapitalCardTotalIncome)*(resultData[i].investorProfitsProportion / 100))-parseFloat(resultData[i].totalCashierEarningsI/100) - parseFloat(resultData[i].totalSalesmanEarningsI/100) - parseFloat(resultData[i].totalShopManagerEarningsI/100)).toFixed(2);
  258.  
  259. //                            resultData[i].ProfitManagement = ( (resultData[i].totalContractRealPrice - resultData[i].totalContractPrincipalShow) / (resultData[i].investorProfitsProportion / 100) - (resultData[i].totalCashierEarningsI) - (resultData[i].totalSalesmanEarningsI) - (resultData[i].totalShopManagerEarningsI)).toFixed(2);
  260.                             // 利润 官方
  261.                             resultData[i].ProfitsTheOfficial = (resultData[i].RealIncome - parseFloat(resultData[i].totalCashierEarningsO/100) - parseFloat(resultData[i].totalSalesmanEarningsO/100) - parseFloat(resultData[i].totalShopManagerEarningsO/100)).toFixed(2);
  262. //                            console.log(resultData[i].SmallCapitalCardTotalIncome+""+resultData[i].investorProfitsProportion+"-"+resultData[i].totalCashierEarningsI+"-"+resultData[i].totalSalesmanEarningsI+"-"+resultData[i].totalShopManagerEarningsI)
  263.                         }
  264.                         return {
  265.                             "code": res.status, //解析接口状态
  266.                             "msg": res.message, //解析提示文本
  267.                             "count": res.data.pageCount, //解析数据长度
  268.                             "data": res.data.resultData //解析数据列表
  269.                         };
  270.                     }
  271.                     , response: {
  272.                         statusName: 'code' //规定数据状态的字段名称，默认：code
  273.                         , statusCode: 200 //规定成功的状态码，默认：0
  274.                         , msgName: 'message' //规定状态信息的字段名称，默认：msg
  275.                         , countName: 'count' //规定数据总数的字段名称，默认：count
  276.                         , dataName: 'data' //规定数据列表的字段名称，默认：data
  277.                     }
  278.                     , defaultToolbar: ['filter', 'print', 'exports']
  279.                     , cols: [[
  280.                         {type: 'checkbox', fixed: 'left', width: 37, rowspan: 2}
  281.                         , {field: 'investorName', title: '投资方', fixed: 'left', width: 50, rowspan: 2}
  282.                         , {
  283.                             field: 'companyName',
  284.                             event: 'setSign',
  285.                             title: '公司名称',
  286.                             fixed: 'left',
  287.                             width: 200,
  288.                             templet: '#usernameTpl',
  289.                             rowspan: 2
  290.                         }
  291.                         , {field: 'turnoverShow', title: '总营业额', width: 120, rowspan: 2}
  292.                         , {field: 'joinTime', title: '实际支付', colspan: 2}
  293.                         , {field: 'zone', title: '成本', colspan: 2}
  294.                         , {field: 'wxTotalPayPricePoundage', title: '手续费（实际支付额*006)', width: 150, rowspan: 2}
  295.                         , {field: 'zone', title: '实入账', colspan: 2}
  296.                         , {field: 'zone', title: '总收益（实入账-成本）', width: 80, colspan: 3}
  297.                         , {field: 'email', title: '补贴', colspan: 3}
  298.                         , {field: 'email', title: '利润', colspan: 2}
  299.                         , {field: 'TheOperatingSubsidiary', title: '操作',event: 'setSignTwo',  width: 80, rowspan: 2,templet:"#TheOperatingSubsidiary"}
  300. //                        , {
  301. //                            field: 'companyId',
  302. //                            title: '跳页id',
  303. //                            width: 50,
  304. //                            templet: "#companyId",
  305. //                            rowspan: 2,
  306. //                            style: "display:none"
  307. //                        }
  308. //                        , {
  309. //                            field: 'investmentBuyCreditLineProportion',
  310. //                            title: '代运营签约折扣',
  311. //                            width: 80,
  312. //                            rowspan: 2,
  313. //                            templet: "#investmentBuyCreditLineProportion",
  314. //                            style: "display:none"
  315. //                        }
  316.                     ], [
  317.                         {field: 'totalVipRealPriceShow', title: '普通会员总入账', width: 120}
  318.                         , {field: 'totalPlusRealPriceShow', title: 'PLUS会员总入账', width: 120}
  319.  
  320.                         , {field: 'totalContractPrincipalShow', title: '投资合同签约成本（总营业额*合同售卖折扣）', width: 130}
  321.                         , {field: 'totalBusinessPrincipalShow', title: '官方代运营签约成本（总营业额*代运营折扣）', width: 130}
  322.                         , {field: 'totalContractRealPrice', title: '投资合同（营业额*合同签约售卖折扣*0.994）', width: 130}
  323.                         , {field: 'RealAccountOfAgentOperation', title: '官方实际支付额（订单总支付金额*0.994）', width: 140}
  324.  
  325.                         , {field: 'SmallCapitalCardTotalIncome', title: '投资合同总收益', width: 130}
  326.                         , {field: 'GenerationOfOperating', title: '代运营', width: 130, templet: "#GenerationOfOperating"}
  327.                         , {field: 'RealIncome', title: '官方实际收益', width: 130}
  328.                         , {field: 'totalSalesmanEarnings', title: '业务（营业额*业务补贴折扣）', width: 130}
  329.                         , {field: 'totalCashierEarnings', title: '收银（营业额*收银补贴折扣）', width: 130}
  330.                         , {field: 'totalShopManagerEarnings', title: '店长（营业额*店长补贴折扣）', width: 130}
  331.  
  332.                         , {field: 'ProfitManagement', title: '资方', width: 150, templet: "#ProfitManagement"}
  333.                         , {field: 'ProfitsTheOfficial', title: '官方', width: 150}
  334.                     ]]
  335.  
  336.                 });
  337.                 //单机公司名称
  338.                 table.on('tool(test)', function (obj) {
  339.                     var data = obj.data;
  340.                     if (obj.event === 'setSign') {
  341. //                        console.log(obj.data.companyId)
  342.                         if (obj.data.type==2){
  343.                             localStorage.companyId = obj.data.companyId;//存值
  344.                             window.location.href = "SearchCityBranchRecords.html?companyId=" + obj.data.companyId; //跳页
  345.                         }
  346.                     }
  347.                     if (obj.event === 'setSignTwo') {
  348. //                        console.log(obj.data.companyId)
  349.                             localStorage.restaurantId = obj.data.restaurantId;//存值
  350.                             window.location.href = "SearchCityCancelAfterVerificationDetails.html?restaurantId=" + obj.data.restaurantId; //跳页
  351.                     }
  352.                 });
  353.                 //工具栏事件
  354.                 table.on('toolbar(test)', function (obj) {
  355.                     var checkStatus = table.checkStatus(obj.config.id);
  356.                     console.log(obj)
  357.                     switch (obj.event) {
  358.                         case 'getCheckData':
  359.                             var data = checkStatus.data;
  360.                             console.log(checkStatus.data)
  361.                             //layer.alert(JSON.stringify(data));
  362.  
  363.                             break;
  364.                         case 'getCheckLength':
  365.                             var data = checkStatus.data;
  366.                             layer.msg('选中了：' + data.length + ' 个');
  367.                             break;
  368.                         case 'isAll':
  369.                             layer.msg(checkStatus.isAll ? '全选' : '未全选')
  370.                             break;
  371.                     }
  372.                 });
  373.             });
  374.         },
  375.         computed: {
  376.             pages: function () {
  377.                 var pag = [];
  378.                 var current = this.current;
  379.                 var showItem = this.showItem;
  380. //                console.log(current,showItem)  //current当前页数  showItem显示条数
  381.                 if (current >= showItem) { //如果当前的激活的项 小于要显示的条数
  382.                     //总页数和要显示的条数那个大就显示多少条
  383.                     var middle = this.current - Math.floor(this.showItem / 2),//从哪里开始
  384.                         i = this.showItem;
  385.  
  386.                     if (middle > (this.allpage - this.showItem)) {
  387.                         middle = (this.allpage - this.showItem) + 1
  388.                     }
  389.                     while (i--) {
  390.                         pag.push(middle++);
  391.                     }
  392.                 } else { //当前页数大于显示页数了
  393.                     var i = Math.min(this.showItem, this.allpage); //显示数据中低的那个
  394.                     while (i) {
  395.                         pag.unshift(i--);
  396.                     }
  397.                 }
  398. //                console.log(current,showItem)
  399.                 return pag
  400.             }
  401.         },
  402.         methods: {
  403.             //单机查询
  404.             SearchInDetail: function () {
  405.                 var this_ = this;
  406.                 var table = layui.table;
  407.                 layui.use('table', function () {
  408.                     console.log(table)
  409.                     table.reload('demo', {
  410.                         where: {
  411.                             companyName: this_.companyName,
  412.                             beginDate: this_.beginDate,
  413.                             endDate: this_.endDate,
  414.                             investorName: this_.investorName,
  415.                         }
  416.                         , page: {
  417.                             curr: 1 //重新从第 1 页开始
  418.                         }
  419.                     });
  420.                 })
  421.  
  422.             },
  423.             TotalConsumption: function () {
  424.                 var this_ = this
  425.                 $.ajax({
  426.                     type: 'post',
  427.                     contentType: 'application/json',
  428.                     url: "/v1/wx/cs/searchcity/investment/report/all/data",
  429.                     success: function (res) {
  430. //                        console.log(res)
  431.                         this_.TotalConsumptionList = res.data
  432.                     },
  433.                     error: function (res) {
  434.                         alert("获取失败")
  435.                     }
  436.                 });
  437.             }
  438.         }
  439.     })
  440. </script>
  441. </body>
  442. </html>

新人--使用layui做的表格，复杂表头，固定列，操作单元格数据计算，点击查询重载表格,可以选择部分或者全部导出的更多相关文章

  1. bootstrap-table固定表头固定列

    1.引入 bootstrap依赖于jquery bootstrap-table依赖于bootstrap,所以都需要引入 2. bootstrap-table有两种方式,html.js <tabl ...

  2. CSS开发技巧(二）：表格合并边框后的单元格宽度计算

    前言: 分离边框模型和合并边框模型是表格的两种模型,它通过以下属性确定: border-collapse:separate(默认值) | collapse | inherit 当采用分离边框模型时,表 ...

  3. jQuery,Table表头固定插件chromatable存在的问题及解决办法

    在最近的项目中需要将表格的表头固定,搜寻了大量的资料,发现chromatable插件还是比较方便的.但是当我在一个页面中多次使用 chromatable固定对个表格的表头时问题就出现了,首先说明系统的 ...

  4. vue中获取滚动table的可视页面宽度，调整表头与列对齐(每列宽度不都相同)

    mounted() { // 在mounted中监听表格scroll事件 this.$refs.scrollTable.addEventListener( 'scroll',(event) => ...

  5. 浅谈js中如何动态添加表头/表列/表格内容

    我想很多童鞋用js动态向表格中添加数据很熟悉,而且也觉得非常简单!是的,对于写页面的童鞋来说,最喜欢写查询的页面了,动态向表格绑定数据.用for循环就可以轻松搞定. 如果我们的业务需求有所变化,可能我 ...

  6. 纯css实现table表格固定列和表头,中间横向滚动的思路-附案例

    最近做的后台管理系统要处理大量的表格 原项目是采用的for循环加拼接字符串的方式实现;导致js代码一大堆;各种单引号和双引号的嵌套;让人头疼;遂引入vue.js;用v-for做模板渲染;工作量顿时减轻 ...

  7. vue表格实现固定表头首列

    前言 最近在做vue移动端项目,需要做一个可以固定表头首列的表格,而且由于一些原因不能使用任何UI插件,网上找了很久也没什么好方法,所以在解决了问题之后,写下了这篇文章供后来人参考,文章有什么错漏的问 ...

  8. layui 数据表格+分页+搜索+checkbox+缓存选中项数据

    在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用. 主要功能是使用数据表格, 做分页,做搜索,  还有checkbox,  支持全选. 当选中一些数据的时候, 数据切换页面数据在切换回来后, ...

  9. vue中 表头 th 合并单元格，且表格列数不定的动态渲染方法

    吐槽 今天,在vue中遇到 复杂表格的渲染 ,需要合并表头th的单元格,且合并单元格的那列的表头数据是动态数据,也就是不知道会有多少个表头列,而这几个表头列还分了好几个子表头. 这个需求在js里用Ju ...

随机推荐

  1. 【MVC框架】——什么是MVC框架

    学习了经典三层之后,认为不论什么一种框架都不再是难的.不管如何,都须要连接数据库.业务逻辑处理.显示.其余的无非就是给三层解耦合.解耦合越到位,这个框架就越easy被接受. 百度百科:MVC全名是Mo ...

  2. 一、Redis 基础命令---总括

    1.redis命令不区分大写和小写.可是KEY区分大写和小写. 2.redis-cli -h 127.0.0.1 -p 6379 依据IP/PORT链接服务端 3.redis-server --por ...

  3. ant整合junit自己主动化測试

    一. 使用Junit进行測试 1. Java业务代码: public class HelloWorld { // 測试返回"world" public String hello() ...

  4. atitit.浏览器插件解决方式----ftp插件 attilax 总结

    atitit.浏览器插件解决方式----ftp插件  attilax 总结 1. 界面概览  D:云盘同步目录p5p5f tp.demo.html1 2. 初始化1 3. 事实调用2 4. 參考2 1 ...

  5. poj1179 区间dp（记忆化搜索写法）有巨坑！

    http://poj.org/problem?id=1179 Description Polygon is a game for one player that starts on a polygon ...

  6. ASIHTTPRequest框架的简单使用

    ASIHttpRequest是一款及其强劲的HTTP訪问开源项目.让简单的API完毕复杂的功能,如:异步请求,队列请求,GZIP压缩.缓存,断点续传,进度跟踪,上传文件.HTTP认证.在新版本号中,还 ...

  7. 当使用Spring MVC @Valid对输入框进行验证的时候，可能会遇到以下的异常：Neither BindingResult nor plain target object for bean name ‘mybean’ available as request attribute

    转自:https://www.cnblogs.com/wenhulu/p/5555457.html 当使用Spring MVC @Valid对输入框进行验证的时候,可能会遇到以下的异常: Neithe ...

  8. 用fiddler不能抓取https及证书无法导出

    本次说的不是首次安装fiddler 1.不管有没有安装成功,先查看有没有安装过证书,有的话删除,重新进行安装 打开fiddler,找到Tools-HTTPS-Athons-Open windows C ...

  9. 关于ssh加密方式的理解

    最近公司服务器被挖矿,所以更换了ssh的连接方式,从之前的密码登陆更换为密钥登陆方式,且禁止了密码登陆.所以在配置这个密钥的过程中,顺带了解了些ssh的原理和相关知识.通用的开源 1.ssh是什么,为 ...

  10. 解决PopupWindow的阴影覆盖问题

    版权声明:本文为xing_star原创文章,转载请注明出处! 本文同步自http://javaexception.com/archives/108 PopupWindow阴影覆盖问题 最近这段时间需求 ...