亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

layui網(wǎng)站后臺(tái)

Original 2019-04-28 14:34:16 334
abstrakt：<!DOCTYPE html><html><head>  <meta charset="utf-8">  <title>后臺(tái)管理系統(tǒng)</title>  <link rel="stylesheet" type="text/css" h

1556433004(1).jpg1556433060(1).jpg1556433091(1).jpg1556433122(1).jpg


<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title>后臺(tái)管理系統(tǒng)</title>

  <link rel="stylesheet" type="text/css" href="../static/plugins/layui/css/layui.css">

<script type="text/javascript" src="../static/plugins/layui/layui.js"></script>

</head>

<body class="layui-layout-body">

<div class="layui-layout layui-layout-admin">

  <div class="layui-header">

    <div class="layui-logo">管理系統(tǒng)</div>

    <!-- 頭部區(qū)域（可配合layui已有的水平導(dǎo)航） -->

    <ul class="layui-nav layui-layout-right">

      <li class="layui-nav-item">

        <a href="javascript:;">

          <img src="http://t.cn/RCzsdCq" class="layui-nav-img">

          admin

        </a>

        <dl class="layui-nav-child">

          <dd><a href="javascript:;" onclick="menubar(this)" src="basics.html">基本資料</a></dd>

          <dd><a href="javascript:;" onclick="menubar(this)" src="set.html">安全設(shè)置</a></dd>

        </dl>

      </li>

      <li class="layui-nav-item"><a href="javascript:;" onclick="logout()">退出</a></li>

    </ul>

  </div>

  

  <div class="layui-side layui-bg-black">

    <div class="layui-side-scroll">

      <!-- 左側(cè)導(dǎo)航區(qū)域（可配合layui已有的垂直導(dǎo)航） -->

      <ul class="layui-nav layui-nav-tree"  lay-filter="test">

        <li class="layui-nav-item">

          <a href="javascript:;">基本設(shè)置</a>

          <dl class="layui-nav-child">

            <dd><a href="javascript:;" onclick="menubar(this)" src="message.html">網(wǎng)站信息</a></dd>

          </dl>

          <dl class="layui-nav-child">

            <dd><a href="javascript:;" onclick="menubar(this)" src="banner.html">幻燈片管理</a></dd>

          </dl>

          <dl class="layui-nav-child">

            <dd><a href="javascript:;" onclick="menubar(this)" src="admin.html">管理員管理</a></dd>

          </dl>

          <dl class="layui-nav-child">

            <dd><a href="javascript:;" onclick="menubar(this)" src="link.html">友情鏈接</a></dd>

          </dl>

        </li>

        <li class="layui-nav-item">

          <a href="javascript:;">權(quán)限管理</a>

          <dl class="layui-nav-child">

            <dd><a href="javascript:;" onclick="menubar(this)" src="menu.html">菜單管理</a></dd>

          </dl>

          <dl class="layui-nav-child">

            <dd><a href="javascript:;" onclick="menubar(this)" src="users.html">用戶管理</a></dd>

          </dl>

        </li>

        <li class="layui-nav-item">

          <a href="javascript:;">產(chǎn)品管理</a>

          <dl class="layui-nav-child">

            <dd><a href="javascript:;" onclick="menubar(this)" src="productCategory.html">產(chǎn)品分類</a></dd>

          </dl>

          <dl class="layui-nav-child">

            <dd><a href="javascript:;" onclick="menubar(this)" src="product.html">產(chǎn)品列表</a></dd>

          </dl>

        </li>

        <li class="layui-nav-item">

          <a href="javascript:;">文章管理</a>

          <dl class="layui-nav-child">

            <dd><a href="javascript:;">文章分類</a></dd>

          </dl>

          <dl class="layui-nav-child">

            <dd><a href="javascript:;">文章列表</a></dd>

          </dl>

        </li>

      </ul>

    </div>

  </div>

  

  <div class="layui-body">

    <!-- 內(nèi)容主體區(qū)域 -->

     <iframe src="aa.html" style="width: 100%;height: 100%;"frameborder="0" scrolling="0" ></iframe>

  </div>

</div>

<script>

