《HTML教程》_12..2.3-12.3教学材料.pptxVIP

由于在这个类中要用到对指定的对象（不能事先确定）属性进行赋值，为了避免使用Java反射机制编写代码的麻烦，这里采用了Apache的BeanUtils这一工具类，而BeanUtils工具类又用到了日志类和集合类，

因此需要导入以下JAR包：◆commons-beanutils-1.9.3.jar◆commons-beanutils-1.9.3-javadoc.jar◆commons-logging-1.2.jar◆commons-logging-1.2-javadoc.jar◆commons-collections-3.1.jar

需要将以上JAR文件复制到WebContent/WEB-INF/lib目录中。因为还要访问数据库，所以还要访问数据的JAR包，在这个实例中采用MySQL数据库，所以还需要将mysql-connector-java-5.1.37-bin.jar文件复制到lib目录中。

DAO层主要实现的基本功能◆获取数据库连接；◆关闭连接对象（连接对象、语句对象和ResultSet对象）；◆执行增/删/改功能的方法；◆执行查找或按条件查找的方法。

有了以上的基本方法就可以实现数据库操作了，如果还需要其他的DAO功能，则可以通过以上基本方法进行组合实现。最后需要注意一点，那就是“Java类的属性名要与数据库表的字段名保持一致，通用DAO类才能赋值成功！”。

12.2.4公共传输层

在MVC模型中并没有传输层的概念，这是为描述项目结构方便引入的一种Java类的分类方法。所谓的传输层公共类指的是在各层（DAO层、业务逻辑层、控制层）间传递（或流动）的Java类，这里包括业务实体类和Java的集合类，如List集合等。

这些类与DAO层的类紧密相关，但有本质的区别：DAO类负责与数据库的交互，而传输层的类则主要在各层之间传递和流动，所以划分到公共传输层。

在这个实例中，涉及到以下业务实体类：◆Clazz——班级类，包括班级编号和班级名称。◆Course——课程类，包括课程编号、课程名称、开设学期等。◆SelCourse——选课类，包括选课编号、选修的学生、选修的课程、选课学期和成绩等。

◆Student——学生类，包括学号、姓名、性别、登录密码等。◆Teacher——教师类，包括工号、姓名、登录密码等。除上面这些业务实体类之外，还包括Java的集合类，主要是List也是传输层的重要组成部分。这些类的源代码在第12章\AjaxSyn\src\com\phoenix\bo目录中。

12.2.5JavaScript工具类

这个工具类属于视图层的一部分，主要通过它以兼容浏览器的方式创建异步请求对象、添加事件处理函数、清空显示容器、显示处理结果和创建数据表格等功能。

在项目的WebContent目录下，新建以下文件夹：◆js——存放js文件的目录；◆css——存放css文件的目录；◆img——存放图片的目录。这样就可以实现对内容、样式和动作的分类管理，利于项目将的来扩展和维护。

在js文件夹中新建utils.js文件，在其中输出实现基本功能的函数：◆addEvent(elem,eventType,func)——实现跨浏览器注册事件处理函数；◆removeEvent(elem,eventType,func)——实现跨浏览器注销事件处理函数；

◆showTip(msg,obj)——实现处理结果的消息，显示时间为3秒钟；◆createRequest()——实现跨浏览器创建异步请求对象XMLHttpRequest；◆empty(con)——实现清空显示数据的容器，以备下次显示；◆createTable(titleArray)——用于创建数据表格的头部。

在这个小项目中，具备这些基础功能就可以应付所有的开发了，如果项目功能比较复杂，则可以根据需要把基本的功能抽象到这个JS工具中实现，需要时调用就可以了。由于篇幅所限，就不列出utils.js文件的源代码了，详见第12章\AjaxSyn\WebContent\js\utils.js。

好了，到此为止项目的框架就搭建完成了，最终完成的框架如图12-4所示。为了使大家能够看到详细的结构，以便于对照练习，图中详细列出了每个组件及其位置（控制层组件、逻辑层组件、DAO层组件和视图层组件）。

图12-4AjaxSyn项目的框架结构图

12.3学生选课系统的界面设计

有了以上的项目框架就可以进行系统功能的开发了。实现系统的功能首先要从视图部分——也就是用户界面开始。设计用户界面也是极有学问的，同样的功能可设计出不同的N种视图，这N种视图对用户的友好程度也不相同。

界面设计中两条最基本的任务◆设