导论
使用EasyUI框架实现快速开发
0.1 下载并使用EasyUI框架
0.2 简单的登录窗口设计
0.3 完善登录窗口界面
0.4 用户输入验证
0.5 通过回车键快速移动光标
0.6 向服务器提交验证
0.7 用户会话控制
为简化JavaScript原生开发的工作量并解决不同类型浏览器之间的兼容问题，一些基于JS的程序库诞生了，其中最具代表性的就是jQuery，它甚至被称为JS的标配工具，可见其使用范围及影响力之广。在此基础上，又有一些高手和爱好者开发了基于jQuery的应用框架，它将一些常用的功能做了模块化的处理，原来可能需要数百行甚至上千行代码才能完成的功能，改用框架后也许只要一行代码或者一个命令即可解决。这些框架其实就是大家俗称的“二次开发平台”，它们不仅可以解决功能上的问题，也能解决CSS样式上的问题，尤其是为了保证所开发项目风格的统一，一般还会同时提供多个预设好的主题样式。
本书所学习的框架是EasyUI，就提供了数十个功能强大的组件，可解决日常项目开发中绝大多数的应用需求。据官网介绍，EasyUI项目开发小组于2009年成立，整个技术团队由大约10名软件开发工程师组成，其中核心成员有3人。自2010年面世至今，EasyUI已经走过了7～8个年头，每年至少都会更新两次，现在的最新版本为2017年8月底发布的1.5.3，本书的所有示例都是基于该版本编写的。
在正式学习EasyUI框架之前，本章将通过一个小实例来帮助大家了解如何使用EasyUI以及EasyUI的强大之处究竟在哪里。有了这样的总体概念之后，再根据自己的实际情况有针对性地学习其中的部分组件，即可最具效率地开发出自己所需要的项目。
尽管EasyUI是一种前端框架，但它提供了很多的接口用于和后台服务器进行交互。关于服务器搭建及数据库方面的知识并不是本书的重点，如果读者对此不太了解，建议参考同样由人民邮电出版社出版的另外一本书《B/S项目开发实战》。
0.1 下载并使用EasyUI框架
0.1.1 下载EasyUI程序开发包
进入EasyUI官网，如图所示。
单击“GET STARTED”按钮或者“Download”菜单，即可进入下载页面。自2017年9月份起，EasyUI在原来的jQuery版本的基础上又新推出了Angular版本，本书学习的是EasyUI for jQuery版本，因此只要单击“EasyUI for jQuery”下方的Download即可，如图所示。
进入“EasyUI for jQuery”下载页之后，又有两个按钮选项，如图所示。
其中，第一个按钮“Download”所对应的版本为Freeware Edition（免费版）。免费版虽然不是全部开源的，但在使用上却没有任何限制（仅仅是对源代码作了加密而已）。
第二个按钮“Purchase”所对应的版本为Commercial Edition（商业版），这个版本是需要付费的，目前售价为449美元。Purchase就是“购买”的意思，它不像免费版可以直接Download（下载）。既然是付费购买，肯定就会获得一些相应的服务，比如可以获取源代码、可以修改或删除文件中的版权声明、可以将修改后的软件或其一部分作为独立的应用程序进行分发等。
对于普通用户来说，免费版本已经足够使用！
0.1.2 框架文件结构
文件下载完成后，建议解包到服务器所指定的网站文件夹中。解包后的文件夹可使用easyui或其他英文名称，但一定不能用中文。解包后的目录结构如图所示。
① 包含的文件夹说明
demo和demo-mobile为示例文件夹，仅供了解各个组件的功能。正式发布项目时，这两个文件夹可以不用上传到服务器。这些demo全部是html格式的，可在浏览器上直接访问（demo-mobile是移动端的演示文件）。