《Internet应用与网络 （樊月华） 第8章 综 合 实 训》由会员分享，可在线阅读，更多相关《Internet应用与网络 （樊月华） 第8章 综 合 实 训（20页珍藏版）》请在金锄头文库上搜索。
1、第8章 综 合 实 训,本章训练目标： 通过前七章的学习与训练，读者已经掌握了网页制作的基本方法与技巧。本章将通过两个综合实训课题，它们也是实际应用课题，以使读者掌握网上应用开发的过程及其方法。在这两个实训课题中，我们将综合应用前面所学内容，包括HTML/DHTML、FrontPage2000、JavaScript、VBScript ActiveX与ASP等技术。,综 合 实 训,8.1 综合实训课题1-网上学籍管理软 件的开发 8.2 综合实训课题2网上商店的构造 综合实训课题,8.1 综合实训课题1网上学籍管理 软件的开发,8.1.1 任务要求 为校园网完成一个学籍管理软件的设计与制作。要
2、求该软件能够完成学生综合信息和学生成绩的管理。在学生综合信息管理模块中应具有学生信息的浏览、录入、添加、删除、查询和更新等功能；在学生成绩管理模块中应有学生成绩的浏览、录入、添加、删除、查询和更新等功能。 8.1.2 学籍管理软件开发环境 为了使开发环境易于实现，我们将仍在Windows 95/98、PWS和Access数据库环境上进行开发。当开发效果满意后，再迁移到IIS上。 8.1.3 界面设计 1. 学生综合信息管理主界面 学生综合信息管理主界面如图8.1所示，其文件名是totlestu.htm。 2. 学生综合信息录入界面 学生综合信息录入界面如图8.2所示，文件名是stuadd.ht
3、m。,图8.1 学生综合信息管理主界面 图8.2 学生综合信息录入界面 3. 信息删除界面 信息删除界面如图8.3所示，文件名是studel.htm。 图8.3 信息删除界面,4. 学生信息查询界面 学生信息查询界面同信息删除界面，文件名是stucheck.htm。 5. 学生信息更新界面 学生信息更新界面如图8.4所示，文件名是stuupdate.htm。 图8.4 信息更新界面 8.1.4 数据库的设计与制作 本实训课题仍然使用ASP技术和Access数据库实现。 (1) 建立一个数据库students.mdb，其中有两个表：信息表和成绩表。, 信息表中包括16个字段，记录学生基本信息。
4、表8.1 信息表字段说明, 成绩表中包括七个字段记录学生成绩，用户可以根据具体情况设计字段数。 (2) students.mdb数据库及其表的创建方法同第7章实训课题2,表8.2 成绩表字段说明 8.1.5 ADO访问数据库操作 访问数据库的操作也与第7章实训课题2相同，我们在本实训课题中为数据源起名为：stu。请读者参照第7章实训课题2的方法为“students”数据库建立数据源。,8.1.6 代码设计与编制 1. 学生综合信息管理主界面 学生综合信息管理主界面可使用FrontPage 2000，或其他网页制作工具制作。 (1) 主界面totlestu.htm代码清单 (2) 主界面左框架t
5、otlestu2.htm代码清单 (3) 主界面右框架totlestu3.htm代码清单 2. 学生综合信息录入界面stuadd.htm (1) 学生综合信息录入界面代码控件属性 (2) 学生综合信息录入界面代码stuadd.htm清单 3. 接收学生综合信息录入界面信息并写入数据库stuadd.asp代码 4. 删除一名学生记录界面studel.htm (1) 删除一名学生记录界面代码控件属性 (2) 删除一名学生记录界面代码studel.htm清单 5. 接收删除一名学生记录界面信息并删除该记录studel.asp代码,6. 查询一名学生记录界面stucheck.htm (1) 查询一名学
6、生记录界面代码控件属性 (2) 查询一名学生记录界面代码stucheck.htm清单 7. 接收查询一名学生记录界面的信息并显示该记录信息stucheck.asp代码 8. 更改学生信息界面stuupdate.htm (1) 更改学生信息界面代码控件属性 (2) 更改学生信息界面stuupdate.htm清单 9. 接收更改学生信息界面的信息并改写数据库stuupdate.asp代码清单 10. 浏览所有学生信息stuall.asp代码 当用户单击学生综合信息管理主界面中的“浏览”超链接时，将显示所有学生的信息。 8.1.7 在浏览器中测试学生综合信息管理功能 在学生综合信息录入界面输入学生信
7、息，如图8.5所示，然后单击“添加”按钮。所输入的信息被录入数据库，并显示数据库返回信息，如图8.6所示。,图8.5 录入学生综合信息,图8.6 显示录入数据库的信息,8.2 综合实训课题2网上商店的构造,8.2.1 任务要求 本实训课题的网上商店将实现选择商品、购物注册、查看订单和取消订单等基本功能。 8.2.2 网上商店的开发环境 本实训课题将在Windows NT 4.0 、IIS和SQL Server环境上开发实现。如果读者的开发条件不充分，也可以在Windows 95/98、PWS和Access数据库环境上进行开发。当开发效果满意后，再迁移到IIS上。 8.2.3 界面设计 1. 选
8、择商品界面 选择商品界面如图8.7所示，其文件名是goods.asp。 2. 购物注册界面 购物注册界面如图8.8所示，其文件名是input.asp。客户在界面中输入姓名、信用卡类、信用卡号、货物号及购物数量等信息，然后单击“确定”按钮。,图8.7 选择商品界面 图8.8 购物界面 3. 查看订单界面 查看订单界面如图8.9所示，其文件名是check.asp。客户在界面中输入订单号码，然后单击“查询”按钮。 图8.9 查看订单界面,4. 取消订单界面 取消订单界面如图8.10所示，其文件名是delete.asp。客户在界面中输入订单号码，然后单击“取消”按钮。 图8.10 取消订单界面 8.2
9、.4 数据库的设计与制作 (1) 建立一个数据库，其中有两个表table1和table2，table1存储商品信息，table2存储客户的购物信息。 table1表中包括四个字段，记录商品基本信息。字段名称、字段数据类型及其作用见表8.3。 table2表中包括六个字段，记录客户注册信息和生成的订单号码。字段名称、字段数据类型及其作用见表8.4。,表8.3 table1表字段说明 表8.4 table2表字段说明,(2) 由于篇幅关系，SQL数据库及其表的创建方法请参考有关资料。 8.2.5 ADO访问数据库操作 访问数据库的操作和建立数据源的方法，与第7章实训课题2大致相同，请读者自行尝试或
10、参考有关资料。我们在本实训课题中为数据源起名为：ado。 8.2.6 代码设计与编制 1. 选择商品界面代码goods.asp 选择商品界面显示数据库表table1中的商品，供用户选择。 2. 购物注册界面代码input.asp 购物注册界面代码input.asp中的表单信息，由该代码自身接收并进行处理。 当客户输入信息，单击“确定”按钮后，input.asp代码接收这些信息，生成 一个订单号码，并把它们写入数据库的表table2中。 3. 查看订单界面代码check.asp 查看订单界面代码check.asp的工作机制与购物注册界面代码input.asp相似。 8.2.7 在浏览器中测试网上
11、商店的功能 在购物注册界面输入用户信息，然后单击“确定”按钮，在界面的下方将出 现客户的注册信息，如图8.11所示。,图8.11 客户购物注册后的返回信息 打开数据库表table2我们可以看到，刚才的注册信息已经写入数据库，如图8.12所示 图8.12 客户注册信息录入数据库,综合实训课题,综合实训是本课程的最后一个教学环节，在本教学环节中将充分发挥读者的主动性和创造性。所以在课题的细节、界面的布局等方面不做具体的规定，读者可以充分发挥自己的想象力和创新精神，创建出具有特色的产品。课题的开发环境可以根据具体情况自行选择。 综合实训课题1：为校园网完成一个学籍管理软件中的学生成绩管理模块的设计与
12、制作，内有学生成绩的浏览、录入、添加、删除、查询和更新等功能。并将学生综合信息管理模块与学生成绩管理模块总和在一起，构成一个较为完整的学籍管理软件。 综合实训课题2：在因特网上浏览，参照当今网上流行的购物方式，构建一个具有自己特色的网上商店。 综合实训课题3：在第7章实训课题3的基础上，开发一个系级动态网站，它有后台数据库支持，能及时更新信息。数据库中应有本系的主要信息，该网站又是校园网的一部分,要求：,(1) 你所在系的概貌，并介绍相关信息。 (2) 各年级的概貌、专业的设置，并介绍相关信息。 (3) 你所在班级的概貌，并介绍相关信息。 (4) 在网页中提供各种查询功能，例如：查询某位同学的学习成绩，计算及格率或优秀率等等。 (5) 网站设计美观大方，信息新颖，具有较强的实用性：便于学生查分，了解系及年级的情况；教师及家长了解学生情况；协助学生组和系教务部门进行学生和教务管理。 为完成综合实训课题，需成立： (1) 系级网站设计与规划组，由学生中的项目负责人、教师、学生组人员、教务人员组成，负责系级网站的设计与规划，并分配年级网页规划与制作任务。 (2) 年级网页设计与规划组，负责本年级网页的设计、规划与制作。 (3) 班级网页设计与规划组，负责本班网页的设计、规划与制作。,
