动态网页设计应用实践课程设计-ASP的个人博客系统的设计

计算机系课 程 设 计设计题目：基于ASP的个人博客系统的设计2008年1月8 日课程设计任务书1 课程设计时间： 2008 年 12 月 29 日 至 2009 年 1 月 9 日课程设计题目： 动态网页设计应用实践 课程设计任务与要求一、 设计目的 本设计希望通过对网站建设的规划与设计来培养学生综合运用所学知识分析和解决实际问题的能力，掌握相关网页制作软件，强化计算机实际应用技能训练，为今后开展网站规划、设计和开发打下初步的基础。二、设计要求 1、运用Dreamweaver等网络制作软件制作主页及其相关链接的页面。2、主页要求：清纯简洁、主题鲜明、内容编排得当合理、有一定的艺术感，美观、实用，相关链接正常，能体现网站首页的基本功能。3、网站具备的基本功能：运用所学知识编写ASP程序建立动态网站。4、选题要得当，形式可以多样，但内容要健康。5、网站建立后要完成测试，最后将运行稳定的网站所有文件用光盘分班拷贝给指导老师。课程设计进度计划安排第一周：确立建设该网站的目的、意义；分析当前网站建设的基本情况，确定本网站的总体规划、功能和设计目标；本网站设计中具体实现的几个关键功能和相关技术说明。 第二周：网站测试及发布的情况（含测试环境、条件、性能的分析等）；网站建设的心得体会和扩展性分析。指导教师（签名）： 日期： 年 月 日课程设计指导教师评阅书课程设计指导教师评语课程设计成绩评定指导教师（签名）： 日期： 年 月 日目 录1 引言12 系统设计22.1需求分析22.2概要设计32.2.1总体结构图设计32.2.2数据库的概要设计42.3运行环境52.4开发工具和编程语言53 详细设计63.1系统流程分析63.2首页页面63.3博文详细信息页面73.4系统信息页面93.5管理员登陆页面93.6修改博客信息页面103.7管理博文分类页面113.8发表博文页面113.9博文列表页面123.10管理博文的详细信息页面134 测试结果14参考文献15总结16附录17唐 山 学 院 课 程 设 计1 引言Blog的全名应该是Web log，中文意思是“网络日志”，后来缩写为Blog，而博客(Blogger)就是写Blog的人。从理解上讲，博客是“一种表达个人思想、网络链接、内容，按照时间顺序排列，并且不断更新的出版方式”。Blog是继Email、BBS、ICQ之后出现的第四种网络交流方式，是网络时代的个人“读者文摘”，是以超级链接为武器的网络日记，是代表着新的生活方式和新的工作方式，更代表着新的学习方式。具体说来，博客(Blogger)这个概念解释为使用特定的软件，在网络上出版、发表和张贴个人文章的人。简言之， Blog 就是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松地与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。随着Blog快速扩张，它的目的与最初的浏览网页心得已相去甚远。目前网络上数以千计的Bloggers发表和张贴Blog的目的有很大的差异。不过，由于沟通方式比电子邮件、讨论群组以及BBS和论坛更简单和容易，Blog已成为家庭、公司、部门和团队之间越来越盛行的沟通工具。博客的出现集中体现了互联网时代媒体界所体现的商业化垄断与非商业化自由，大众化传播与个性化(分众化，小众化)表达，单向传播与双向传播3个基本矛盾、方向和互动。这几个矛盾因为博客引发的开放源代码运动，至少在技术层面上得到了根本的解决。博客秉承了个人网站的自由精神，但是综合了激发创造的新模式，使其更具开放和建设性。要在网络世界体现个人的存在，张扬个人的社会价值，拓展个人的知识视野，建立属于自己的交流沟通的群体。从这个意义上说，博客将会变得越来越普及，越来越为更多的人接受。博客作为一种新表达的方式，它的传播不仅情绪，包括大量的智慧、意见和思想。某种意义上说，它也是一种新的文化现象，博客的出现和繁荣，真正凸现网络的知识价值，标志着互联网发展开始步入更高的阶段。2 系统设计2.1需求分析在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，在Internet拥有自己的一片空间主要是通过网络中的博客来实现的。作为专业领域的知识传播模式，博客将成为该领域最具影响力的人物之一；博客这个通过企业、个人用来推广的新媒体，使越来越多网民加入互联网博客大军。它可以使人很快的它可以给我们带来写作快感和表达内心丰富感情的很好方式， 是互联网发展的趋势。对于本系统的设计主要从两方面来实现。第一方面是管理员管理，第二方面就是一般游客浏览评论。一般游客可以在首页进行感言评论，在首页中设置了游客评论，以及博主回复，从而方便游客的访问，同时对本系统也有一个最基本的了解。在管理员管理界面，主要实现管理员对博客所发布的博文内容的管理，包括对游客评论信息的管理和对博文的管理等，从而使系统做到更好的管理与维护。博客信息管理：主要是管理博客的信息，包括博客名称、 头像管理：通过图片博主可以修改自己的头像，为博客添加更多的活力，从而实现和游客更好的沟通和交流。博文管理：博主会在自己的博客中表现自己内心的感受以及其它心灵感慨，游客可以通过对博文进行浏览和评论操作。博主可以通过对博文进行对发表、查看、修改以及删除等操作，以表达自己的情感和更好的管理与维护。评论管理：对进入本系统的游客所发表的评论进行查看管理，而对于已经过期或不良评论进行删除操作，使博客可以做到及时的更新，以利于网站的维护。当游客浏览博主个人博客时也可以对博主所发表的博文进行评论，同时可以给博主留言，进行博客人性化的管理，使博主可以与外界进行更好的沟通和交流。在本系统中，博主可以进行管理、发表自己的文章，通过发表文章可以给自己带来写作快感和表达内心丰富感情，同时可以上传自己的头像图片，进行个人博客的美化，也可以展现自己的个人爱好。2.2概要设计2.2.1总体结构图设计此课程设计主要包含两个方面，一为普通游客空间，二为管理员管理空间。普通游客可以在博客里浏览博文或对博文进行感言评论。管理员在首页进行登录后，在管理员界面可以进行对头像，文章，评论以及博主信息进行修改管理。博客系统游客模块管理员模块浏览模块评论模块浏览博文发表评论登陆模块博文分类模块博文模块评论模块头像模块修改账号修改密码添加分类修改分类删除分类发表博文修改博文删除博文浏览评论删除评论修改头像访问量模块图1： 结构图游客模块：主要是为了让访问本博客的游客对博客有一个基本的了解。浏览模块和留言模块：主要是为了了解游客对本博客博主博文的评价，以便于同博主更好的互动和交流。管理员模块：进行登录后，主要实现对所发表的博文、评论及留言信息进行管理，对博客各个方面的管理与维护以便网站更好的运行。博文模块：管理员对博文进行发表、修改和删除操作。留言模块：管理员对游客的留言进行浏览和删除操作。头像模块：管理员对博主的头像进行修改操作。访问量：显示博客的访问次数。2.2.2数据库的概要设计本系统所用到的数据库为blogData数据库，主要用到了4个表：webConfiguration，blogCategory，blogMessages，blogComments。(1) 关于webConfiguration 表：这个表最主要的目的是存储博客的信息，如博客名称等。本表以“id”为主键。表1：webConfiguration表字段名称数据类型说明id自动编号webName文本博客名称webDesc文本博客副标webEmail文本博客电子邮件webUrl文本博客地址webUsername文本管理使用名称webPasswd文本管理密码webAbout文本关于博主webIntroduce备注博客简述webImagesOLE 对象保存图片数据webVisits数字博客访问次数(2) 关于blogCategory表：这个表最主要的目的是存储博客的博文分类信息。本表以“ca_id”为主键。表2：blogCategory表字段名称数据类型说明ca_id自动编号分类编号ca_name文本分类名称(3) 关于blogMessages表：这个表最主要的目的是存储博客的博文内容。本表以“blog_id”为主键。表3：blogMessages表字段名称数据类型说明blog_id自动编号blog编号ca_id数字分类编号blog_date日期/时间blog发表日期blog_title文本blog标题blog_message备注blog內容(4) 关于blogComments表：这个表最主要的目的是存储博客的博文回复内容。本表以“co_id”为主键。表4：blogComments表字段名称数据类型说明co_id自动编号回复编号blog_id数字blog编号co_date日期/时间回复时间co_subject文本回复标题co_name文本回复人姓名co_email文本回复人电子邮件co_comment备注回复內容2.3运行环境软件环境：windows98/2000/XP/vista操作系统。硬件环境：可在配置IIS的计算机上运行。2.4开发工具和编程语言在WIN98系统以上, 基于ASP的个人博客系统。软件及平台：Asp + Dreamweaver8 + Access。3 详细设计3.1系统流程分析用户使用系统时的工作过程。不同的用户有着不同的工作流程和使用权限。但是所有的用户都是从系统首页进行登录的。游客可以直接在首页进行浏览，而管理员只有点击博客管理登录才能进行对本系统的管理。在数据库设计中管理员的登录名是固定的。本系统的系统流程分析如下图所示：博客首页输入用户名和密码管理员登录界面验证通过？进入个人博客空间进入博客管理员系统退出系统游客管理员 图2： 系统流程分析图3.2首页页面系统首页窗口如图3所示。图3： 首页页面3.3博文详细信息页面选取首页任一篇博文详细内容的链接，即可进入该博文的详细信息页面，如图4所示。除了可以浏览博文全文，如果有任何感想还可以在下方的表单发表评论，如图5所示。图4：博文详细信息页面图5：评论页面3.4系统信息页面点选网页上的“博主简介”或“关于本博”的文本链接，即可进入本页面显示相关信息，如图6所示。图6：博主简介和关于本博页面3.5管理员登陆页面输入管理员账号（zhaoliang）及密码（2050206222）进入管理页面，如图7所示。图7：管理员登陆页面3.6修改博客信息页面在这个页面中可以修改所以显示的博客信息及管理员账号和密码，如图8所示。图8：修改博客信息页面3.7管理博文分类页面在这个页面中可以管理当前博文分类的状况，除了可以修改、删除原来的分类外，还可以添加分类，如图9所示。图9：管理博文分类页面3.8发表博文页面在这个页面中可以添加博文到数据库，也可以直接在下拉式列表框中选取显示的分类，如图10所示。图10：发表博文页面3.9博文列表页面在这个页面中可以看到所有博文的列表，也可以利用上方的下拉式列表框选取不同的类别来显示博文，如图11所示。图11：博文列表页面3.10管理博文的详细信息页面在这个页面中除了可以修改或删除博文，也可以修改或删除相关的回复，如图12所示。图12：管理博文的详细信息页面4 测试结果(1) 点击“博主简介”或“关于本博”可以进入博客系统信息页面。(2) 点击“博客管理”可以进入管理员登录界面进行登录。(3) 点击“登录”，输入账号和密码可以进入个人博客系统，进行博客管理。(4) 点击“上传照片”可以进入上传照片页面进行照片的上传。(5) 点击“注销管理”可以返回博客首页。(6) 点击“编辑博客信息”可以进入修改博客信息页面。(7) 点击“管理博文分类”可以进入管理博文分类页面。(8) 点击“管理博文和评论”可以进入管理博文和评论页面进行相应操作。(9) 点击“发博文”可以进入发表博文页面发表自己的博文。(10) 点击“详细内容”可以查看整篇博文，以便进行浏览。(11) 点击“相关分类”可以浏览同一分类的所以博文。(12) 点击“我要评论”以进入发表评论页面对博主的文章进行评论。(13) 点击博客左侧的链接，可以进入相应的页面进行操作。参考文献1 邓文渊。Dreamweaver 8 + ASP 动态网站开发实务。人民邮电，2007，7:237-2912 张哲。ASP数据库项目案例导航。清华大学，2007，10：415-4703 胡本峰，赵辉。ASP网站开发从基础到实践。电子工业出版社, 2007，6：290-3474 柯华坤，王磊。Asp网站开发典型模块与实例精讲。电子工业出版社，2006，8：46-97总结通过这次课程设计，使我学到了许多关于ASP的专业知识，让我从中受益匪浅。这次的课程设计给我最大的感受就是：(1) 只有你自己真正的去做了，你才会发现自己到底是哪一方面不会，哪引些你真正的懂了，哪些你还只是蒙胧，从而在以后的学习中提高自己的认知能力(2) 当我们在遇到不懂的问题时，我们一定要学会向别人学习，也许他的轻轻一点，能让你明白许多你一直弄不懂的问题，另外在遇到问题时也要学会利用图书馆和网络，在网络你可以快速的学到许多你在课本上学不到的知识，另外可以很大程度的扩大你的知识面和你的见解能力。(3) 当你在调试过程中遇到发现不了的问题时，我们一定要充分利用调试工具进行调试，它可以帮助你发现问题的根源所在，很快解决你的问题。在进行课程设计时，也要学会与同学的沟通合作能力，相互帮助，相互促进，使程序可以顺利的完成。附录(1) 在本系统中主要用于连接数据库的语句为：%Dim MM_connData_STRINGMM_connData_STRING = Provider=Microsoft.jet.OLEDB.4.0;Data Source= Server.MapPath(/Database/blogData.mdb)%(2) 登陆系统的主要代码如下：%MM_LoginAction = Request.ServerVariables(URL)If Request.QueryString Then MM_LoginAction = MM_LoginAction + ? + Server.HTMLEncode(Request.QueryString)MM_valUsername = CStr(Request.Form(username)If MM_valUsername Then Dim MM_fldUserAuthorization Dim MM_redirectLoginSuccess Dim MM_redirectLoginFailed Dim MM_loginSQL Dim MM_rsUser Dim MM_rsUser_cmd MM_fldUserAuthorization = MM_redirectLoginSuccess = adminWebInfo.asp MM_redirectLoginFailed = adminLogin.asp MM_loginSQL = SELECT webUsername, webPasswd If MM_fldUserAuthorization Then MM_loginSQL = MM_loginSQL , MM_fldUserAuthorization MM_loginSQL = MM_loginSQL FROM webConfiguration WHERE webUsername = ? AND webPasswd = ? Set MM_rsUser_cmd = Server.CreateObject (ADODB.Command) MM_rsUser_cmd.ActiveConnection = MM_connData_STRING MM_rsUser_cmd.CommandText = MM_loginSQL MM_rsUser_cmd.Parameters.Append MM_rsUser_cmd.CreateParameter(param1, 200, 1, 50, MM_valUsername) MM_rsUser_cmd.Parameters.Append MM_rsUser_cmd.CreateParameter(param2, 200, 1, 50, Request.Form(passwd) MM_rsUser_cmd.Prepared = true Set MM_rsUser = MM_rsUser_cmd.Execute If Not MM_rsUser.EOF Or Not MM_rsUser.BOF Then Session(MM_Username) = MM_valUsername If (MM_fldUserAuthorization ) Then Session(MM_UserAuthorization) = CStr(MM_rsUser.Fields.Item(MM_fldUserAuthorization).Value) Else Session(MM_UserAuthorization) = End If if CStr(Request.QueryString(accessdenied) And true Then MM_redirectLoginSuccess = Request.QueryString(accessdenied) End If MM_rsUser.Close Response.Redirect(MM_redirectLoginSuccess) End If MM_rsUser.Close Response.Redirect(MM_redirectLoginFailed)End If%(3) 修改头像主要代码如下：% if request.ServerVariables(REQUEST_METHOD) = POST then dim sCome, sGo, binData, strData dim posB, posE, posSB, posSE dim binCrlf dim strPath, strFileName, strContentType binCrlf = chrb(13)chrb(10) set sCome = server.CreateObject(adodb.stream) sCome.Type = 1 sCome.Mode = 3 sCome.Open sCome.Write request.BinaryRead(request.TotalBytes) sCome.Position = 0 binData = sCome.Read set sGo = server.CreateObject(adodb.stream) sGo.Type = 1 sGo.Mode = 3 sGo.Open posB = 1 posB = instrb(posB,binData,binCrlf) posE = instrb(posB+1,binData,binCrlf) sCome.Position = posB+1 sCome.CopyTo sGo,posE-posB-2 sGo.Position = 0 sGo.Type = 2 sGo.Charset = gb2312 strData = sGo.ReadText sGo.Close posSB = 1 posSB = instr(posSB,strData,filename=) + len(filename=) posSE = instr(posSB,strData,) if posSE posSB then strPath = mid(strData,posSB,posSE-posSB) posB = posE posE = instrb(posB+1,binData,binCrlf) sGo.Type = 1 sGo.Mode = 3 sGo.Open sCome.Position = posB sCome.CopyTo sGo,posE-posB-1 sGo.Position = 0 sGo.Type = 2 sGo.Charset = gb2312 strData = sGo.ReadText sGo.Close posB = posE+2 posE = instrb(posB+1,binData,binCrlf) sGo.Type = 1 sGo.Mode = 3 sGo.Open sCome.Position = posB+1 sCome.CopyTo sGo,posE-posB-2 sGo.Position = 0 strData = sGo.Read sGo.Close