easyui自学模板代码
生活随笔
收集整理的這篇文章主要介紹了
easyui自学模板代码
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
index.jsp源碼
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <c:set var="ctx" value="${pageContext.request.contextPath }" /><!DOCTYPE html> <html><head><meta charset="UTF-8"><title>index</title><!--導(dǎo)入easyui資源文件--><link rel="stylesheet" type="text/css" href="${ctx }/static/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="${ctx }/static/easyui/themes/icon.css"><script type="text/javascript" src="${ctx }/static/easyui/jquery-1.12.0.min.js"></script><script type="text/javascript" src="${ctx }/static/easyui/locale/easyui-lang-zh_CN.js"></script><script type="text/javascript" src="${ctx }/static/easyui/jquery.easyui.min.js"></script></head><body class="easyui-layout"><!--north導(dǎo)航部分start--><div data-options="region:'north',border:false" class="easyui-layout" style="height:50px;background:#B3DFDA;padding:4px;"><div class="easyui-layout"><div style="float: left;"><h2 style="margin-top: 6px;padding-left: 10px;">EasyUI 后臺管理</h2></div><div style="float: right;" id="nav"><ul style="list-style: none;"><li style="float: left;">歡迎你，<strong>超級管理員</strong></li><li style="float: left;margin-left: 10px;"><strong><a href="#" style="text-decoration: none;color:#436EEE;">退出</a></strong></li></ul></div></div></div><!--north導(dǎo)航部分end--><!--west（西）側(cè)邊導(dǎo)航部分start--><div data-options="region:'west',split:true,title:'主菜單'" style="width:150px;padding:2px;"><div class="easyui-accordion" data-options="fit:true,border:true"><div title="客戶管理" data-options="iconCls:'icon-search',selected:false" style="padding:10px;"><ul class="easyui-tree"><li><a href="javascript:;" onclick="addTabByTitle(this)">客戶列表</a></li><li><a href="javascript:;" onclick="addTabByTitle(this)">客戶添加</a></li></ul></div><div title="系統(tǒng)設(shè)置" data-options="iconCls:'icon-ok'" style="padding:10px;"><ul class="easyui-tree"><li><a href="#">客戶列表</a></li><li><a href="">客戶列表</a></li></ul></div><div title="幫助" data-options="iconCls:'icon-help'" style="padding:10px"><ul class="easyui-tree"><li><a href="">客戶列表</a></li></ul></div></div> </div><!--west（西）側(cè)邊導(dǎo)航部分end--><!--south底部部分start--><div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;"><div class="easyui-layout" style="text-align: center;line-height: 27px;">Copyright ?2019-2099 easyui.admin v3.1 All Rights Reserved.本后臺系統(tǒng)由easyui提供前端技術(shù)支持</div></div><!--south底部部分end--><!--center主要部分start--><div data-options="region:'center',title:'控制臺'"><div id="tt" class="easyui-tabs" data-options="tools:'#tab-tools',fit:true" style=""><div title="起始頁" data-options="fit:true,plain:true,selected:true,border:true" style="padding:5px;"></div><div title="客戶列表" data-options="href:'${ctx }/customer/toCustList.action',closable:true" style="padding:10px;"></div></div></div><!--center主要部分end--></body><script type="text/javascript">function addTabByTitle(obj){var title = $(obj).html();alert(title);$('#tt').tabs('add',{title: title,content: '<div style="padding:10px"></div>',closable: true}); }</script> </html>如下
溫馨提示：若看不到圖片，請換Google瀏覽器試試
轉(zhuǎn)載于:https://www.cnblogs.com/zxfei/p/11581351.html
總結(jié)
以上是生活随笔為你收集整理的easyui自学模板代码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 输出日志实例改成用Spring的AOP来
- 下一篇： 也谈如何构建高性能服务端程序