//JavaScript代碼區(qū)域

  layui.use(['element','layer'], function(){

    var element = layui.element;

    var layer = layui.layer;

    $=layui.jquery

  });

  function logout(){

    layer.confirm('確定退出嗎？', {

      icon:3,

      btn: ['確定', '取消',] //可以無限個(gè)按鈕

      ,

    }, function(index, layero){

      //按鈕【按鈕一】的回調(diào)

    }, function(index){

      //按鈕【按鈕二】的回調(diào)

    });

  }

  //菜單點(diǎn)擊

  function menubar(obj){

    var src=$(obj).attr('src')

    $('iframe').attr('src',src)

  }

</script>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>菜單管理列表</title>

<link rel="stylesheet" type="text/css" href="../static/plugins/layui/css/layui.css">

<script type="text/javascript" src="../static/plugins/layui/layui.js"></script>

<style type="text/css">

.header{border-bottom: 2px #009688 solid;}

.header span{background: #009688;color: #fff;padding: 11px;margin-left: 30px;line-height:38px;font-size: 16px}

.header button{float: right;margin-right: 20px;margin-top: 5px}

.layui-se{padding-top:20px;}

.thumb{height: 24px;float: right;border: 1px solid #f0f0f0;padding: 1px;}

</style>

</head>

<body style="padding: 10px;">

<div>

  <span>產(chǎn)品分類</span>

  <button class="layui-btn layui-btn-sm" onclick="add()">添加</button>

</div>

<form>

<div>

<div class="layui-form-item layui-t10">

  <label>分類名稱：</label>

  <div>

    <input type="text" name="title" required placeholder="請(qǐng)輸入分類名稱" autocomplete="off"> 

  </div>

   <button class="layui-btn layui-btn-primary"><i>&#xe615;</i> 搜索</button>

   <button class="layui-btn layui-btn-primary">清空</button>

</div>

</div>

<table>

  <thead>

    <tr>

      <th><input type="checkbox" name="" lay-skin="primary" ></th>

      <th>排序</th>

      <th>ID</th>

      <th>分類名稱</th>

      <th>描述</th>

      <th>狀態(tài)</th>

      <th>操作</th>

    </tr>

  </thead>

  <tbody>

      <tr>

        <td><input type="checkbox" name="" lay-skin="primary" ></td>

        <td><input type="text" name="" value="100"></td>

        <td>1</td>

        <td>產(chǎn)品一</td>

        <td>這是好產(chǎn)品</td>

        <td><input type="checkbox" name="" title="隱藏" lay-skin="primary" ></td>

        <td>

         <button class="layui-btn layui-btn-danger layui-btn-sm" onclick="child(1);return false;">修改</button>

         <button class="layui-btn layui-btn-danger layui-btn-sm" onclick="child(1);return false;">刪除</button>

        </td>

      </tr>

   </tbody>

</table>

</form>

</body>

<script>

//JavaScript代碼區(qū)域

  layui.use(['layer','form'], function(){

    var element = layui.element;

    var layer = layui.layer;

    var form = layui.form;

    $ = layui.jquery;

  });

  function child(pid){

    window.location.href="../menu/index.html?pid="+pid

  }

</script>

</html>


<!DOCTYPE html>

<html>

<head>

  <title></title>

  <meta charset="utf-8">

  <link rel="stylesheet" type="text/css" href="../static/plugins/layui/css/layui.css">

  <script type="text/javascript" src="../static/plugins/layui/layui.js"></script>

  <style type="text/css">

   .header span{background: #009688;color: #fff;padding: 10px;line-height:32px;}

     /*.header{border-bottom: 2px #009688 solid;}*/

     .header button{float: right;margin-right: 20px;margin-top: 5px}

     .layui-t10{margin-top: 10px}

     .thumb{height: 36px;float: right;border: 1px solid #f0f0f0;padding: 1px;}

  </style>

</head>

<body style="padding: 10px;">

<div class="header">

  <span>商品列表</span>

  <button class="layui-btn layui-btn-sm" onclick="add()">添加</button>

</div>

<div class="layui-form-item layui-t10">

  <div class="layui-input-inline">

    <input type="text" name="title" required placeholder="請(qǐng)輸入商品名稱" autocomplete="off" class="layui-input"> 

  </div>

   <button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜索</button>

</div>

<form class="layui-form">

<table class="layui-table" >

  <thead>

    <tr>

      <th>ID</th>

      <th>分類</th>

      <th >名稱</th>

      <th>最低價(jià)格</th>

      <th>成本</th>

      <th>PV</th>

      <th>狀態(tài)</th>

      <th>添加時(shí)間</th>

      <th>操作</th>

    </tr>

  </thead>

   <tbody>

      <tr>

        <td>1</td>

        <td>iphone</td>

        <td>Apple iPhone 8 Plus 64GB 紅色特別版 移動(dòng)聯(lián)通電信4G手機(jī)<img src="../uploads/20180524\13b7cee33f10bcdaeeb273f31e2600f5.jpg " class="thumb"

         onmouseover="show_img(this)" onmouseleave="hide_img()"> </td><!-- -->

        <td>5000.00</td>

        <td>3000.00</td>

        <td>3</td>

        <td>正常</td>

        <td>2018-05-24 14:31:04</td>

        <td>

          <button class="layui-btn layui-btn-xs" onclick="add()">編輯</button>

          <button class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">刪除</button>

        </td>

      </tr>

      <tr>

        <td>1</td>

        <td>iphone</td>

        <td>Apple iPhone 8 Plus 64GB 紅色特別版 移動(dòng)聯(lián)通電信4G手機(jī)<img src="../uploads/20180524\13b7cee33f10bcdaeeb273f31e2600f5.jpg " class="thumb"

         onmouseover="show_img(this)" onmouseleave="hide_img()"> </td><!-- -->

        <td>5000.00</td>

        <td>3000.00</td>

        <td>3</td>

        <td>正常</td>

        <td>2018-05-24 14:31:04</td>

        <td>

          <button class="layui-btn layui-btn-xs" onclick="add()">編輯</button>

          <button class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">刪除</button>

        </td>

      </tr>

      <tr>

        <td>1</td>

        <td>iphone</td>

        <td>Apple iPhone 8 Plus 64GB 紅色特別版 移動(dòng)聯(lián)通電信4G手機(jī)<img src="../uploads/20180524\13b7cee33f10bcdaeeb273f31e2600f5.jpg " class="thumb"

         onmouseover="show_img(this)" onmouseleave="hide_img()"> </td><!-- -->

        <td>5000.00</td>

        <td>3000.00</td>

        <td>3</td>

        <td>正常</td>

        <td>2018-05-24 14:31:04</td>

        <td>

          <button class="layui-btn layui-btn-xs" onclick="add()">編輯</button>

          <button class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">刪除</button>

        </td>

      </tr>

    </tbody>

</table>

 <div id="test1"></div>

</form>

  <script type="text/javascript">

    layui.use(['layer','form','laypage'],function(){   

      layer = layui.layer;

      laypage = layui.laypage;

      form = layui.form;

      $ = layui.jquery;


      //執(zhí)行一個(gè)laypage實(shí)例

      laypage.render({

        elem: 'test1' //注意，這里的 test1 是 ID，不用加 # 號(hào)

        ,count: 50 //數(shù)據(jù)總數(shù)，從服務(wù)端得到

      });

    });

   //子菜單跳轉(zhuǎn)

  function child(pid){

    window.location.href="Menu/index.html?pid="+pid

  }


  //1、首先獲取到瀏覽器窗口的位置（相對(duì)于文檔）

    function getMousePos(event) {

       var e = event || window.event;

       var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;

       var scrollY = document.documentElement.scrollTop || document.body.scrollTop;

       var x = e.pageX || e.clientX + scrollX;

       var y = e.pageY || e.clientY + scrollY;

       return { 'x': x, 'y': y };

    }

   //顯示隱藏預(yù)覽圖片


      function show_img(obj){

        var imgurl = $(obj).attr('src')

        var res=getMousePos()

        var html ='<div style="background:#fff;width: 200px;border:solid 1px #ccc;border-radius: 6px;padding: 2px;position: absolute;left:'+res.x+'px;top:'+res.y+'px;z-index:4" id="preview">\

          <img style="width: 100%;border-radius: 6px;" src="'+imgurl+'">\

         </div> '

        $('body').append(html)

      }

      function hide_img(){

        $('#preview').remove()

      }


  </script>

</body>

</html>


Korrigierender Lehrer：查無此人Korrekturzeit：2019-04-30 09:04:52
Zusammenfassung des Lehrers：完成的不錯(cuò)，可以把常用的css樣式寫成公用文件。繼續(xù)加油。

Versionshinweise

Beliebte Eintr?ge