• 【需求征集系统】打卡(五)


      完成了形式审核预览和提交,部门审核预览和提交。管理界面增设所属(管理员/部门)

      形式审核预览:

       部门审核预览:

       提交界面不做演示。

      给出预览的界面代码:

     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4 <meta charset="UTF-8">
     5 <title>形式审核表</title>
     6 <script type="text/javascript" src="js/jquery.js"></script>
     7 <script type="text/javascript" src="js/cookie.js"></script>
     8 <script src="layui/layui.js"></script>
     9 <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
    10 <style type="text/css">
    11 body{
    12     text-align:center;
    13 }
    14 div{
    15     margin:auto;
    16 }
    17 </style>
    18 <script>
    19     $(function(){
    20         var method="FormalS"
    21         $.ajax({
    22             type:"post",
    23             url:"OrganServlet",
    24             datatype:"json",
    25             data:{"method":method},
    26             success:function(msg){
    27                 var json=JSON.parse(msg);
    28                 size=json.length;
    29                 tr="<tr><th>技术需求名称</th><th>机构全称</th><th>机构属性</th><th>技术需求解决方式</th><th>科技活动类型</th><th></th></tr>";
    30                 $('.head').append(tr);
    31                 for(i=0;i<size;i++){
    32                     $('.main').append("<tr></tr>");
    33                 }
    34                 $('.main tr').each(function(i){
    35                     $(this).append("<td>"+json[i].jsxqmc+"</td>");
    36                     $(this).append("<td>"+json[i].jgmc+"</td>");
    37                     $(this).append("<td>"+json[i].jgsx+"</td>");
    38                     $(this).append("<td>"+json[i].jsxqjjfs+"</td>");
    39                     $(this).append("<td>"+json[i].yjlx+"</td>");
    40                     $(this).append("<td>"+"<button type='button' id='FormalRe' class='layui-btn layui-btn-normal'>审核</button>"+"</td>");
    41                 })
    42                 $('.main button#FormalRe').each(function(i){
    43                     $(this).click(function(){
    44                         location="FormalReview.html?wjid="+json[i].wjid;
    45                     })
    46                 })
    47             },
    48             error:function(){
    49                 alert("请求失败");
    50             }
    51         });
    52     });
    53 </script>
    54 </head>
    55 <body>
    56 <h2>形式审核</h2>
    57 <table class="layui-table"lay-skin="row" lay-even="">
    58     <thead class="head">
    59     </thead>
    60     <tbody class="main"></tbody>
    61 </table>
    62 </body>
    63 </html>

      修改BUG:

      一,layui下form表单会自动提交,导致ajax页面跳转出现错误,在属性上增设onclick="return false";

      二,由于疏忽在设计表结构时,作为用户权限的列名设置为limit,但是limit在MySQL内属于关键字,因此在后台编写SQL语句时直接使用limit会报错,需要改正。

      三,调整了一下表结构,方便后续使用。

  • 相关阅读:
    卫星星下点轨迹Matlab仿真
    ARM反汇编学习
    NS 2.35 柯志亨书实验3笔记TCP UDP模拟 ——计算FTP不同参数:时延、抖动、吞吐率、丢包率awk代码
    NS 2.35 柯志亨书实验4笔记随机数产生
    摄像头驱动学习
    一次输出8bit_n4_m序列Simulink仿真Verilog实现
    NS 2.35 柯志亨书实验3笔记TCP UDP模拟
    FFT2 图像二维FFT含义解释
    有限元FEM求解一维电磁场问题 Rits法 Galerkin法
    python3+pygame实现的2048,非常完整的代码
  • 原文地址:https://www.cnblogs.com/20183711PYD/p/13882304.html
Copyright © 2020-2023  润新知