jQuery EasyUI网站开发实战 pdf epub mobi txt 电子书 下载 2026

编辑推荐

本书包含以下几个部分：
导论：如何使用EasyUI框架实现快速开发
详细介绍EasyUI框架的安装与使用方法，并以一个完整的实例（从用户验证登录、到项目主页、再到用户登出），让读者对如何使用EasyUI框架进行实战项目开发有个更直观的体验。
D1章 布局类组件
具体包括面板、选项卡、分类选项卡、布局4个组件。
D2章 基础工具类组件
具体包括拖动、放置、调整大小、窗口、对话框、进度条、滑动条、提示框、消息框、日历10个组件。
第三章 树、菜单与按钮类组件
具体包括树、菜单、按钮、菜单按钮、菜单分割按钮、开关按钮6个组件。
第四章 表单类组件
具体包括验证框、文本框、密码框、搜索框、下拉框、列表下拉框、树形下拉框、标签框、数值输入框、微调器、数值微调器、时间微调器、日期时间微调器、日期输入框、日期时间输入框、文件框、表单17个组件。
第五章 数据表格基础组件
具体包括分页和数据表格2个组件。
由于数据表格是企业级B/S项目应用的核心，它不仅可以用于展示各种数据，同时也可以对后台数据进行编辑修改和提交，属于EasyUI整个框架中的超级组件，因此本章共分7节来讲解数据表格的功能。
第六章 数据表格增强组件
具体包括属性表格、数据列表、表格下拉框、树形表格、树形表格下拉框5个组件。
第七章 数据表格功能扩展
具体包括可编辑数据表格、单元格编辑表格、列扩展表格、可拖放行的数据表格、可拖放行的树形表格、可过滤行的数据表格、数据表格视图、数据分析表格8个组件。
第八章 其它功能扩展
具体包括可编辑树、颜色下拉框、文本编辑器、ribbon界面菜单、RTL支持、门户6个组件。

内容简介

EasyUI是一套开源并基于jQuery的界面开发框架，它提供了窗口、菜单、树、数据网格、按钮、表单等一系列的功能组件。而所谓的框架，其实相当于是一种二次开发工具，它可以让很多并未系统学习过相关专业知识、但却拥有丰富行业经验的职场人士也能轻松开发出符合自身需要的管理系统。
尽管目前市场上各种前端框架“多如牛毛”，但EasyUI强大的数据交互能力仍是企业级B/S项目的开发首要选择。本书共分八章及一个快速入门实例，全面系统地介绍了58个功能组件的使用方法，非常适合网站相关工作人员、大中专院校师生、培训班学员以及业余爱好者阅读。

作者简介

周菁，企业信息化管理专家，毕业于扬州大学，曾在江苏省省级机关从事政务数据统计工作十余年，期间在各类报刊杂志上发表文章数十篇，其独立研发的“商场数据采集系统”曾被当时的国内贸易部信息中心用作全国百家重点零售企业的行业数据直报软件。后进入国内某信息集团和传媒咨询机构，一直专注于企业信息化方面的研发和管理工作，服务过的客户涉及房地产、家电、计算机、传媒等行业。

目录

