基于bootstrap 的AceAdmin 1.4版本（iframe修改）

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

基于bootstrap 的AceAdmin 1.4版本（iframe修改）相关推荐

基于Bootstrap Ace模板+bootstrap.addtabs.js的菜单
这几天研究了基于bootstrap Ace模板+bootstra.addtabs.js实现菜单的效果参考了这个人的博客 https://www.cnblogs.com/landeanfen/p/76 ...
boostrap 鼠标滚轮滑动图片_16种基于Bootstrap的css3图片hover效果
bootstrap-image-hover是一款基于Bootstrap的css3图片hover效果.这组图片hover效果共16种特效.同时该特效也支持非Bootstrap版本. 使用方法在页面中引 ...
response+++php,GitHub - FelixHo/SCAP: 基于Bootstrap 3.0（Response）+ThinkPHP3.2的活动分享平台...
SCAP ###基于Bootstrap 3.0(Response)+ThinkPHP3.2的活动分享平台 ######开发周期:7d 版本阶段:Alpha ###Preview [用户登录] [发起活 ...
C#开发微信门户及应用(46)-基于Bootstrap的微信门户应用管理系统功能介绍
在前面介绍很多的微信框架,基本上都采用EasyUI的界面来搭建的微信框架,如随笔<C#开发微信门户及应用(8)-微信门户应用管理系统功能介绍>介绍的一样,不过随着微信的H5应用越来越多,因 ...
html 可编辑表格插件,基于Bootstrap的jquery可编辑表格插件Bootstable
插件描述:Bootstable是一款基于Bootstrap的jquery表格编辑插件.通过该jquery表格编辑插件,会自动为表格添加编辑和删除按钮,使表格可以动态编辑. 更新时间:2019-11-2 ...
Java毕设项目基于Bootstrap的读书网站设计与实现（java+VUE+Mybatis+Maven+Mysql）
Java毕设项目基于Bootstrap的读书网站设计与实现(java+VUE+Mybatis+Maven+Mysql) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + ...
年季度月周日控件html,基于bootstrap按年、季度、年月、年月日的日历插件(原创)...
插件描述:基于bootstrap按年.季度.年月.年月日的日历插件,作为bootstrapdatetimepicker的扩展更新时间:2020-07-02 22:02:19 更新说明:修改yk-da ...
源码推荐:基于uni-app前端框架，开源版本还开源免费商用
今天要给大家介绍一款电商软件,目前有两个主流版本:免费开源版.商业开源版.首先需要和大家普及下什么是开源软件? 提到开源,一定绕不开Linux.Linux 是一款开源软件,我们可以随意浏览和修改它的源 ...
置信区间（Confidence Intervals）是什么？如何计算置信区间？置信区间的两种计算方法是什么？二值样本置信区间如何计算？如何基于bootstrap抽样进行置信区间计算？
置信区间(Confidence Intervals)是什么?如何计算置信区间?置信区间的两种计算方法是什么?二值样本置信区间如何计算?如何基于bootstrap抽样进行置信区间计算? 目录置信区间( ...
基于BootStrap,FortAweSome，Ajax的学生管理系统
一. 基于BootStrap,FortAweSome,Ajax的学生管理系统代码部分 1.students.html <1>html页面文件 <!DOCTYPE html> & ...

基于bootstrap 的AceAdmin 1.4版本（iframe修改）

基于bootstrap 的AceAdmin 1.4版本（iframe修改）相关推荐

最新文章

热门文章