EasyUi_01

最新推荐文章于 2022-05-05 20:50:41 发布

Mr.Tang先生

最新推荐文章于 2022-05-05 20:50:41 发布

阅读量187

点赞数

分类专栏： XML 文章标签： EasyUi

本文链接：https://blog.csdn.net/qq_44854784/article/details/91488529

版权

初识EasyUi框架

1. EasyUI是什么？

EasyUI是一种第三方组织开发的一款基于jQuery的，简单易用的，功能强大的WEB[后台前端]JavaScript现成的组件库

2、这里用对比来了解EasyUi有什么用？

JS：基于浏览器对web页面中的节点进行操作，比较麻烦

jQuery：基于浏览器简化对web页面中的节点进行操作，做到了write less do more

AJAX：基于浏览器与服务端进行局部刷新的异步通讯编程模式

JSON：简化自定义对象的创建与AJAX数据交换轻量级文本

EasyUI：快速基于现成的组件创建自已的web页面
组件：是指已经由第三方开源组织写好的，直接可以使用的功能界面，例如：layout，tree…
注意：我们学的都是零散的组件，项目中需要将其装配起来，方可构建完整的web页面，EasyUI只是众多前端WEB组件之一

EasyUI入门

下载程序库并导入EasyUI的CSS和Javascript文件到需要的页面

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/easyui5/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/easyui5/themes/icon.css">   
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/easyui5/jquery.min.js"></script>   
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/easyui5/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/index.js"></script>

这里需要注意的是 ${pageContext.request.contextPath } 是全路径名，以免路径出错，还有jquery.min.js必须必须用在jquery.easyui.min.js之前

1、layout布局

index.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="t

最低0.47元/天解锁文章

Mr.Tang先生

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
EasyUi_01

初识EasyUi框架1. EasyUI是什么？EasyUI是一种第三方组织开发的一款基于jQuery的，简单易用的，功能强大的WEB[后台前端]JavaScript现成的组件库2、这里用对比来了解EasyUi有什么用？JS：基于浏览器对web页面中的节点进行操作，比较麻烦jQuery：基于浏览器简化对web页面中的节点进行操作，做到了write less do moreAJAX：基...
复制链接

扫一扫