easyui自学模板代码
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自学模板代码的更多相关文章
- 反射实体自动生成EasyUi DataGrid模板
用EasyUi Datagrid展示数据的时候总是要一下这样一段代码 <table id="dt" class="easyui-datagrid"> ...
- inputstream和outputstream读写数据模板代码
//读写数据模板代码 byte buffer[] = new byte[1024]; int len=0; while((len=in.read(buffer))>0){ out.write(b ...
- eclipse 中 Servlet 模板代码(其实是代码提示模板)
说的是模板代码,应该说的是提示的模板代码,并不是一新建就会出现模板. 第一步:先建一个Servlet文件,写好自己想要的模板 我的模板如下: 全选并复制,等会要粘贴到Servlet的提示模板中. pa ...
- 用Case类生成模板代码
将类定义为case类会生成许多模板代码,好处在于: ①会生成一个apply方法,这样就可以不用new关键字创建新的实例. ②由于case类的构造函数参数默认是val,那么构造函数参数会自动生成访问方法 ...
- django2用模板代码图标字体丢失报404 cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff
以前开发网站,不是用php就是用c#或java写后端,跟后端繁重麻烦的代码相比,前端的html+css+JavaScript简直就简单的不算技术,相比之下,工作量也不大. 但如果用django框架,使 ...
- 修改servlet的模板代码
实际开发中,这些生成的代码和注释一般我们都用不到的,每次都要手工删除这些注释和代码,很麻烦.下面以MyEclipse 2014(其实版本通用的,都可以修改)为例进行说明如何修改Servlet的模板代码 ...
- c#字符串加载wpf控件模板代码 - 简书
原文:c#字符串加载wpf控件模板代码 - 简书 ResourceManager resManagerA = new ResourceManager("cn.qssq666.Properti ...
- 在pycharm中自定义模板代码,快速输出固定代码块
pycharm中有时会经常输出固定一段代码,为避免每次重复输入,可以自定义一段模板代码,请看以下图教程: 1. 点击 file 里面的 setting 2. 在搜索框输入live,就会显示出 ...
- Flask数据库常见关系模板代码
常见关系模板代码 以下罗列了使用关系型数据库中常见关系定义模板代码 一对多 示例场景: 用户与其发布的帖子(用户表与帖子表) 角色与所属于该角色的用户(角色表与多用户表) 示例代码 class Rol ...
随机推荐
- leetcode 239. 滑动窗口最大值(python)
1. 题目描述 给定一个数组 nums,有一个大小为 k 的滑动窗口从数组的最左侧移动到数组的最右侧.你只可以看到在滑动窗口内的 k 个数字.滑动窗口每次只向右移动一位. 返回滑动窗口中的最大值. 示 ...
- HAProxy、Keepalived 在 Ocatvia 的应用实现与分析
目录 文章目录 目录 Amphora 启动 keepalived 启动 haproxy 最后 Amphora 创建一个 loadbalancer 需要占用一到两台 Amphora Instance 作 ...
- java8 查找字符串中首次出现2次的字母
利用java8的stream函数式编程进行处理 1.实现字母分离 map将整个字符串当成一个单词流来处理 Map<String[], Long> collect14 = Stream.of ...
- Jmeter接口测试系列之测试用例编写和调用
在使用Jmeter进行接口测试时,首先需要根据接口定义,编写响应的接口测试用例,在编写接口测试用例时,我们根据测试的侧重点不同,使用不同的方式编译测试用例. 一种是:整个请求参数作为一个变量,进行测试 ...
- HTML学习之==>DOM操作
DOM(Document Object Model 文档对象模型) 一个web页面的展示,是由html标签组合成的一个页面,dom对象实际就是将html标签转换成了一个文档对象.可以通过dom对象中j ...
- Vue-3D-Model:用简单的方式来展示三维模型
为什么做这个组件 我经常听到前端朋友们抱怨,在网页上展示三维模型太麻烦了.但是这方面的需求又有很多,例如做房地产的需要展示户型.卖汽车的需要展示汽车模型等. 在网页上展示三维模型就只能用WebGL技术 ...
- Docker Toolbox虚拟机文件地址修改 以及镜像加速
Docker Toolbox虚拟机文件地址修改 默认情况下,docker-machine创建的虚拟机文件,是保存在C盘的C:\Users\用户名\.docker\machine\machines\d ...
- 命令行模式和Python交互模式的区别
1.命令行模式: 在Windows开始菜单选择“命令提示符”,就进入到命令行模式,它的提示符类似C:\Users\>: 2.python交互模式 在命令行模式下敲命令python,就看到类似如下 ...
- ubuntu 虚拟机安装
ubuntu16.04.5 LTS 安装 1.下载ubuntu镜像 打开ubuntu官网镜像地址https://launchpad.net/ubuntu/+cdmirrors 在上面中搜索chin ...
- [转帖]Intel Xeon路线图:7nm处理器要上DDR5、PCIe 5.0
Intel Xeon路线图:7nm处理器要上DDR5.PCIe 5.0 https://www.cnbeta.com/articles/tech/849631.htm 在月初的投资者会议上,Intel ...