EasyUi_01

最新推荐文章于 2022-05-05 20:50:41 发布
最新推荐文章于 2022-05-05 20:50:41 发布
阅读量180 收藏
点赞数
分类专栏： XML 文章标签： EasyUi
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：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="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="${
最低0.47元/天 解锁文章
Mr.Tang先生
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
EasyUI(一)
lei_lin的博客
06-28 1万+
什么是EasyUI? jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签 EasyUI的特点： jQuery EasyUI为提供了大多数UI控件的使用，如：accord...
easyUI_01
weixin_65479202的博客
05-04 347
是超级简单好学的easyUI呀~~~
[one_demo_14]一个简单的easyui的demo
HelloWorld
07-26 605
在webapp下添加了jquey和easyui的相关文件后。 &lt;%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "ht
Jimoshi_用easyui做Struts2+Hibenate4学生实体类（Student）的增删改
Jimoshi
06-19 903
Jimoshi成长经历：前面的笔记后面再慢慢整理-------方便自己 引言：只是为了完成简单的增删改功能，可能有很多bug，就不慢慢调了 目录：创建整合maven项目（Test项目）、映射Student表在对应的hibernate数据库中、模拟数据库表数据加载对应请求数据到index.jsp页面、完成添加学生实体类的功能、完成删除学生实体类的功能、完成修改学生实体类的功能 一、创建
easyui_01(基本布局)
qq_65716482的博客
05-05 156
一、什么是easyui： jQuery EasyUI是一组基于jQuery的UI插件合体，能帮助web开发者更方便的打造出功能丰富并且美观的UI界面。 二、为什么要用它： ①使用easyui 不需要写很多代码，只需要编写一些简单HTML标记，就可以定义用户界面。 ②easyui是个完美支持HTML5网页的完整框架。 ③easyui能节省网页开发的时间和规则。 ④easyui很简单但功能很强大，容易上手。 三、用在什么地方： 适合用在：后台管理界面 不适合用在：前台项目界面 四、思维导图：
jQuery EasyUI_01 快速入门 基础入门&使用
m0_60786924的博客
05-05 1399
一、jQuery EasyUI 简介 1. jQuery EasyUI简介：封装大量的jQuery插件(简化ajax，jquery，css样式，布局) 2. jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件。 什么是 jQuery EasyUI jQuery EasyUI 框架提供了创建网页所需的一切，帮助您轻松建立站点。 easyui 是一个基于 jQuery 的框架，集成了各种用户界面插件。 easyui 提供......
EasyUI_01-src.zip
10-24
EasyUI_01-src.zip
EasyUI入门教程--第01课_EasyUI简介.avi
04-20
EasyUI入门教程--第01课_EasyUI简介.avi，这是由孙宇老师录制的视频，现在很难找了，讲得很详细，授人以鱼，不如授人以渔。 第01课(大概介绍一下easyui，和组织的地址，官方网站等) 第02课(介绍easyloader组件和...
aspnet Easyui开发框架源码
03-18
01 Reference DLL 这里主要包括第三方的框架和组件项目，把这些文件分门别类地集中放在此目录下。 02 Solution Items 项目的规范、流程、重要文件等。 03 Test 这里主要放置测试需要的一些信息，如测试版本、测试...
easyui详细笔记01之群和学习网站
06-21
这是自己学习easyui留下来的详细笔记，从陌生到熟悉，记录下了点点滴滴。本人还上传了其他详细笔记，欢迎光顾
李炎恢JQueryEasyUI视频培训教程_EasyUI是基于jQuery的UI插件集合
07-22
教程名称： 李炎恢JQuery EasyUI视频培训教程_EasyUI是基于jQuery的UI插件集合01.[jQuery EasyUI]第1章 jQuery EasyUI入门02.[jQuery EasyUI]第2章 使用EasyUI03.[jQuery EasyUI]第3章 Draggable(拖动)组件04....
<link rel="stylesheet" type="text/css" href="css/index.css">是啥意思？
热门推荐
进击的WEB前端-小黄毛
09-24 2万+
整条语句的意思就是：调用一个外部的CSS样式文件。他是通过这个标签来调用的。 然后， href="css/index.css" 表示外部样式文件的路径，rel="stylesheet"表示调用的是一种样式。 最后，type="text/css" 就具体说明调用样式的文件类型为CSS样式！
一个基于C语言的简易学生管理系统.zip
06-15
C语言是一种广泛使用的编程语言，它具有高效、灵活、可移植性强等特点，被广泛应用于操作系统、嵌入式系统、数据库、编译器等领域的开发。C语言的基本语法包括变量、数据类型、运算符、控制结构（如if语句、循环语句等）、函数、指针等。在编写C程序时，需要注意变量的声明和定义、指针的使用、内存的分配与释放等问题。C语言中常用的数据结构包括： 1. 数组：一种存储同类型数据的结构，可以进行索引访问和修改。 2. 链表：一种存储不同类型数据的结构，每个节点包含数据和指向下一个节点的指针。 3. 栈：一种后进先出（LIFO）的数据结构，可以通过压入（push）和弹出（pop）操作进行数据的存储和取出。 4. 队列：一种先进先出（FIFO）的数据结构，可以通过入队（enqueue）和出队（dequeue）操作进行数据的存储和取出。 5. 树：一种存储具有父子关系的数据结构，可以通过中序遍历、前序遍历和后序遍历等方式进行数据的访问和修改。 6. 图：一种存储具有节点和边关系的数据结构，可以通过广度优先搜索、深度优先搜索等方式进行数据的访问和修改。 这些数据结构在C语言中都有相应的实现方式，可以应用于各种不同的场景。C语言中的各种数据结构都有其优缺点，下面列举一些常见的数据结构的优缺点： 数组： 优点：访问和修改元素的速度非常快，适用于需要频繁读取和修改数据的场合。 缺点：数组的长度是固定的，不适合存储大小不固定的动态数据，另外数组在内存中是连续分配的，当数组较大时可能会导致内存碎片化。 链表： 优点：可以方便地插入和删除元素，适用于需要频繁插入和删除数据的场合。 缺点：访问和修改元素的速度相对较慢，因为需要遍历链表找到指定的节点。 栈： 优点：后进先出（LIFO）的特性使得栈在处理递归和括号匹配等问题时非常方便。 缺点：栈的空间有限，当数据量较大时可能会导致栈溢出。 队列： 优点：先进先出（FIFO）的特性使得
数通系列ospf学习思维导图
06-15
数通系列ospf学习思维导图
基于UDP的聊天软件，纯C语言编写（使用时记得修改IP地址）.zip
最新发布
06-15
C语言是一种广泛使用的编程语言，它具有高效、灵活、可移植性强等特点，被广泛应用于操作系统、嵌入式系统、数据库、编译器等领域的开发。C语言的基本语法包括变量、数据类型、运算符、控制结构（如if语句、循环语句等）、函数、指针等。下面详细介绍C语言的基本概念和语法。 1. 变量和数据类型 在C语言中，变量用于存储数据，数据类型用于定义变量的类型和范围。C语言支持多种数据类型，包括基本数据类型（如int、float、char等）和复合数据类型（如结构体、联合等）。 2. 运算符 C语言中常用的运算符包括算术运算符（如+、、、/等）、关系运算符（如==、!=、、=、<、<=等）、逻辑运算符（如&&、||、！等）。此外，还有位运算符（如&、|、^等）和指针运算符（如、等）。 3. 控制结构 C语言中常用的控制结构包括if语句、循环语句（如for、while等）和switch语句。通过这些控制结构，可以实现程序的分支、循环和多路选择等功能。 4. 函数 函数是C语言中用于封装代码的单元，可以实现代码的复用和模块化。C语言中定义函数使用关键字“void”或返回值类型（如int、float等），并通过“{”和“}”括起来的代码块来实现函数的功能。 5. 指针 指针是C语言中用于存储变量地址的变量。通过指针，可以实现对内存的间接访问和修改。C语言中定义指针使用星号（）符号，指向数组、字符串和结构体等数据结构时，还需要注意数组名和字符串常量的特殊性质。 6. 数组和字符串 数组是C语言中用于存储同类型数据的结构，可以通过索引访问和修改数组中的元素。字符串是C语言中用于存储文本数据的特殊类型，通常以字符串常量的形式出现，用双引号（"..."）括起来，末尾自动添加'\0'字符。 7. 结构体和联合 结构体和联合是C语言中用于存储不同类型数据的复合数据类型。结构体由多个成员组成，每个成员可以是不同的数据类型；联合由多个变量组成，它们共用同一块内存空间。通过结构体和联合，可以实现数据的封装和抽象。 8. 文件操作 C语言中通过文件操作函数（如fopen、fclose、fread、fwrite等）实现对文件的读写操作。文件操作函数通常返回文件指针，用于表示打开的文件。通过文件指针，可以进行文件的定位、读写等操作。 总之，C语言是一种功能强大、灵活高效的编程语言，广泛应用于各种领域。掌握C语言的基本语法和数据结构，可以为编程学习和实践打下坚实的基础。
easyui 获取options_jQuery EasyUI 下拉框及值的获取
06-06
获取下拉框选中的值可以使用以下代码： ```javascript // 获取下拉框的值 var value = $('#combobox').combobox('getValue'); // 获取下拉框的文本 var text = $('#combobox').combobox('getText');...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值