web实验3 扩展JavaScript框架应用.docxVIP

第PAGE1页共NUMPAGES3页

一、实验目的

（1）掌握利用扩展的JavaScript框架构架Web应用程序。

（2）掌握EasyUI中常用组件的使用方法。

（3）掌握jQuery常用方法$.post()的使用。

（4）JSON格式串和Java集合工具类的转换工具的使用。

二、实验环境

Windows操作系统，Tomcat，MyEclipse，HBuilder，记事本。

三、实验要求

1、构建基于Java的JDBC访问数据库的类。具体要求：

（1）类的实现上应具有执行查询SQL语句的返回结果集的方法；

（2）能够实现执行insertinto、update及delete方法；

（3）类应进行相关资源的释放。

（4）构建时使用数据库连接池技术实现。

2、EasyUI组件ComboBox的属性和使用，要求：

（1）构建表，将表中的数据初始化到ComboBox中；

（2）将ComboBox组件的值提交到Servlet中；

（3）提交数据利用jQuery中的$.post()方法。

3、EasyUI组件数据表格组件：DataGrid的属性和使用，具体要求：

（1）初始化DataGrid组件：将表中的数据显示在DataGrid组件中；

（2）获得选中DataGrid组件中某一行中的数据；

（3）DataGrid控件中应带有分页功能；

（4）当对数据库表中的数据进行修改时，能够自动刷新DataGrid中的数据。

四、实验过程记录（源程序、测试用例、测试结果及心得体会等）

1、构建基于Java的JDBC访问数据库的类。

数据库连接池配置：

（1）在项目：【WebRoot】-【META-INF】下：Context.xml文件中加入如下内容：

Context

Resourcename=jdbc/DBPoolauth=Container

type=javax.sql.DataSource

factory=mons.dbcp2.BasicDataSourceFactory

username=用户名

password=密码

driverClassName=数据库驱动名

url=数据库连接串

maxTotal=100

maxIdle=1000

maxWaitMillis=5000/

/Context

（2）在项目：【WebRoot】-【WEB-INF】下:web.xml文件中加入如下内容：

resource-ref

descriptionDBConnection/description

res-ref-namejdbc/DBPool/res-ref-name

res-typejavax.sql.DataSource/res-type

res-authContainer/res-auth

/resource-ref

数据库工具类（DBUtil.class）

/**

*@函数名称:getConn

*@功能描述：获取数据库连接(通过连接池）

*@传入参数：无

*@返回类型：Connection

*@文件作者：DukeWF

*@创建时间：2018-04-30

*@版本编号：1.00

**/

publicstaticConnectiongetConn(){

try{

Contextctx=newInitialContext();

DataSourceds=(DataSource)ctx.lookup(java:comp/env/jdbc/DBPool);

conn=ds.getConnection();

}catch(Exceptione){

e.printStackTrace();

}

returnconn;

}

/**

*@函数名称：executeBatch

*@功能描述：根据查询SQL语句进行增删改操作。

*@传入参数：用于查询的SQL语句sql

*@返回类型：boolean

*@文件作者：DukeWF

*@创建时间：2018-04-30

*@版本编号：1.00

**/

publicstaticbooleanexecuteBatch(Stringsql){

booleanflag=true;//返回值默认为true

try{

conn=getConn();//调用getConn()方法，初始化数据库连接

conn.setAutoCommit(false);

st=conn.createStatement();

st.addBa