jQuery EasyUI最新版下载>

本教程中涉及的示例演示了如何从服务器端加载数据，如何添加分页组件到数据网格中。

创建数据网格

想要从远程服务器端加载数据，首先你应该设置“URL”属性，服务器端会返回JSON格式的数据。查看数据文档可获得更多的数据格式信息。

数据网格经常需要合并多个单元格，本教程将教会您在数据网格中如何合并单元格。

合并数据网格的单元格，您只需要简单地调用'mergeCells'方法并传入合并信息参数，告诉数据网格如何合并单元格。在合并的单元格中，除了第一个单元格以外，其他的单元格在合并后会被隐藏。

创建数据网格

<table id="tt" title="Merge Cells" style="width:550px;height:250px"
url="data/datagrid_data.json"
singleSelect="true" iconCls="icon-save" rownumbers="true"
idField="itemid" pagination="true">
<thead frozen="true">
<tr>
<th field="productid" width="80" formatter="formatProduct">Product ID</th>
<th field="itemid" width="100">Item ID</th>
</tr>
</thead>
<thead>
<tr>
<th colspan="2">Price</th>
<th rowspan="2" field="attr1" width="150">Attribute</th>
<th rowspan="2" field="status" width="60" align="center">Stauts</th>
</tr>
<tr>
<th field="listprice" width="80" align="right">List Price</th>
<th field="unitcost" width="80" align="right">Unit Cost</th>
</tr>
</thead>
</table>

前言：全栈工程师——IT界的“瑞士军刀”

在编程江湖里，全栈工程师就像武侠小说里的“全能高手”——既能舞刀（前端），又能弄剑（后端），还能玩暗器（数据库），甚至偶尔客串一下炼金术士（DevOps）。他们不是“样样稀松”，而是“样样精通”，能在不同技术栈之间游刃有余，成为团队里的“救火队员”和“多面手”。

概要

通常在Java Web开发初期，技术选型搭框架时，往往都针对选定好的一个库类型进行开发，比如oracle、sqlserver、mysql等，传统的mybatis都有固化的sql，如果要换个库，不同库类型的语法不同，就要重新适配修改sql，因此，持久层框架可以选用Hibernate，结合spring-data-jpa，或Mybatis-plus，方便了CRUD的操作，无需配置xml写sql，在DAO层继承类，实现操作方法。当然，对于复杂的子查询再关联，也都有相应处理方法，也都可以写原生sql。

1.Jsoup介绍

　　- 官网文档：https://jsoup.org

　　- Jsoup 是一款Java 的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。

　　2. Jsoup快速入门

三种方法：按比例缩小、图片裁切、预览图片裁切

1. 不管使用哪一个都是建立在图片已经上传的基础上；
2. 预览裁切上传，如果预览的图片就是原始大小，可以预览裁切以后上传（这里是个假象，下边会说明）；

html([val|fn]) 返回值:String

取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。

在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。

如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。

一、概览

jQuery官网：https://jquery.com/
jQuery是一个高效、轻量并且功能丰富的js库。
核心在于查询query。
jQuery是一个优秀的js函数库，是React/Vue/Angular框架之外中大型项目的首选。

jQuery EasyUI最新试用版免费下载>

如果默认排序行为不能满足您的需求，您可以自定义数据网格的排序行为。

基本上用户可以在列上定义一个函数名为sorter的排序函数。这个函数将要接受两个值，返回值将如下：

valueA > valueB => return 1 valueA return -1