easyui(一)

最新推荐文章于 2023-04-25 23:52:50 发布

xiang猪~

最新推荐文章于 2023-04-25 23:52:50 发布

阅读量302

点赞数 1

分类专栏：学习内容

本文链接：https://blog.csdn.net/xfz610614/article/details/97618089

版权

一.UI框架

easyui=jquery+html4（用来做后台的管理界面）
bootstrap=jquery+html5
layui

二.案例

要求：

通过layout布局
通过tree加载菜单
通过菜单去打开不同的tab页
开始步骤：
导入资料里文件

打开API将内容复制到jsp页面

找到对应的文件路径改成如下

jsp页面代码：

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/easyui5/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/easyui5/themes/icon.css">   
<script type="text/javascript" src="${pageContext.request.contextPath}/static/easyui5/jquery.min.js"></script>   
<script type="text/javascript" src="${pageContext.request.contextPath}/static/easyui5/jquery.easyui.min.js"></script>  
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/index.js"></script>  
<title>后台管理主界面</title>
</head>
<body class="easyui-layout">
	<div data-options="region:'north',border:false"
		style="height: 60px; background: #B3DFDA; padding: 10px">north
		region</div>
	<div data-options="region:'west',split:true,title:'West'"
		style="width: 150px; padding: 10px;">
		
		左侧的菜单栏加载区域
		<ul id="tt"></ul>  
		
		</div>
	<div
		data-options="region:'east',split:true,collapsed:true,title:'East'"
		style="width: 100px; padding: 10px;">east region</div>
	<div data-options=&

最低0.47元/天解锁文章

xiang猪~

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
easyui(一)

一.UI框架easyui=jquery+html4（用来做后台的管理界面）bootstrap=jquery+html5layui二.案例要求：通过layout布局通过tree加载菜单通过菜单去打开不同的tab页开始步骤：导入资料里文件打开API将内容复制到jsp页面找到对应的文件路径改成如下jsp页面代码：<%@ page language="jav...
复制链接

扫一扫