AceAdmin 界面简洁,适合于后端开发者的快速搭建
官方地址:
http://ace.jeka.by/timeline.html
这边我下载了ace Admin的1.4版本,并参考其他资料修改了比较常用的iframe的版本,并已项目的形式,可运行。
主要代码:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="sitemesh" uri="http://www.opensymphony.com/sitemesh/decorator" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title> 模板</title>
<meta name="description" content="" />
</head>
<body>
<div class="navbar" id="navbar">
<div class="navbar-container ace-save-state" id="navbar-container">
<div class="navbar-header pull-left">
<a href="" class="navbar-brand">
<small>
<i class="fa fa-leaf"></i>
Ace Admin
</small>
</a>
</div>
</div>
</div>
<!-- 主容器 -->
<div class="main-container" id="main-container">
<script type="text/javascript">
try{ace.settings.loadState('main-container')}catch(e){}
</script>
<div class="sidebar responsive ace-save-state" id="sidebar">
<script type="text/javascript">
try{ace.settings.loadState('sidebar')}catch(e){}
</script>
<ul class="nav nav-list">
<li class="active open">
<a href="javascript:;" class="dropdown-toggle">
<i class="menu-icon fa fa-list"></i>
<span class="menu-text">用户列表</span>
<b class="arrow fa fa-angle-down"></b>
</a>
<b class="arrow"></b>
<ul class="submenu">
<li class="active">
<a href="${ctx}/user/list" class="J_menuItem">
<i class="menu-icon fa fa-caret-right"></i>
人员信息
</a>
<b class="arrow"></b>
</li>
<li class="">
<a href="${ctx}/user/list" class="J_menuItem">
<i class="menu-icon fa fa-caret-right"></i>
账号管理
</a>
<b class="arrow"></b>
</li>
<li class="">
<a href="${ctx}/user/list" class="J_menuItem">
<i class="menu-icon fa fa-caret-right"></i>
权限分配
</a>
<b class="arrow"></b>
</li>
</ul>
</li>
<li class="">
<a href="javascript:;" class="dropdown-toggle">
<i class="menu-icon fa fa-list"></i>
<span class="menu-text">仓储</span>
<b class="arrow fa fa-angle-down"></b>
</a>
<b class="arrow"></b>
<ul class="submenu">
<li class="">
<a href="${ctx}/user/list" class="J_menuItem">
<i class="menu-icon fa fa-caret-right"></i>
库存列表
</a>
<b class="arrow"></b>
</li>
<li class="">
<a href="${ctx}/user/list" class="J_menuItem">
<i class="menu-icon fa fa-caret-right"></i>
出入库日志记录
</a>
<b class="arrow"></b>
</li>
<li class="">
<a href="${ctx}/user/list" class="J_menuItem">
<i class="menu-icon fa fa-caret-right"></i>
入库
</a>
<b class="arrow"></b>
</li>
</ul>
</li>
<li class="">
<a href="${ctx}/user/list" class="dropdown-toggle J_menuItem">
<i class="menu-icon fa fa-list"></i>
<span class="menu-text">管理</span>
<b class="arrow"></b>
</a>
<b class="arrow"></b>
</li>
</ul>
<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
<i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
</div>
</div>
<div class="main-content">
<script type="text/javascript">
try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
</script>
<ul class="breadcrumb">
<li>
<i class="ace-icon fa fa-home home-icon"></i>
<a href="#">Home</a>
</li>
</ul>
<div class="page-content">
<div class="row J_mainContent" id="content-main">
<iframe onload="iframeChange()" id="J_iframe" class="J_iframe" name="iframe0" width="100%" height="100%" src="" frameborder="0" data-id="index_v1.html" seamless></iframe>
</div>
</div>
</div>
<div class="footer"></div>
<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>
</div>
</body>
</html>
<div class="page-content">
<div class="row J_mainContent" id="content-main">
<iframe onload="iframeChange()" id="J_iframe" class="J_iframe" name="iframe0" width="100%" height="100%" src="" frameborder="0" data-id="index_v1.html" seamless></iframe>
</div>
</div>
参考文档:
https://www.cnblogs.com/LeeScofiled/p/6733625.html