《Web设计与开发基础》实验报告 4.docVIP

宁波工程学院电信学院计算机教研室 实验报告 课程名称： Web设计与开发基础 实验项目： 实验四：ACCESS操作验证实验 实验人员： 张曙永 沈文辉 应尚龙 王蛟 班 级： 计科13-4 指导教师： 陈萌 实验位置： 电信计算中心 北区 实验日期： 2014-06-04 一、实验目的及要求 （一）实验目的 1、掌握JavaScript访问本地Access数据库文件的基本编程方法 2、掌握使用JavaScript语句将数据库记录显示在页面中的方法 3、掌握向本地数据库中添加、删除、修改记录的JavaScript编程方法 4、了解数据库操作基本原理，为后续Web服务端页面开发打好基础 （二）实验要求 按要求完成HTML客户端页面开发，将结果和分析记录在实验报告中。 二、实验设备及软件 WINDOWS XP以上操作系统环境的PC机一台；IE8.0及以上版本；Chrome浏览器V27或以上版本。 三．实 1、编写本地Access数据库显示页面，要求先使用CSS+DIV设计一个美观的记录演示样式，再使用JavaScript语句将数据库中所有记录读出并显示在指定DIV标记中。 2、编写一个本地Access数据库记录删除页面，要求能删除用户指定的任何记录。 3、编写一个记录修改页面，能对本地Access数据库中的指定记录信息进行修改。要求修改页面使用CSS样式+DIV标签进行外观设计。 四．实步骤 ．实 从本地数据库中读取记录的JS代码，以及每条语句的意义； var ttt new ActiveXObject ADODB.Connection ; // 定义ttt对一个数据库进行访问和操作用于容纳一个来自数据库表的记录集function delStu id var conn new ActiveXObject ADODB.Connection ; conn.Open DBQ D://abc.mdb;DRIVER Microsoft Access Driver *.mdb ; ; var sql delete from Student where Id +id; //删除 conn.execute sql ; //执行 Command 对象的 CommandText 属性中指定的查询、SQL 语句或存储过程 conn.close ; //关闭一个由 document.open 方法打开的输出流 conn null; alert 删除成功 ; ｝ 3. 从本地数据库中修改记录的JS代码，以及每条语句的意义。 function updateUser userId,userName var conn new ActiveXObject ADODB.Connection ; conn.Open DBQ D://abc.mdb;DRIVER Microsoft Access Driver *.mdb ; ; var rs new ActiveXObject ADODB.Recordset ; var sql update Student set stuName + userName + where Id + userId + ; conn.execute sql ; conn.close ; conn null; alert 修改成功 ; 实验心得与小结 不知道为什么， 该网页在chrome上 没有任何显示，但是在IE上却可以显示！然后... 注意access的地址和网页读取的地址，否则不能正确读入 各种的函数还是得看W3School上的。 第 1 页 共 4 页