• 团队开发day02


    通过使用layui模板设计主界面的布局。其中最左侧为导航栏,分别为商城,个人商城,发布商品,
    以及订单整个过程的信息,以及海关整个流程的信息。
    问题:其中导航栏中子导航栏会自己打开,还不清楚这个问题。
    <body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
      <div class="layui-header">
        <div class="layui-logo">管理系统</div>
    
        <ul class="layui-nav layui-layout-right">
          <li class="layui-nav-item">
            <a href="javascript:;">
              <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
              tester
            </a>
            <dl class="layui-nav-child">
              <dd><a href="login-3.html" target="frame">个人信息</a></dd>
              <dd><a href="login-3.html" target="frame">退出登录</a></dd>
            </dl>
          </li>
         
        </ul>
      </div>
      
      <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
          <!-- 左侧导航区域(可配合layui已有的垂直导航) -->
          <ul class="layui-nav layui-nav-tree"  lay-filter="test">
            
            <li class="layui-nav-item">
              <a href="table.html" target="frame">商城</a>
            </li>
            <li class="layui-nav-item">
              <a class="" href="javascript:;">个人商城</a>
              <dl class="layui-nav-child">
                <dd><a href="Servlet?method=jisuanji"  target="frame">个人商品</a></dd>
                <dd><a href="add.html"  target="frame">发布商品</a></dd>
              </dl>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
              <a class="" href="javascript:;">货物流程</a>
              <dl class="layui-nav-child">
                <dd><a href="Servlet?method=jisuanji"  target="frame">待处理</a></dd>
                <dd><a href="Servlet?method=ziran"  target="frame">已发货</a></dd>
                <dd><a href="Servlet?method=renwen"  target="frame">已收款</a></dd>
                <dd><a href="Servlet?method=tianwen"  target="frame">全部信息</a></dd>
              </dl>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
              <a class="" href="javascript:;">货物进出海关信息</a>
              <dl class="layui-nav-child">
                <dd><a href="Servlet?method=jisuanji"  target="frame">生成海关申请单</a></dd>
                <dd><a href="Servlet?method=ziran"  target="frame">海关申请通过</a></dd>
                <dd><a href="Servlet?method=renwen"  target="frame">货物进入港口</a></dd>
                <dd><a href="Servlet?method=tianwen"  target="frame">货物离开港口</a></dd>
              </dl>
            </li>
    
           
          </ul>
        </div>
      </div>
      <div class="layui-body">
        <!-- 内容主体区域 -->
               
        <div style="padding: 0px" >
        <iframe id="righFrame" name="frame"  width="100%" height="1000px" scrolling="yes"  style="border:1px solid #CCC;"></iframe>
        </div>
      </div>
      <div class="layui-footer">
        <!-- 底部固定区域 -->
                   底部边界
      </div>
    </div>

    其中代码只是body部门,并没有layui相关文件的引入。

  • 相关阅读:
    更换pip源到国内镜像
    概率图模型学习笔记:HMM、MEMM、CRF
    xgboost入门与实战
    XGBoost浅入浅出
    使用word2vec训练中文词向量
    我为何放弃Gulp与Grunt,转投npm scripts(上)
    POJ 1265:Area
    Android网络缓存的实现思路
    设计模式:单例模式的写法(基础写法和线程安全写法)
    DFA 算法实现关键词匹配
  • 原文地址:https://www.cnblogs.com/cdl-sunshine/p/14903826.html
Copyright © 2020-2023  润新知