生活随笔
收集整理的這篇文章主要介紹了
基于bootstrap 的AceAdmin 1.4版本（iframe修改）
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
AceAdmin 界面簡潔，適合于后端開發(fā)者的快速搭建
官方地址：
http://ace.jeka.by/timeline.html
這邊我下載了ace Admin的1.4版本，并參考其他資料修改了比較常用的iframe的版本，并已項(xiàng)目的形式，可運(yùn)行。
主要代碼：
<%@ 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>賬號(hào)管理</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>權(quán)限分配</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">倉儲(chǔ)</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
總結(jié)
以上是生活随笔為你收集整理的基于bootstrap 的AceAdmin 1.4版本（iframe修改）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。
