zoukankan      html  css  js  c++  java
  • 数据库程序设计第三天--框架搭建(layui)

    一、说在前面

      今天目标完成后台框架的搭建,使用layUI的接口来搭建。

    二、任务进度

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ page import="Bean.*" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
      <title>后台布局</title>
      <link rel="stylesheet" href="layui/layui.css" >
      <script src="js/jquery-1.11.0.min.js"></script>
    <title>隔离人员管理系统</title>
    <style>
        /* #location{
            display:none;
        } */
    </style>
    </head>
    <script>
        function onloadF(){
            //alert("登陆成功,欢迎您!");
            <%Object bean= request.getAttribute("bean"); %> 
            var level=${bean.level};
            //alert(level);
            if(level==0){
                //alert("我是管理员")
                document.getElementById('location').setAttribute("display","none")
            }
        } 
    </script>
    <body class="layui-layout-body" onload="onloadF()">
    <% 
        Object message = request.getAttribute("message");
        if(message!=null && !"".equals(message)){
    %>
        <script type="text/javascript">
            alert("<%=request.getAttribute("message")%>");
        </script>
    <%
    } 
    %>
    <div class="layui-layout layui-layout-admin">
      <div class="layui-header">
        <div class="layui-logo">隔离人员管理系统</div>
        <!-- 头部区域(可配合layui已有的水平导航) -->
        <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">
             Yogurt
            </a>
            <dl class="layui-nav-child">
              <dd><a href="">基本资料</a></dd>
              <dd><a href="">安全设置</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item"><a href="index.html">退出</a></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">
          <c:if test="${bean.level ==0}">
          <li class="layui-nav-item " id="admin">
              <a class="" href="javascript:;">管理员权限</a>
              <dl class="layui-nav-child" >
                <dd><a href="adminShowServlet" target="frame" >用户信息管理</a></dd>
                <dd><a href="isolatedAreaShowServlet" target="frame">隔离地区信息管理</a></dd>
                <dd><a href="peopleShowServlet" target="frame">隔离人员信息管理</a></dd>
              </dl>
            </li>
          </c:if>
           <c:if test="${bean.level ==1}">
           <li class="layui-nav-item" id="location" >
              <a href="javascript:;">隔离地权限</a>
              <dl class="layui-nav-child">
                <dd><a href="areaShowServlet?wname=${bean.account}" target="frame">隔离人员信息管理</a></dd>
                <dd><a href="areaMessegServlet?wname=${bean.account}" target="frame">隔离地信息</a></dd>
              </dl>
            </li>
           </c:if>
           <c:if test="${bean.level ==2}">
            <li class="layui-nav-item" id="people">
              <a href="javascript:;">隔离人员权限</a>
              <dl class="layui-nav-child">
                <dd><a href="personalShowServlet?pname=${bean.account}" target="frame">个人信息</a></dd>
                <dd><a href="personalMessegShow?pname=${bean.account}" target="frame">隔离记录</a></dd>
              </dl>
            </li>
           </c:if>
            
            
          </ul>
        </div>
      </div>
      <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 10px" >
        <iframe id="righFrame" name="frame"  width="100%" height="550px" scrolling="no"  style="border:0px solid #CCC;"></iframe> 
        </div>
      </div>
      <div class="layui-footer">
        <!-- 底部固定区域 -->
                   底部边界
      </div>
    </div>
    <script src="layui/layui.all.js"></script>
    <script>
    //JavaScript代码区域
    layui.use('element', function(){
      var element = layui.element;
      
    });
    </script>
    </body>
    </html>
    houtai
  • 相关阅读:
    matlab--“下标索引必须为正整数类型或逻辑类型”
    将中缀表达式转化为后缀表达式
    MATLAB那些常见的命令
    关于实现线程同步的几种方式
    关于http协议
    小白学习之activiti工作流入门
    小白- jquery 学习笔记
    小白-Javascript学习笔记
    小白-css笔记
    小白- html笔记
  • 原文地址:https://www.cnblogs.com/suanai/p/13540183.html
Copyright © 2011-2022 走看看