动态查询网页设计.doc

计算机技术与软件工程学院 网页设计与网站建设实训报告 2010-2011学年第二学期 设计项目：制作动态查询网页 专业：计算机应用技术 班级：09301班 学号：0903**** 姓名：魏* 指导教师：*** 实训地点：*** 实训时间：2010-2011学年第二学期 第14周 一、设计名称： 制作动态查询网页 二、设计内容： 1、老师讲解如何制作动态查询网页 2、自己制作表格，自己设计动态查询网页 三、设计目的与要求： 通过将自己设计的表导入数据库，实现数据库与Dreamweaver的链接制作网页，一张显示表格所有内容，一张为动态查询网页，一张为显示结果网页。 四、设计步骤或程序代码： 1、用excel制作一张本课程设计动态查询的数据表格。 2、打开SQL server 2000的企业管理器并新建一个数据库，取名为NBA。然后将方才制作的excel数据表格导入到新建的数据库的表中，并将其取名为mvp。 3、为新建的数据库新建一个用户，并设置该新建用户的权限，完成SOL server 2000的全部设置。 4、安装“小旋风ASP服务器”软件到安装目录中的WWWROOT的目录下，用其代替体积庞大的WINNT，WIN2000服务器系统及IIS。 5、设置Internet信息服务。打开控制面板中管理工具的Internet信息服务选项，选中默认网站，设置主目录和默认文档。 6、设置ODBC数据源。打开控制面板中管理工具的ODBC数据源选项，选中系统DSN，点添加，在弹出的创建新数据源窗口中，选择最后一项SQL Server,然后给数据源命名为NBA并连接到local服务器。进行SOL server ODBC数据源测试，测试结果显示为“测试成功”则完成ODBC数据源的设置。 7、打开Dreamweaver CS3，新建站点，设置“本地根文件夹”和“HTTP地址”选项，然后设置“服务器模型”为“ASP VBScript”，设置“访问”为“本地/网络”，完成新建站点。 8、在生成的主网页上写上相应的代码，然后在新建的站点中新建两个网页文件，一张为动态查询网页，一张为显示结果网页，写上相应的代码，在浏览器中预览，查询测试，完成实训内容。 五、设计结果与分析： 分析：在ASP应用程序中要对Web数据库进行操作，必须首先建立一个与该数据库的连接。Connection对象不仅可以实现数据库连接操作，还可以通过SQL语句对所连接的数据库进行其他的操作。在Connection对象的Open方法中，如何确定连接字符串内容是正确连接数据库的关键。Execute方法能够执行指定的查询，SQL语句等操作，该方法语法的两种格式准确性直接影响测试结果。在测试过程中易出错的还有代码中数据库和数据源名字要和先前设置的一致性等。 程序代码: index.asp： %@LANGUAGE=VBSCRIPT CODEPAGE=936% !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title style type=text/css !-- .STYLE1 { font-size: 16px; font-weight: bold; } .STYLE2 { font-size: 24px; color: #FF0000; } body { background-image: url(14.jpg); } -- /style /head body div align=center class=STYLE1 STYLE2欢迎使用，请输入球员的相关信息查询球员2010-11赛季季后赛数据/div p class=STYLE2nbsp;/p form id=form1 name=form1 method=post action=new.asp p align=center球服号码： label input name=textfield1 type=text size=10 / /label （必填）/p p align=centernbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;姓名： label input name=te