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>

		<!--导入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导航部分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导航部分end-->

		<!--west（西）侧边导航部分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="系统设置" 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（西）侧边导航部分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.

				本后台系统由easyui提供前端技术支持

			</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浏览器试试

easyui自学模板代码的更多相关文章

  1. 反射实体自动生成EasyUi DataGrid模板

    用EasyUi Datagrid展示数据的时候总是要一下这样一段代码 <table id="dt" class="easyui-datagrid"> ...

  2. inputstream和outputstream读写数据模板代码

    //读写数据模板代码 byte buffer[] = new byte[1024]; int len=0; while((len=in.read(buffer))>0){ out.write(b ...

  3. eclipse 中 Servlet 模板代码（其实是代码提示模板）

    说的是模板代码,应该说的是提示的模板代码,并不是一新建就会出现模板. 第一步:先建一个Servlet文件,写好自己想要的模板 我的模板如下: 全选并复制,等会要粘贴到Servlet的提示模板中. pa ...

  4. 用Case类生成模板代码

    将类定义为case类会生成许多模板代码,好处在于: ①会生成一个apply方法,这样就可以不用new关键字创建新的实例. ②由于case类的构造函数参数默认是val,那么构造函数参数会自动生成访问方法 ...

  5. django2用模板代码图标字体丢失报404 cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff

    以前开发网站,不是用php就是用c#或java写后端,跟后端繁重麻烦的代码相比,前端的html+css+JavaScript简直就简单的不算技术,相比之下,工作量也不大. 但如果用django框架,使 ...

  6. 修改servlet的模板代码

    实际开发中,这些生成的代码和注释一般我们都用不到的,每次都要手工删除这些注释和代码,很麻烦.下面以MyEclipse 2014(其实版本通用的,都可以修改)为例进行说明如何修改Servlet的模板代码 ...

  7. c#字符串加载wpf控件模板代码 - 简书

    原文:c#字符串加载wpf控件模板代码 - 简书 ResourceManager resManagerA = new ResourceManager("cn.qssq666.Properti ...

  8. 在pycharm中自定义模板代码,快速输出固定代码块

    pycharm中有时会经常输出固定一段代码,为避免每次重复输入,可以自定义一段模板代码,请看以下图教程: 1.  点击 file   里面的   setting 2. 在搜索框输入live,就会显示出 ...

  9. Flask数据库常见关系模板代码

    常见关系模板代码 以下罗列了使用关系型数据库中常见关系定义模板代码 一对多 示例场景: 用户与其发布的帖子(用户表与帖子表) 角色与所属于该角色的用户(角色表与多用户表) 示例代码 class Rol ...

随机推荐

  1. 性能测试工具之Apache ab

    一.apache ab简介 ab全称ApacheBench,是著名的Web服务器软件apache附带的一款非常简单的压力测试工具,它可以同时模拟多个并发请求,测试Web服务器最大承受压力.Apache ...

  2. django.core.exceptions.AppRegistryNotReady: Models aren't loaded yet.的解决办法

    如题,这个错误的解决办法如下: 在代码文件的最上方添加以下代码: import os,django os.environ.setdefault("DJANGO_SETTINGS_MODULE ...

  3. nslookup的安装方法

    1.直接使用yum安装,没有找到:yum install nslookup 2.yum provides nslookup查询nslookup在哪个套件里面 3.根据上面的提示,在"*/ns ...

  4. SSTap | ProxyCap

    SSTap  SSTap 全称 SOCKSTap, 是一款利用虚拟网卡技术在网络层实现的代理工具.SSTap 能在网络层拦截所有连接并转发给 HTTP, SOCKS4/5, SHADOWSOCKS(R ...

  5. CSS3—— 分页 框大小 弹性盒子 多媒体查询 多媒体查询实例

    分页 网站有很多个页面,就需要使用分页来为每个页面做导航 点击及鼠标悬停分页样式 圆角样式 悬停过度效果 带边框的分页 分页间隔 分页字体大小 居中分页 面包屑导航 框大小 box-sizing 属性 ...

  6. CentOSLinux系统Nginx优化

    Nginx优化 Auther:Rich七哥 Nginx优化一.Nginx隐藏版本号:二.网页缓存.连接超时.网页压缩传输:配置连接超时:3.网页压缩传输:三.访问控制.定义错误页面.自动索引.目录别名 ...

  7. MyBatis框架 课程笔记

    MyBatis框架 课程笔记   第1章 MyBatis简介 1.1 MyBatis历史 1)MyBatis是Apache的一个开源项目iBatis, 2010年6月这个项目由Apache Softw ...

  8. typescript是否可以直接编译执行？

    算是个有趣的小问题,由于必须依赖node.js,typescript理论上是不能不转成js直接运行的.

  9. JAVA基础--JAVA 集合框架（泛型、file类）

    一.集合总结 集合:Collection体系.Map体系. Collection体系:单列集合的共性操作规则. List:列表,可以重复,有下标,拥有特有的迭代器ListIterator. Array ...

  10. 关系型数据库为什么喜欢使用B+树作为索引结构？ (转)

    问题1. 数据库为什么要设计索引? 图书馆存了1000W本图书,要从中找到<架构师之路>,一本本查,要查到什么时候去? 于是,图书管理员设计了一套规则: (1)一楼放历史类,二楼放文学类, ...