个人相册实例之主页大小相片的显示和留言板的实现.doc

接着上一次课的实例，这回我们要制作一个主页面（index.asp）和用于显示大相片的页面（bigImage.asp）.所要实现的基本功能：一、 登陆成功，进入主页面后，（index.asp）根据姓名和性别，在页面的上方从右往左滚动“欢迎光临我的相册，某某某先生（或某某某女士）”的字样。字样下方有若干小相片（相片存放在网站根目录下的用于专门存放相片的images文件夹里，事先请建立好该文件夹并存放相关相片。），鼠标停留在相片上的时候提示“点击看大图”的字样，点击相片后在新窗口中（bigImage.asp）弹出相对应的大相片的新页面。二、 用于显示大图片的页面只能有一个（bigImage.asp），该页面根据从index.asp中点击小相片的时候传递过来的图片名称或图片编号动态的显示相对应的大图片。三、 用户登陆成功进入主页面浏览相片后如果有什么感想可以进行留言。并且在主页相片的下方能显示以前用户所留下来的历史留言信息，历史留言信息按时间顺序从上到下升序排列（即最新的留言信息放在最下方）。四、 相册的主人能根据输入的密码对相册的留言进行管理，以便删除不想要的留言。其他人不能随便删除留言。步骤：1、 先在testDb数据库里面建立一个用于存放留言信息的表liuYan。在查询分析器里面执行代码如下：if exists (select * from dbo.sysobjects where id = object_id(Ndbo.liuYan) and OBJECTPROPERTY(id, NIsUserTable) = 1)drop table dbo.liuYanGOCREATE TABLE dbo.liuYan (i_id int IDENTITY (1, 1) NOT NULL ,s_name varchar (20) COLLATE Chinese_PRC_CI_AS NULL ,d_date varchar (50) COLLATE Chinese_PRC_CI_AS NULL ,s_content varchar (500) COLLATE Chinese_PRC_CI_AS NULL ) ON PRIMARYGO2、 制作主页面index.asp，页面的最上方根据登陆用户的性别从右往左显示“欢迎光临我的相册，某某某先生（或女士）”的字样。欢迎文字的下方显示若干小相片，当鼠标停留在相片的上方的时候显示提示信息“点击看大图”。点击后连接到新的页面显示对应的大相片。页面样式和代码参见index.asp文件。3、 制作显示大相片的bigImage.asp页面。这个页面根据从主页面点击小相片后所传递过来的相片名称显示对应的大相片。给所显示的大相片设置好合理的宽度和高度，避免太大或太小导致观看不方便，页面样式和代码参见bigImage.asp文件。4、 历史留言的显示功能。在index.asp页面里面，历史留言显示在相片的下方，显示的内容是“某人在某日某时说了什么内容”，要求每个留言都有横线隔开以便方便查看。5、 访客留言的输入。访客输入留言也是在index.asp页面进行。在显示历史留言的下方提供一个供访客输入留言的多行文本域和一个提交按钮、一个重置按钮，重置按钮旁边有一个“管理留言”的链接，以便进行留言的管理。提交后交给doLiuyan.asp6、 制作doLiuyan.asp页面。该页面用于执行往数据库里面保存留言信息的操作。在index.asp页面输入留言信息并提交后，留言信息被传递给doLiuyan.asp页面，doLiuyan.asp页面连接数据库，并把留言人、留言时间、留言内容插入数据库，然后重新跳转到index.asp页面，并把留言信息显示出来。7、 制作guanLiLiuYan.asp页面，用于对留言进行管理。该页面把所有留言按时间先后显示出来，并提供一个删除链接，以便删除不想要的留言。8、 制作deleteLiuYan.asp页面，用于核对删除留言的密码，因为此处删除留言是针对相册主人才能操作的功能，所以需要输入密码，其他人不能删除。注意此处的密码不象用户登陆页面一样与数据库链接，而是直接在代码里定死的。该页面提交后交给doDeleteLiuYan.asp文件处理。样式和代码参见deleteLiuYan.asp文件。9、 制作doDeleteLiuYan.asp页面，用于执行在数据库删除留言的操作。在该页面里面，根据传递过来的要删除的留言编号，与数据库进行连接，然后执行删除留言操作，删除成功后直接跳转到留言管理页面（guanLiLiuY