Velocity 模板
芮歌者
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8" />
<title>xx工具</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="${rc.contextPath}/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="${rc.contextPath}/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
<link href="${rc.contextPath}/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="${rc.contextPath}/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css" />
<link href="${rc.contextPath}/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
## <link href="${rc.contextPath}/css/jquery-ui-1.12.1/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<link href="${rc.contextPath}/assets/global/plugins/bootstrap-colorpicker/css/colorpicker.css" rel="stylesheet" type="text/css" />
<link href="${rc.contextPath}/assets/global/plugins/jquery-minicolors/jquery.minicolors.css" rel="stylesheet" type="text/css" />
<!-- END PAGE LEVEL PLUGINS -->
<link href="${rc.contextPath}/assets/global/plugins/datatables/datatables.css" rel="stylesheet" type="text/css" />
<link href="${rc.contextPath}/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
<link href="${rc.contextPath}/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
<!-- BEGIN THEME GLOBAL STYLES -->
<link href="${rc.contextPath}/assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
<link href="${rc.contextPath}/assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
<!-- END THEME GLOBAL STYLES -->
<!-- BEGIN THEME LAYOUT STYLES -->
<link href="${rc.contextPath}/assets/layouts/layout2/css/layout.min.css" rel="stylesheet" type="text/css" />
<link href="${rc.contextPath}/assets/layouts/layout2/css/themes/blue.min.css" rel="stylesheet" type="text/css" id="style_color" />
<link href="${rc.contextPath}/assets/layouts/layout2/css/custom.min.css" rel="stylesheet" type="text/css" />
<!-- END THEME LAYOUT STYLES -->
<link rel="shortcut icon" href="${rc.contextPath}/assets/global/img/gateway.png" />
<!-- 页面自己的CSS所在位子 -->
#foreach($style in $styles)
#set($stylePath="$style")
<link rel="stylesheet" type="text/css" href="$!stylePath">
#end
<!-- BEGIN CORE PLUGINS -->
<script src="${rc.contextPath}/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/global/plugins/bootstrap/js/bootstrap.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="${rc.contextPath}/assets/global/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/global/plugins/jquery-minicolors/jquery.minicolors.min.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/global/scripts/datatable.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/global/plugins/datatables/datatables.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/pages/scripts/ui-bootbox.min.js" type="text/javascript"></script>
## <script src="${rc.contextPath}/js/jquery-ui-1.12.1/jquery-ui.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN THEME GLOBAL SCRIPTS -->
<script src="${rc.contextPath}/assets/global/scripts/app.min.js" type="text/javascript"></script>
<!-- END THEME GLOBAL SCRIPTS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="${rc.contextPath}/assets/pages/scripts/components-color-pickers.min.js" type="text/javascript"></script>
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="${rc.contextPath}/js/prettify/run_prettify.js?autoload=true&skin=sons-of-obsidian&lang=java&ctx=${rc.contextPath}" type="text/javascript"></script>
<script src="${rc.contextPath}/js/prettify/prettify.js" type="text/javascript"></script>
## <script src="${rc.contextPath}/js/zeroclipboard/ZeroClipboard.Core.min.js" type="text/javascript"></script>
<script src="${rc.contextPath}/js/jquery-zclip/jquery.zclip.js" type="text/javascript"></script>
<script src="${rc.contextPath}/tables/table-datatables-ajax.js" type="text/javascript"></script>
<script src="${rc.contextPath}/tables/dialog-ajax.js" type="text/javascript"></script>
<!-- BEGIN THEME LAYOUT SCRIPTS -->
<script src="${rc.contextPath}/assets/layouts/layout2/scripts/layout.min.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/layouts/layout2/scripts/demo.min.js" type="text/javascript"></script>
<script src="${rc.contextPath}/assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
<!-- END THEME LAYOUT SCRIPTS -->
</head>
<!-- END HEAD -->
<body class="page-header-fixed page-sidebar-closed-hide-logo page-container-bg-solid">
<!-- BEGIN HEADER -->
<div class="page-header navbar navbar-fixed-top">
<!-- BEGIN HEADER INNER -->
<div class="page-header-inner ">
<!-- BEGIN LOGO -->
<div class="page-logo">
<a href="index.html">
<img src="${rc.contextPath}/assets/layouts/layout2/img/logo-default.png" alt="logo" class="logo-default" /> </a>
<div class="menu-toggler sidebar-toggler">
<!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
</div>
</div>
<!-- END LOGO -->
<!-- BEGIN RESPONSIVE MENU TOGGLER -->
<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse"> </a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN PAGE TOP -->
<div class="page-top">
<!-- BEGIN TOP NAVIGATION MENU -->
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
<!-- END USER LOGIN DROPDOWN -->
</ul>
</div>
<!-- END TOP NAVIGATION MENU -->
</div>
<!-- END PAGE TOP -->
</div>
<!-- END HEADER INNER -->
</div>
<!-- END HEADER -->
<!-- BEGIN HEADER & CONTENT DIVIDER -->
<div class="clearfix"> </div>
<!-- END HEADER & CONTENT DIVIDER -->
<!-- BEGIN CONTAINER -->
<div class="page-container">
<!-- BEGIN SIDEBAR -->
<div class="page-sidebar-wrapper">
<!-- END SIDEBAR -->
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
<div class="page-sidebar navbar-collapse collapse">
<!-- BEGIN SIDEBAR MENU -->
<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
<!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
#parse("macro/macro.vm")
<ul class="page-sidebar-menu page-header-fixed page-sidebar-menu-hover-submenu " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
<li class="nav-item #menuSelect(['dataReload'])">
<a href="${rc.contextPath}/home" class="nav-link nav-toggle">
<i class="icon-reload"></i>
<span class="title">test1</span>
#menuActive(["dataReload"],false)
</a>
</li>
<li class="nav-item #menuSelect(['user/pwdset','user/usergroupset',"route/apps"])">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-user"></i>
<span class="title">test2</span>
#menuActive(["user/pwdset","user/usergroupset","route/apps"],false)
</a>
<ul class="sub-menu">
<li class="nav-item #menuSelect(['user/pwdset'])">
<a href="${rc.contextPath}/user/pwdset" class="nav-link nav-toggle">
<span class="title">test3</span>
#menuActive(["user/pwdset"],true)
</a>
</li>
<li class="nav-item #menuSelect(['user/usergroupset'])">
<a href="${rc.contextPath}/user/usergroupset" class="nav-link nav-toggle">
<span class="title">test4</span>
#menuActive(["user/usergroupset"],true)
</a>
</li>
<li class="nav-item #menuSelect(['user/setToken'])">
<a href="${rc.contextPath}/user/setToken" class="nav-link nav-toggle">
<span class="title">test5</span>
#menuActive(["user/setToken"],true)
</a>
</li>
<li class="nav-item #menuSelect(['user/changecard'])">
<a href="${rc.contextPath}/user/changecard" class="nav-link nav-toggle">
<span class="title">test6</span>
#menuActive(["user/changecard"],true)
</a>
</li>
<li class="nav-item #menuSelect(['user/envcheck'])">
<a href="${rc.contextPath}/user/envcheck" class="nav-link nav-toggle">
<span class="title">用户环境检查(开发中)</span>
#menuActive(["route/apps"],true)
</a>
</li>
<li class="nav-item #menuSelect(['user/gen'])">
<a href="${rc.contextPath}/user/gen" class="nav-link nav-toggle">
<span class="title">test6</span>
#menuActive(["user/gen"],true)
</a>
</li>
</ul>
</li>
<li class="nav-item #menuSelect(['testPlatform/init'])">
<a href="${rc.contextPath}/testPlatform/init" class="nav-link nav-toggle">
<i class="icon-magnifier"></i>
<span class="title">查询工具</span>
#menuActive(["testPlatform/init"],false)
</a>
<ul class="sub-menu">
<li class="nav-item #menuSelect(['testPlatform/search'])">
<a href="${rc.contextPath}/testPlatform/search" class="nav-link nav-toggle">
<i class="icon-earphones"></i>
<span class="title">redis查询</span>
#menuActive(["testPlatform/search"],true)
</a>
</li>
<li class="nav-item #menuSelect(['testPlatform/search'])">
<a href="${rc.contextPath}/testPlatform/search" class="nav-link nav-toggle">
<i class="icon-envelope"></i>
<span class="title">短信查询</span>
#menuActive(["testPlatform/search"],true)
</a>
</li>
</ul>
</li>
<li class="nav-item #menuSelect(['testPlatform/init'])">
<a href="${rc.contextPath}/testPlatform/init" class="nav-link nav-toggle">
<i class="icon-compass"></i>
<span class="title">辅助工具</span>
#menuActive(["testPlatform/init"],false)
</a>
<ul class="sub-menu">
<li class="nav-item #menuSelect(['testPlatform/search'])">
<a href="${rc.contextPath}/testPlatform/search" class="nav-link nav-toggle">
<i class="icon-user"></i>
<span class="title">SmartLogin</span>
#menuActive(["testPlatform/search"],true)
</a>
</li>
<li class="nav-item #menuSelect(['testPlatform/search'])">
<a href="${rc.contextPath}/testPlatform/search" class="nav-link nav-toggle">
<i class="icon-speedometer"></i>
<span class="title">JobManager</span>
#menuActive(["testPlatform/search"],true)
</a>
</li>
</ul>
</li>
<li class="nav-item #menuSelect(['product/be_search','user/search'])">
<a href="javascript:;" class="dropdown-toggle">
<i class="icon-globe"></i>
<span class="title">数据工厂</span>
<b class="arrow fa fa-angle-down"></b>
#menuActive(['product/be_search','user/search'],false)
</a>
<b class="arrow"></b>
<ul class="sub-menu">
<li class="">
<a href="${rc.contextPath}/product/be_search" class="dropdown-toggle">
<i class="menu-icon fa fa-caret-right"></i>
产品
<b class="arrow fa fa-angle-down"></b>
</a>
<b class="arrow"></b>
<ul class="sub-menu">
<li class="">
<a href="${rc.contextPath}/product/be_search">
<i class="icon-info"></i>
查询
</a>
</li>
<li class="">
<a href="top-menu.html">
<i class="icon-magnet"></i>
修改
</a>
</li>
<li class="">
<a href="top-menu.html">
<i class="icon-paper-plane"></i>
生成
</a>
</li>
</ul>
</li>
<li class="">
<a href="${rc.contextPath}/product/be_search" class="dropdown-toggle">
<i class="menu-icon fa fa-caret-right"></i>
用户
<b class="arrow fa fa-angle-down"></b>
</a>
<b class="arrow"></b>
<ul class="sub-menu">
<li class="">
<a href="${rc.contextPath}/user/search">
<i class="icon-info"></i>
查询
</a>
</li>
<li class="">
<a href="top-menu.html">
<i class="icon-magnet"></i>
修改
</a>
</li>
<li class="">
<a href="top-menu.html">
<i class="icon-paper-plane"></i>
生成
</a>
</li>
</ul>
</li>
<li class="">
<a href="${rc.contextPath}/product/be_search" class="dropdown-toggle">
<i class="menu-icon fa fa-caret-right"></i>
场景
<b class="arrow fa fa-angle-down"></b>
</a>
<b class="arrow"></b>
</li>
</ul>
</li>
</ul>
<!-- END SIDEBAR MENU -->
</div>
<!-- END SIDEBAR -->
</div>
<!-- END SIDEBAR -->
<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
<!-- BEGIN CONTENT BODY -->
<div class="page-content">
<!-- BEGIN PAGE HEADER-->
<div class="page-bar">
<ul class="page-breadcrumb">
<li>
<i class="icon-home"></i>
<a href="${rc.contextPath}/home">$!nav_main</a>
#if( "$!nav_sub" != "")
<i class="fa fa-angle-right"></i>
#end
</li>
<li>
<span>$!nav_sub</span>
</li>
</ul>
#if( "$!action_vm" != "")
#parse($action_vm)
#end
</div>
<!-- END PAGE HEADER-->
$screen_content
</div>
<!-- END CONTENT BODY -->
</div>
<!-- END CONTENT -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
<div class="page-footer-inner"> 2017 © Lufax.</div>
<div class="scroll-to-top">
<i class="icon-arrow-up"></i>
</div>
</div>
<!-- END FOOTER -->
<!--[if lt IE 9]>
<script src="${rc.contextPath}/assets/global/plugins/respond.min.js"></script>
<script src="${rc.contextPath}/assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
<!-- 页面自己的JS所在位子 -->
#foreach($script in $scripts)
#set($scriptPath="$script")
<script type="text/javascript" src="$!scriptPath"></script>
#end
</body>
</html>
类似资料：