导论　使用EasyUI框架实现快速开发 1
0．1　下载并使用EasyUI框架 2
0．1．1　下载EasyUI程序开发包 2
0．1．2　框架文件结构 3
0．1．3　在页面中使用框架 4
0．1．4　确定页面主题风格及配色 5
0．2　简单的登录窗口设计 9
0．2．1　代码总体结构 10
0．2．2　页面内容代码解析 10
0．2．3　试运行 12
0．3　完善登录窗口界面 12
0．3．1　选择要操作的DOM对象 12
0．3．2　应用EasyUI组件 13
0．3．3　设置组件属性 14
0．4　用户输入验证 14
0．4．1　用户名验证 15
0．4．2　密码验证 15
0．4．3　执行登录验证 16
0．5　通过回车键快速移动光标 18
0．5．1　jQuery事件与EasyUI组件事件 18
0．5．2　将需要重复利用的事件代码封装为函数 20
0．6　向服务器提交验证 21
0．6．1　客户端JS程序代码 21
0．6．2　服务器端PHP程序代码 22
0．7　用户会话控制 24
0．7．1　什么是会话控制 24
0．7．2　添加“用户退出”功能 25
0．7．3　门户型网站的登入、登出设计 28
D1章　布局类组件 30
1．1　panel（面板） 31
1．1．1　属性 31
1．1．2　方法 42
1．1．3　事件 44
1．2　tabs（选项卡） 46
1．2．1　属性 47
1．2．2　方法 50
1．2．3　事件 55
1．3　accordion（分类选项卡） 56
1．3．1　属性 57
1．3．2　方法 59
1．3．3　事件 62
1．4　layout（布局） 62
1．4．1　通过页面标签创建 62
1．4．2　通过JS代码管理布局 66
D2章　基础工具类组件 71
2．1　draggable（拖动） 72
2．1．1　属性 73
2．1．2　方法 77
2．1．3　事件 78
2．2　droppable（放置） 80
2．2．1　放置组件的属性、方法和事件 80
2．2．2　综合实例 80
2．3　resizable（调整大小） 87
2．3．1　属性 88
2．3．2　方法 89
2．3．3　事件 89
2．4　window（窗口） 89
2．4．1　属性 90
2．4．2　方法 92
2．4．3　事件 93
2．5　dialog（对话框） 93
2．5．1　属性 93
2．5．2　方法 95
2．5．3　事件 95
2．6　progressbar（进度条） 96
2．6．1　属性 96
2．6．2　方法 96
2．6．3　事件 97
2．7　slider（滑动条） 98
2．7．1　属性 98
2．7．2　方法 99
2．7．3　事件 100
2．8　tooltip（提示框） 101
2．8．1　属性 103
2．8．2　方法 104
2．8．3　事件 104
2．9　messager（消息框） 108
2．9．1　消息框 108
2．9．2　警告框 110
2．9．3　确认框 110
2．9．4　输入确认框 111
2．9．5　进度消息框 112
2．10　calendar（日历） 114
2．10．1　属性 114
2．10．2　方法 119
2．10．3　事件 119
2．10．4　实例扩展 121
第3章　树、菜单与按钮类组件 123
3．1　tree（树） 124
3．1．1　静态树的创建 126
3．1．2　动态树的创建 129
3．1．3　属性列表 135
3．1．4　方法列表 138
3．1．5　事件列表 145
3．2　menu（菜单） 155
3．2．1　菜单创建与菜单项属性 155
3．2．2　菜单属性 158
3．2．3　菜单方法 159
3．2．4　菜单事件 162
3．2．5　将树应用于菜单中 163
3．3　linkbutton（按钮） 165
3．3．1　属性 166
3．3．2　方法 168
3．3．3　事件 168
3．4　menubutton（菜单按钮） 169
3．4．1　属性 169
3．4．2　方法 171
3．4．3　事件 171
3．5　splitbutton（分割菜单按钮） 172
3．6　switchbutton（开关按钮） 172
3．6．1　属性 173
3．6．2　方法 174
3．6．3　事件 174
第4章　表单类组件 175
4．1　validatebox（验证框） 176
4．1．1　全部成员 176
4．1．2　验证规则 177
4．1．3　提示信息 180
4．2　textbox（文本框） 183
4．2．1　属性 183
4．2．2　方法 187
4．2．3　事件 188
4．3　passwordbox（密码框） 189
4．3．1　属性 189
4．3．2　方法 190
4．3．3　事件 190
4．4　searchbox（搜索框） 190
4．4．1　属性 190
4．4．2　方法 192
4．4．3　事件 193
4．5　combo（下拉框） 193
4．5．1　创建下拉框 193
4．5．2　属性、方法和事件 195
4．5．3　单选与复选的完整实例 197
4．6　combobox（列表下拉框） 199
4．6．1　属性 200
4．6．2　方法 212
4．6．3　事件 215
4．7　combotree（树形下拉框） 218
4．7．1　属性 218
4．7．2　方法 221
4．7．3　事件 224
4．8　tagbox（标签框） 224
4．8．1　创建标签框 224
4．8．2　新增成员 226
4．8．3　列表数据过滤 227
4．8．4　远程列表数据加载问题 228
4．9　numberbox（数值输入框） 229
4．9．1　属性 229
4．9．2　方法 232
4．9．3　事件 232
4．10　spinner（微调器） 233
4．10．1　属性 233
4．10．2　方法 234
4．10．3　事件 234
4．11　numberspinner（数值微调器） 235
4．11．1　标签方式创建 235
4．11．2　JS方式创建 236
4．12　timespinner（时间微调器） 237
4．12．1　属性 237
4．12．2　方法 239
4．12．3　事件 239
4．13　datetimespinner（日期时间微调器） 239
4．13．1　formatter属性 240
4．13．2　parser属性 241
4．13．3　重新设定selections属性 242
4．14　datebox（日期输入框） 242
4．14．1　属性 242
4．14．2　方法 248
4．14．3　事件 249
4．15　datetimebox（日期时间输入框） 249
4．15．1　属性 249
4．15．2　方法 250
4．16　filebox（文件框） 251
4．17　form（表单） 253
4．17．1　表单数据提交流程 254
4．17．2　form组件成员 255
4．17．3　文件上传 259
第5章　数据表格基础组件 263
5．1　pagination（分页） 264
5．1．1　属性 264
5．1．2　方法 268
5．1．3　事件 269
5．2　datagrid表格与列属性 269
5．2．1　标签方式创建数据表格 269
5．2．2　JS方式创建数据表格 271
5．2．3　datagrid表格的列属性 273
5．3　datagrid数据加载及分页排序 280
5．3．1　url方式加载表格数据 280
5．3．2　数据分页与排序 283
5．3．3　loader与loadFiler 289
5．3．4　与datagrid数据加载、分页、排序相关的属性汇总 290
5．4　datagrid外观、编辑器及视图属性 291
5．4．1　行、列操作属性 292
5．4．2　顶部工具栏及其他附加按钮 295
5．4．3　编辑器属性 297
5．4．4　视图属性 299
5．5　datagrid方法 301
5．5．1　常规方法 301
5．5．2　选择数据行与返回数据方法 304
5．5．3　数据记录编辑方法 305
5．5．4　数据加载与刷新方法 308
5．6　datagrid事件 309
5．6．1　数据加载事件 309
5．6．2　选择行、排序及右键菜单事件 311
5．6．3　单击、双击及编辑事件 314
5．7　datagrid之CRUD完整实例 316
5．7．1　在页面中增加相应的DOM元素 317
5．7．2　对操作按钮和查询项目的初始化 317
5．7．3　增改删事件前端代码 318
5．7．4　增改删事件后台代码 322
5．7．5　数据查询 325
第6章　数据表格增强组件 327
6．1　propertygrid（属性表格） 328
6．1．1　行数据 328
6．1．2　新增属性和方法 329
6．2　datalist（数据列表） 332
6．3　combogrid（表格下拉框） 335
6．3．1　本地数据的加载与查询 335
6．3．2　远程数据的加载与查询 337
6．3．3　将表格下拉框作为编辑器使用 339
6．4　treegrid（树形表格） 341
6．4．1　新增属性 341
6．4．2　方法 344
6．4．3　事件 345
6．4．4　远程数据加载综合实例 346
6．4．5　不存在父节点id列的远程数据加载 354
6．5　combotreegrid（树形表格下拉框） 357
6．5．1　新增属性 357
6．5．2　新增方法 358
第7章　数据表格功能扩展 360
第7章　数据表格功能扩展 361
7．1　edatagrid（可编辑数据表格） 363
7．1．1　新增属性 364
7．1．2　新增方法 364
7．1．3　新增事件 366
7．2　datagrid-cellediting（单元格编辑表格） 367
7．2．1　新增属性 367
7．2．2　新增方法 367
7．2．3　新增事件 369
7．3　columns-ext（列扩展表格） 370
7．3．1　基于datagrid扩展的方法 370
7．3．2　基于treegrid扩展的方法 371
7．3．3　新增事件 374
7．4　datagrid-dnd（可拖放行的数据表格） 374
7．4．1　新增属性 375
7．4．2　新增方法 375
7．4．3　新增事件 376
7．5　treegrid-dnd（可拖放行的树形表格） 376
7．5．1　新增属性 377
7．5．2　新增方法 378
7．5．3　新增事件 378
7．6　datagrid-filter（可过滤行的数据表格） 378
7．6．1　新增属性 379
7．6．2　新增方法 380
7．6．3　新增事件 383
7．7　datagrid-view（数据表格视图） 383
7．7．1　DetailView（详细视图） 383
7．7．2　GroupView（分组视图） 387
7．7．3　BufferView（缓存视图） 388
7．7．4　ScrollView（滚动视图） 390
7．8　pivotgrid（数据分析表格） 391
7．8．1　新增属性 393
7．8．2　新增方法 395
第8章　其他功能扩展 399
8．1　etree（可编辑树） 400
8．1．1　新增属性 401
8．1．2　新增方法 402
8．2　color（颜色下拉框） 402
8．3　texteditor（文本编辑器） 403
8．3．1　新增属性 403
8．3．2　新增方法 404
8．4　ribbon界面菜单 404
8．4．1　标签创建方式 404
8．4．2　JS创建方式 406
8．4．3　新增成员 408
8．5　RTL支持 409
8．6　portal（门户） 409
8．6．1　属性 413
8．6．2　方法 413
8．6．3　事件 414

