每日日报2021.10.25

完成内容：

1.编写大作业第一阶段

<!DOCTYPE html>
<html lang="zxx">

<!-- Head -->

<head>

  <title>登录</title>

  <!-- Meta-Tags -->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <!-- style CSS -->
  <link rel="stylesheet" href="LoginCss/css/style.css" type="text/css" media="all">

  <!-- fontawesome -->
  <link rel="stylesheet" href="LoginCss/css/font-awesome.min.css" type="text/css" media="all">

  <!-- google fonts -->
  <link href="//fonts.googleapis.com/css?family=Mukta:300,400,500" rel="stylesheet">

</head>
<!-- //Head -->

<!-- Body -->

<body>

<section class="main">
  <div class="bottom-grid">

  </div>
  <!-- register -->
  <div class="w3lhny-register">

    <form action="servlet?method=login" method="post" class="register-form">
    <fieldset>
      <div class="form">
        <div class="form-row">
          <span class="fa fa-user"></span>

          <input type="text" class="form-text" name="id" placeholder="ID" required="">
        </div>

        <div class="form-row">
          <span class="fa fa-lock"></span>

          <input type="password" class="form-text" name="password" placeholder="Password" required="">
        </div>
        <div class="form-row button-login">
          <button class="btn btn-login">登录</button>
        </div>
      </div>
    </fieldset>
    </form>




    <p class="already">没有账号？点我<a href="#">注册</a></p>
  </div>
  <!-- //register -->
  <div class="w3l-copyright">
    <p>© 石家庄铁道大学软件工程有限公司 |<a href="">公司官网</a>
    </p>
  </div>
</section>

</body>
<!-- //Body -->

</html>

table

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<table class="layui-hide" id="test" lay-filter="demoEvent"></table>
<script src="layui/layui.js"></script>
<script src="js/jquery.js"></script>
<script>
    const paramsStr = window.location.search
    const params = new URLSearchParams(paramsStr)
    var tabname=params.get('tabname')
    layui.use('table', function () {
        var table = layui.table;

        table.render({
            elem: '#test'
            , url: 'servlet?method=PopTable&tabname='+tabname
            , cellMinWidth: 200 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , cols: [[
                {field: 'ywname', width: 160, title: '英文名称', sort: true,align: 'center'}
                , {field: 'zwname', width: 160, title: '中文名称',edit: 'text'}
                , {field: 'danwei', width: 80, title: '单位'}
                , {field: 'zdtype', width: 80, title: '字段类型'}
                , {field: 'beizhu', width: 160, title: '备注',event: 'setbeizhu',style:'cursor: pointer;'}
                , {field: 'ispri', width: 60 , title: '主键'}
                , {field: 'chtime', width: 160, title: '修改时间'}
                ,{fixed: 'right', title:"操作", width:100, align:'center', toolbar: '#barDemo'}
                ,{fixed: 'right', title:"操作", width:100, align:'center', toolbar: '#barDemo2'}
            ]]

        });
        layui.use('table', function(){
            var table = layui.table;
            //监听单元格事件
            table.on('tool(demoEvent)', function(obj){
                var data = obj.data;
                if(obj.event === 'setbeizhu'){
                    layer.prompt({
                        formType: 2
                        ,title: '修改字段为 ['+ data.ywname +']的备注'
                        ,value: data.beizhu
                    }, function(value, index){
                        layer.close(index);

                        //这里一般是发送修改的Ajax请求
                        ChangePopWindowBeizhu(tabname,data.ywname,value);
                        //同步更新表格和缓存对应的值
                        obj.update({
                            beizhu: value
                        });
                    });
                }
                else if(obj.event === 'del'){
                    layer.confirm('确定删除这个字段吗？', function(index){
                        DeleteOneZiDuan(tabname,data.ywname);
                        obj.del();
                        layer.close(index);
                    });
                }
            });
        });

    });

</script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script>
    layui.use('table', function(){
        var table = layui.table;
        //监听单元格事件
        table.on('tool(demoEvent)', function(obj){
            var data = obj.data;
            if(obj.event === 'setbeizhu'){
                layer.prompt({
                    formType: 2
                    ,title: '修改字段为 ['+ data.ywname +']的备注'
                    ,value: data.beizhu
                }, function(value, index){
                    layer.close(index);

                    //这里一般是发送修改的Ajax请求
                    ChangePopWindowBeizhu(tabname,data.ywname,value);
                    //同步更新表格和缓存对应的值
                    obj.update({
                        beizhu: value
                    });
                });
            }

        });
    });
</script>
<script>
    function DeleteOneZiDuan(TName,YWName){
        var url = "servlet?method=DeleteOneZiDuan&tabname="+TName+"&ywname="+YWName;
        $.ajax({
            type: "get",
            url: url,
            data:[],
            dataType: "json",
            success: function(result){

            },
            error: function(){
                alert("error");
            }
        });
    }
</script>
<script>
    function ChangePopWindowBeizhu(tabname,data,value){
        var url = "servlet?method=ChangePopWindowBeizhu&tabname="+tabname+"&ywname="+data+"&value="+value;
        $.ajax({
            type: "get",
            url: url,
            data:[],
            dataType: "json",
            success: function(result){

            },
            error: function(){
                alert("error");
            }
        });
    }
</script>
</body>
</html>

遇到问题：
无
目标：继续完成任务

posted @ 2021-10-25 20:13 1905-1雷宇阅读(29) 评论(0) 收藏举报

刷新页面返回顶部

1905-1雷宇

每日日报2021.10.25

公告