网页设计与多媒体课件制作.doc

网页设计与多媒体课件制作学号：050604119姓名：王少鹏班级：050604网页设计与多媒体课件制作一、 题目介绍：我们设计这个留言板是为了方便大家在自己的网站或是班级等集体网站里。同学们一起探讨我们的生活，大家一起聊天等。Internet的迅猛发展，推动了各种网络技术的不断产生和更新，ASP的出现改变了以往网站是由单纯的HTML语言编写的静态网页所组成的情况，有了ASP以后，网站的内容变得简单而有趣。因此这使得我们在互联网上的“生活”越来越精彩，对于在互联网上交流的方式，也出现了越来越多的形式。基于web的留言簿，为我们提供一个能够多人参与的交流方式。开发环境说明：Windows 98/MEPWS或Windows 2000/XPIIS。涉及软件：Dreamweaver MX或FrontPage 2000，Photoshop 7.0或Fireworks MX，Access 2000。涉及技术：HTML，JavaScript，CSS，VBScript，ASP，ADO，SQL。二、功能分析：留言簿中用户登陆/注册，发表文章，浏览文章，更改个人信息等功能的实现。功能定位：主要是能够进行留言，但同时还需要大家留下自己的联系方式和其他信息。还需要设计后台管理系统，进行留言板的管理等一些其他附加功能。 概要设计：系统的各功能模块及关系如下图：留言系统查看同班同学留言模块查看详细信息模块查看最新公共留言模块修改信息模块给同学留言模块查看给自己的留言模块用户登录模块用户注册模块本系统使用Access作为应用程序的数据库。考虑到系统的实际需求，系统至少需要两张张数据库表。下面给出其中主要的数据字典。同学信息表（Student）：管理员ID、姓名、密码。IDUsernameR_nameGenderPassword自增编号用户名真实姓名性别密码无文本文本数字（0|1）文本留言信息表（Message）：留言ID、留言主题、留言主题、接受者、留言内容、留言时间IDNameFrom_userTo_userInfoTimeID留言主题留言者接受者留言内容留言时间自增编码文本文本文本备注Now()三、具体模块实现1.新同学的注册首先，在客户端的页面需要使用脚本语言VBScript来进行用户注册信息的基本校验，以使得输入的数据类型能和数据库的数据类型匹配。其次，当用户完成正确输入，点击“注册”按钮后，regAction.asp首先取得和数据库的连接，把request提交的数据作为一条Record写入数据库。把该用户的“username”、“classid”、“r_name”等信息放入Session中，为以后的使用做好准备。页面提示用户注册成功，并跳转到userView页面。2.同学的登录和退出当同学在主页点击“学生登录”，此时进入login.asp页面。在这个页面，也需要对用户的输入进行基本的数据校验。用户合理填完登录表单信息后，点击“登录”，loginAction.asp处理登录请求。这个asp文件先取得数据库连接，然后根据request提供的登录数据在数据库中查询是否存在相同用户名和密码的Record，如果没有，提示“用户名或密码有误，请重新输入”，如果有，则把该用户的“username”、“classid”、“r_name”等信息放入Session中，为以后的使用做好准备，并跳转到userView页面。3.查看同班同学用户登录成功后，默认的userView页面会在下方显示同班同学的列表。这个列表是根据session中的“classid”信息在数据库中检索得到的。4.查看详细学友信息在userView页面中显示的同班同学中，每条数据的后面都有“详细”连接，点击此链接后，会显示这个同学比较详细的信息（除了一些隐私信息）personalInfo.asp。在userView页面的“详细”连接上，传递了这个同学的username属性作为参数，当进入personalInfo.asp时，同样先取得数据库连接，根据传递的username属性取得record，依次拿出record的相应属性并以Table的样式显示。5.查看最新留言在userView页面中，有一个超链接是“查看最新留言”。点击该链接后，进入topMessage.asp。在这个asp文件中，取得数据库连接后，从message表中拿出最新的3条（预设）数据记录，在页面使用 fornext 循环，以table样式显示数据。6.查看给自己的留言在userView页面中，有一个超链接是“查看给我的留言”。点击该链接后，进入tMessagetome.asp。在这个asp文件中，取得数据库连接后，从message表中拿取message表中的to_uer字段的值等于Session中的“username”的数据记录，在页面使用 fornext 循环，依次以table样式显示数据。7.给自己的学友留言在userView页面中显示的同班同学中，每条数据的后面都有“留言”连接，点击此链接后， 进入leaveMes.asp文件，在这个asp文件中，自动接收在由上个页面的request传来的属性，自动生成留言时间（time）、留言者（from_user）、接受者（to_user）等信息。用户只需要填写留言主题和留言内容即可留言。提交留言后，自动生成一条数据库的记录并写入message表中。8.修改自己的信息在userView页面中，有一个修改个人信息的超链接，这个超链接连入的是modify.asp文件。在这个文件中，以表单的形式提供了用户可以修改的个人信息，并同时提供了基本数据的页面验证。 用户修改数据后，点击提交，将会以一条Update的SQL语句执行数据的更新操作。四、测试及部署测试：在各个需要数据验证的页面进行非法输入，以及在注册页面进行SQL注入输入，均能正常运行。各链接及处理正确。测试通过。部署：安装IIS 5.0，打开“管理”-“服务和应用程序”-“Internet信息服务”-“网站”-“默认网站”，右键，选择“新建虚拟目录”-“下一步”-输入你想别人访问的名字，如MyASP，“下一步”，选择同学录存放的路径，“下一步”，选择“读取”、“运行”两个权限，“下一步”点击完成。现在在IE地址栏输入http:/localhost/MyASP即可访问同学录网站。五、总结在这个项目的编写中，主要适用了ASP页面技术和SQL（结构化查询语言）。在ASP的页面表现中，页面的校验和后台服务器的编程主要使用的是VBScript脚本语言。在这个项目中，尽量使页面表现和数据控制分离，模仿JSP开发的model1（模式一），体现软件工程的分层思想，以降低代码的耦合度，提高代码的复用。参考资料：网页制作三剑客精彩实例详解 作者：赵艳铎 出版社：上海科学普及出版社网页制作三剑客经典实例 作者：崔亚量 出版社：电子科技大学出版社Visual InterDev 6.0网络编程技术作者：钱力鹏 何斌 出版社：人民邮电