《精通响应式 Web 设计：从理论到实践》 内容简介： 互联网的触角已延伸至我们生活的每一个角落，而网页的呈现方式也从单一的桌面端体验，演变成了跨越手机、平板、笔记本电脑乃至智能电视的多元化场景。面对如此复杂的终端环境，如何设计并构建一个能够适应各种屏幕尺寸、提供无缝用户体验的网站，已成为现代 Web 开发的重中之重。《精通响应式 Web 设计：从理论到实践》正是为解决这一挑战而生，它将带领读者深入理解响应式 Web 设计的核心理念，并一步步掌握实现这一目标所需的关键技术和实用技巧。 本书并非一本速成手册，而是一部系统性的学习指南。它从响应式设计的哲学层面出发，探讨了为何响应式设计如此重要，以及它如何改变了用户与信息的交互方式。我们将回顾 Web 设计的演变历程，理解从固定宽度布局到流式布局，再到最终拥抱响应式设计的必然性。读者将学习到如何从用户的角度出发，思考在不同设备上信息应该如何呈现，从而优化可用性和用户满意度。 理论基础与设计原则： 在深入技术实现之前，本书将为你打下坚实的理论基础。我们将详细阐述响应式设计的核心构成要素： 流式网格布局 (Fluid Grids)： 告别固定像素的束缚，掌握如何使用百分比和相对单位构建可以自动伸缩的网格系统。理解不同网格系统（如 12 列网格、8 列网格等）的设计思路和应用场景。我们将深入讲解 CSS Grid 和 Flexbox 布局模型，这些是现代响应式布局的基石。通过大量的代码示例，你将学会如何灵活运用它们来创建复杂而优雅的页面结构。 弹性图片与媒体 (Flexible Images & Media)： 图片和视频在不同屏幕上的显示效果至关重要。本书将教你如何使用 `max-width: 100%` 等 CSS 属性让媒体元素自适应容器大小，避免溢出。更进一步，我们将探讨响应式图片技术，例如 `` 元素和 `srcset` 属性，如何根据屏幕分辨率和设备能力加载最合适的图片资源，从而提升加载速度和用户体验。 媒体查询 (Media Queries)： 这是响应式设计的灵魂。本书将详细讲解 CSS 媒体查询的语法、常用断点（breakpoints）的选取原则，以及如何根据不同的设备特性（如屏幕宽度、高度、方向、分辨率等）应用不同的样式规则。我们将分析在实际项目中如何规划和管理媒体查询，避免样式混乱，提高代码的可维护性。 从设计到开发的桥梁： 本书的另一大亮点在于，它不仅仅停留在理论层面，更注重将设计理念转化为可执行的代码。我们将引导读者思考： 移动优先 (Mobile-First) 与桌面优先 (Desktop-First) 的策略： 理解这两种设计策略的优劣势，以及在不同项目场景下如何选择最适合的方案。通过实际案例分析，你将掌握如何从最小的屏幕开始设计，然后逐步向上扩展，确保核心内容在所有设备上都能得到优先级最高的呈现。 断点策略的艺术： 断点并非随意设置。本书将深入探讨如何根据内容和设计稿来确定合理的断点，而不是盲目跟风。我们将学习到基于“内容驱动”的断点选择方法，以及如何在不同设备上优化内容的排版和可读性。 响应式导航设计： 传统的桌面导航在移动端往往难以适应。本书将介绍各种响应式导航模式，如汉堡菜单（Hamburger Menu）、抽屉导航（Off-canvas Navigation）、下拉菜单等，并指导你如何根据应用场景选择和实现最佳方案。 响应式排版： 字体大小、行高、字间距等排版元素在不同屏幕上的表现直接影响阅读体验。我们将学习如何使用相对单位（如 `em`, `rem`, `vw`）来控制字体大小，以及如何通过媒体查询调整字号和行高，确保内容在任何屏幕上都易于阅读。 实用技术与工具： 本书还将深入探讨实现响应式 Web 设计所需的实用技术和工具： CSS 框架的应用与定制： 虽然本书鼓励读者深入理解底层原理，但我们也认识到 CSS 框架在加速开发过程中的重要性。我们将介绍一些主流的响应式 CSS 框架（如 Bootstrap, Tailwind CSS 等），并指导读者如何有效地利用它们，同时也能根据项目需求进行深度定制，避免千篇一律。 JavaScript 在响应式设计中的作用： 响应式设计并非只依赖 CSS。本书将探讨 JavaScript 在增强响应式体验中的作用，例如： 动态内容加载与切换： 根据设备能力或用户交互，动态加载不同分辨率的图片或不同的组件。 交互式元素的响应式调整： 例如，在移动端将复杂的表单简化，或为触摸屏优化滑动和缩放功能。 JavaScript 驱动的响应式导航和插件： 实现更复杂的导航交互或第三方组件的响应式适配。 性能优化： 响应式设计也意味着需要处理更多设备上的内容和样式，因此性能优化至关重要。本书将分享一系列性能优化技巧，包括： 图片懒加载 (Lazy Loading)： 仅在用户滚动到可视区域时加载图片，显著提升初始加载速度。 代码优化与压缩： 减小 CSS 和 JavaScript 文件体积。 响应式性能检测工具： 利用 Lighthouse, WebPageTest 等工具分析和改进网站性能。 项目实践与案例分析： 理论联系实际是本书的核心教学方式。我们将通过一系列精心设计的项目实例，引导读者将所学知识应用到实践中。从一个简单的静态页面到功能复杂的 Web 应用，你将亲手构建响应式的作品。 构建一个响应式的个人作品集网站： 从零开始，规划布局，添加媒体查询，优化图片，实现响应式导航，最终得到一个在各种设备上都能完美呈现的在线作品集。 改造一个传统的固定宽度网站为响应式设计： 学习如何分析现有代码，识别瓶颈，并逐步应用响应式技术进行改造，解决兼容性和用户体验问题。 设计与实现响应式电商产品详情页： 重点关注如何在不同屏幕上优化产品图片的展示、规格参数的呈现、以及购买按钮的可访问性。 面向读者： 无论你是初涉 Web 开发的萌新，还是经验丰富的全栈工程师，如果你希望掌握构建适应未来互联网的用户体验，那么《精通响应式 Web 设计：从理论到实践》都将是你不可或缺的学习伙伴。本书适合： 前端开发者： 提升在不同设备上构建高质量 Web 应用的能力。 网页设计师： 深入理解设计理念如何转化为技术实现，并掌握响应式设计的工作流程。 UI/UX 设计师： 学习如何在多设备环境下设计一致且用户友好的界面。 对 Web 技术充满好奇的学习者： 系统学习现代 Web 布局和响应式设计原理。 本书的价值： 在信息爆炸的时代，用户体验是赢得用户青睐的关键。一个优秀的响应式网站能够跨越设备壁垒，为用户提供一致、便捷、愉悦的访问体验。本书的目标是帮助你不仅学会“如何做”，更能理解“为何如此做”，从而成为一名真正精通响应式 Web 设计的开发者。通过本书的学习，你将能够自信地应对各种屏幕尺寸的挑战，创造出更具竞争力、更能满足用户需求的 Web 作品。 总结： 《精通响应式 Web 设计：从理论到实践》是一本集理论、实践、工具和案例于一体的全面指南。它将带领你走进响应式设计的奇妙世界，从根本上提升你的 Web 开发技能，让你在数字浪潮中乘风破浪，打造出真正为用户量身定制的 Web 体验。