《毕业设计（论文）-个人博客blog的设计与实现.doc》由会员分享，可在线阅读，更多相关《毕业设计（论文）-个人博客blog的设计与实现.doc（41页珍藏版）》请在三一文库上搜索。
1、华中科技大学学士学位论文摘 要Blog，中文称为“博客”，是网络时代的又一新产物。随着网络技术的发展，人们对网络的依赖和迷恋在不断地加强，而网络新产物博客的出现，不但成为互联网上一道引人注目的风景，而且对人类及社会的影响也不可小视。有人预测，在不久的将来，博客的影响力有可能超越传统媒体；作为专业领域的知识传播模式，博客将作为该领域最具影响力的人物之一；作为一种社会交流工具，博客将超越Email，BBS，IM成为人们之间更重要的沟通方式。本次毕业设计我的主要任务是从技术的角度研究一个个人blog网站的设计和建立过程。 本文介绍了blog网站的主要结构框架和功能特点，比较了PHP、ASP、ASP.
2、net等主流的网页开发技术。在综合比较各种开发工具优劣的基础上，本设计方案选用了ASP VBScript+Access的开发组合，网页外观设计则选用了Dreamweaver MX 2004。 在这次毕业设计中，主要利用数据库操作实现了blog网站的基本功能，包括日志的发表、编辑和删除；用户留言的发表和删除；评论的发表和删除等。并且本设计中引入了一个用户注册系统，使网站的管理更加方便。关键词：blog网站，数据库，用户注册系统AbstractBlog, which is called “buo ke” in Chinese, is a new outcome of the network age
3、. With the development of the network technology, people are becoming more and more reliant and infatuated on Internet. The appearance of Blog is not only becoming a remarkable landscape on Internet, but also bringing notable influence to the human and our society. Someone forecast that the influenc
4、e of blog will exceed the traditional media in the future. As mode of transmitting in the professional domain, blogger will be one of the most important people in the domain. As one of communicating tools, blog will exceed Email, BBS, IM and turn into the more important way of communication between
5、people.My task is researching the course of designing and establishing a blog website from the technical point of view.This paper introduces the mainly structure and characteristics of function of a blog website. It also compares the differences between PHP, ASP and ASP.net which are the primary tec
6、hnologies used for web programming. Considering about the compare, ASP and Access DBMS are chosen for this program. Dreamweaver MX 2004 is used for designing the appearance of webpage. In this program, the basic functions of the website which include adding, editing, deleting of logs and adding, del
7、eting of messages and comments are realized by using operations to the database. A users registration system is used for simplifying the management of the website.Keywords: blog website, database, users registration system目 录摘 要错误！未定义书签。Abstract错误！未定义书签。目 录11 绪 论错误！未定义书签。1.1 课题背景错误！未定义书签。1.2 blog发展概
8、况错误！未定义书签。1.3 课题主要内容错误！未定义书签。2 系统方案论证错误！未定义书签。2.1 结构特点与功能要求错误！未定义书签。2.2 主要开发技术及其比较错误！未定义书签。2.3 本论文采纳的技术方案错误！未定义书签。3 总体设计错误！未定义书签。3.1 系统设计思想错误！未定义书签。3.2 总体结构框图错误！未定义书签。3.3 模块功能介绍错误！未定义书签。4 系统实现错误！未定义书签。4.1 数据库设计错误！未定义书签。4.2 主要算法描述错误！未定义书签。4.3 关键技术错误！未定义书签。5 总结与展望错误！未定义书签。致谢错误！未定义书签。参考文献错误！未定义书签。1 绪论1
9、.1 课题背景Blog诞生的时间并不长，国内常用的英文字典里面甚至找不到这个词，但最近通过互联网上彰显个性的Blog个人主题站点被媒体关注而热了起来。Blog是近几年在美国出现，并迅速风靡全球的一种新的网络媒体形式。所谓Blog，即是Web Log（网页日志，简称“网志”）合并演化而来，主要是以日记的形式发布文章，并可以附加评论的个人网页。随着克林顿白宫事件通过Blog在网络上惊爆内幕并且迅速传播，这种新的网络媒体形式也流行开来，许多热衷网络写作的人加入了Blog的行列，这些人就叫做Blogger（博客）。Blogger就像当年的Hippy（嬉皮士）一样，已经成为对特定人群的一种称谓。不同Bl
10、og的内容和目的有很大的不同，从对其他网站的超级链接和评论，有关公司、个人、构想的新闻到日记、照片、诗歌、散文，甚至科幻小说的发表或张贴都有。许多Blog是个人心中所想之事情的发表，其它Blog则是一群人基于某个特定主题或共同利益领域的集体创作。Blog好象对网络传达的实时讯息。撰写这些Weblog或Blog的人就叫做Blogger或Blog writer。在网络上发表Blog的构想使于1998年，但到了2000年才真正开始流行。起初，Bloggers将其每天浏览网站的心得和意见记录下来，并予以公开，来给其它人参考和遵循。但随着Blogging快速扩张，它的目的与最初已相去甚远。目前网络上数以
11、千计的 Bloggers发表和张贴Blog的目的有很大的差异。不过，由于沟通方式比电子邮件、讨论群组更简单和容易，Blog已成为家庭、公司、部门和团队之间越来越盛行的沟通工具，因为它也逐渐被应用在企业内部网络（Intranet）。目前有数个网站可以让网友设立帐号及发表Blogs，最有名的是：。到今天，“博客”对我们来说已不是一个陌生的名词。全球现在有接近100万blogger，而且每4秒都会产生一名新的blogger。博客已成为新新人类的一种标志。博客的昌盛反映了随着网络技术的发展，人们对网络的依赖和迷恋在不断的加强。博客网站已成为互联网上一道新的风景线，它必将给网络时代带来新的活力。1.2
12、blog的发展概况Blog据说是一群海归人士引入中国的，国内最早的Blog网站可能是方兴东先生创办的“博客中国”，他也是Blog文化不遗余力的布道者。早期的Blog网站，定位主要还是在IT、信息化、经济、科学技术等领域，参与的人士大多是一些专家学者，形式和内容都比较专业，不太容易吸引普通的网民参与。直到一些网站意识到Blog可能带来的商业价值，开放了自助式的Blog网页，才逐渐普及开来。追溯Blog的技术原型，可以说是简化的BBS和个人空间的组合，从技术上看其实并没有任何创新。上世纪90年代，互联网刚普及起来时，出现了很多有名的网络作家，不少人就是通过一些门户网站的社区BBS发表作品，这可以算
13、是Blog的雏形。国内著名的网络原创作品站“榕树下”，它的文章发表方式，其实就很有些Blog的味道。但为什么BBS、网络作品站没有 Blog目前这样如火如荼，赢得媒体的关注和网民的积极参与呢？首先，无论是BBS、还是网络作品站，它突显的首先是论坛或网站的定位，网民只是一个参与者，文章的发表和评论回复，都是有规矩的，有一定的审核机制，有专人（版主、网管、编辑等）在管理。相比较而言，Blog更强调的是个性。就本质而言，Blog其实就是有现成的网页模板的，可以发表文章和评论，并可按日历索引的个人网站。它的形式相对简单，管理者和发布者通常就是一个人，和一些新闻网站的文章发布系统类似。Blog从技术构架
14、上来看是非常简单的，只能算是BBS系统的一个小子集。就好比加入论坛管理员为某注册用户开了一个版，只充许这个用户发布帖子，其他用户只有浏览和回复，这就和Blog差不多了。而经营着Blog业务的网站，其实可以看成一个有无数版面的大论坛。然而，Blog在不到两年的时间内，就变得这么热，大有当年免费邮箱和OICQ（QQ的前身）的势头，也是有其内在原因的。Blog站点目前是免费的，而现在好用的免费网站空间几乎没有，论坛空间不仅更贵，而且安装、配置、维护并不是普通的网民能力所及的。Blog本来的意思就是在网络上写日记的地方，所以它的使用和维护起点很低，会申请免费邮箱，基本上就可以玩转Blog。即使是还在读
15、小学的小孩，都可以很容易地拥有自己的Blog主页，他可以每天在上面记学校吃了啥，老师同学说了啥。可见，Blog有其流行的基础条件，就是上手简单。国外Blog最近也很流行，但几乎都限于写写随笔、收藏一些的文章，也有专门通过Blog发表作品的。大多数中国人并没有经常书写的习惯，Blog的出现和流行，如果能改变这种现状态，无疑对提高整体国民素质是很有好处的。但如今网络上很多Blog网页，形式和内容已经不是真正的 Blog，部分聪明的网友，将Blog弄成了图片集、小说集（当然不是原创）、Flash站、炒股站，甚至还有发布影视下载链接、广告信息的。这种看似热闹的Blog风潮，不仅不会加速Blog的发展，
16、很有可能使Blog偏离健康发展的轨道。但不管怎样，Blog不仅满足了专业人事和职业作者交流存档的需求，也满足了普通网民“玩票”的愿望，确实具备了流行的潜质。博客存在的方式，一般分为三种类型：一是托管博客，无须自己注册域名、租用空间和编制网页，博客们只要去免费注册申请即可拥有自己的博客空间，是最“多快好省”的方式。如英文的、中文的“博客中文站”（）等都提供这样的服务；二是自建独立网站的博客，有自己的域名、空间和页面风格，需要一定的条件。如方兴东建立的“博客中国”站（）；三是附属博客，将自己的博客作为某一个网站的一部分（如一个栏目、一个频道或者一个地址）。这三类之间可以相互演变，甚至可以兼得，使一
17、个用户可以拥有多种博客网站。1.3 课题主要内容本课题的目的在于从技术的角度探讨设计一个blog网站的方法和过程。一个blog网站的建立其实与一个普通网站的建立并没有很大的区别，两者从本质上来说是一样的。但由于网络上有越来越多的人投身于blogger行列中，并不是所有的人都精通网络技术，所以现在有许多比较现成的blog工具软件。所以制作blog网站并不是一件很难的工作，只要稍有点电脑技术的人都可以制作出属于自己的blog网站。最简单的制作blog的方法是在blog服务商那里申请免费的账号，比如博客中国（）。你需要创建一个用户名和口令，输入一段关于你的blog的描述，然后从列表中选择一种你喜欢的
18、版式（这种版式以后可以修改）。接下来你就可以点击相应的链接输入第一条记录了。如果一切顺利，不到5分钟时间你就可以拥有自己的blog了。但这种blog往往受到功能的限制，还会带有烦人的广告条。如果拥有自己的Web服务器的话，还可以自己建立一个小的blog系统，blog对系统要求并不高，用来建造blog的软件大部分也是免费的。大多数的blog软件包一般都需要下面几类软件的支持才能工作：Apache或者Microsoft IIS、PHP或Perl、MySQL。从本质上来看，blog就是Web服务器上的一个交互式数据库系统，它通过blog软件包中的脚本来进行控制。创建自己的blog系统的好处是可以拥有
19、更大的空间、更多的可订制性、自己的URL地质和blog服务商未能提供的其他各项功能，此外还可以自己制定blog的编辑方针。本课题将采用自己建立blog系统的方法,利用网页开发工具和数据库实现一个简单的个人blog系统，使其能实现目前主流blog所能实现的主要功能。2 系统方案论证2.1 结构特点与功能要求一个Blog 就是一个网页,通常由简短且经常更新的张贴文章构成。这些文章按年份和日期排列,其内容和目的各不相同,有的相当于博客本人的随笔和日记，有的则是一群人基于某个特定主题或共同利益领域的集体创作,且都包含许多其他网站的超级链接和评论,通过网络传达实时信息。因此我们可以把blog看作是一种特
20、殊形式的网页，它与一般网页的不同只是在于结构和内容上，从技术的角度来看是没有什么区别的。Blog的管理者和作者通常是同一个人，这里我们称他（或她）为blogger。一个Blog网站的大致结构可以分为两部分日志页面和管理页面。日志页面的核心内容就是按照一定的顺序显示blogger创作的日志，即blog。这种顺序通常来说是按照最新发表的内容在最前的规则，类似于记流水账，这也是blog的结构特点之一，因为blog的初衷就是仿照日记的模式。另外，blogger还可以在自己的blog上显著的位置发表公告，公告的内容不用经常更新。同时，日志页面一般是对所有人开放的。游客访问这个blogger的blog时，
21、首先看到的就是blogger新发表的日志，以前发表的日志按照发表时间由新到旧的顺序自上向下排列着。游客可以对blogger的日志作出评论，评论的内容将会附在其所评论的日志的后面。游客还可以在blog上留言，发表自己对这个blog风格、内容、形式的看法以及与blogger进行交流。管理页面是不对普通游客开放的。Blogger可以在这里发表新日志并对blog的各个方面进行管理。最基本的管理内容包括对日志和公告的内容进行修改、删除游客的评论或留言、添加或删除管理员等等。以上就是一个最简单的blog的大致结构，在此基础上，blogger可以充分发挥想象力，让自己的blog变得亮丽多彩，吸引更多人的眼球
22、。2.2 主要的开发技术及其比较本系统的实现主要运用到两种开发技术Web编程语言和数据库技术。目前几种主要被广泛使用的Web编程语言包括PHP、ASP、ASP.net等，下面就对其各自的特点做一个简要介绍。2.2.1 PHP超文本预处理器（Hypertext Pre-processor）PHP是开放源代码服务器端的脚本语言，在语法上同C语言非常类似。尽管最初是被设计用于基于Linux的Apache Web 服务器系统，现在的PHP已经被移植到了任何操作系统并兼容任何标准Web服务器软件。由此也可以得出PHP的三大主要优势。首先它是跨平台的技术，因此PHP应用程序可以被方便的移植当然这还要取决于
23、诸如厂商特定数据库等需要集成的额外组件。这样的可移植性还带来了另一方面的优势，即绝大部分的Web主机提供商都会支持PHP，因此根据需要更改主机将会非常方便。第二点，由于PHP同C编程语言有很多相似之处，对于熟悉相关语法的开发人员来说，PHP则非常容易上手这种语法同样在Java、JavaScript以及Perl中得到应用。第三，由于是开放源代码产品，PHP将继续快速发展，更为重要的是相关漏洞补丁将免费的定期植入到核心库中。此外，在一些特定的编程需求下，PHP对于开发人员显示出了更为诱人的吸引力。首先，PHP有内建库支持对于图片及PDF文档的直接创建和相关操作。这意味着当一个应用程序调用包含有an
24、ti-aliased类型文本的动态创建菜单图像，或者是需要导出Acrobat格式页面时，PHP都将是解决此类问题的理想技术。尽管这些功能在理论上也可以通过其他与PHP相竞争的技术获得，但往往其他技术需要安装第三方自定义组件才能实现。另一点使得PHP成为编写服务器脚本最佳选择的是在处理连接mySOL或者Postgres数据库一类的问题时PHP的良好表现。尽管对于mySOL或者Postgres数据库的访问可以通过ASP技术借助ODBC连接来实现，但这常常需要系统管理员进行额外的配置。幸运的是，这点限制在ASP.NET中得到了改正，当需要建立类似于使用MS SQL Server的直接数据库连接时可以
25、通过mySQL提供数据。2.2.2 ASP动态服务页面（Active Server Pages）ASP是微软公司推出的用以取代CGI（Common Gateway Interface）的动态服务器网页技术。由于ASP简单易学，又有微软的强大支持，所以目前ASP使用非常广泛，很多大型的站点都是用ASP开发的。ASP可以在Windows NT及其以上操所系统上运行，在Windows 98上安装个人Web服务器PWS4.0（Personal Web Server 4.0）以后也可以运行。它对客户端没有任何特殊的要求，只要有一个普通的浏览器就可以。ASP文件就是在普通的HTML文件中嵌入VBScrip
26、t或JavaScript脚本语言。其实脚本语言在这之前已经使用，只不过原来脚本语言是在客户端运行，要受到客户端浏览器的限制。而在ASP中，脚本语言实在服务器端运行的，当客户请求一个ASP文件时，服务器就把该文件解释成标准的HTML文件发过去。ASP程序的优点包括：1、ASP所使用的VBScript脚本语言直接来源于VB语言，秉承了VB语言简单易学的特点，上手非常容易。2、因为是把脚本语言直接嵌入HTML文档中，不需要编译和连接，直接解释运行。3、利用ADO组件轻松存取数据库。4、面向对象编程，可扩展ActiveX Server组件功能，可以利用第三方组件或自己开发ActiveX Server组
27、件。理论上说，可以实现任何功能。5、不存在浏览器兼容的问题，由于ASP程序是在服务器端运行的，当客户端浏览器浏览ASP网页时，服务器会将该网页文件重新解释一遍，并将生成的标准HTML文件发送给客户端浏览器，因为送出的是标准的HTML文件，因此不会存在浏览器兼容的问题。6、可以隐藏程序代码，在客户端仅看到由ASP输出的动态的HTML文件，可以保护作者的劳动成果。2.2.3 ASP.NET是选择ASP还是PHP的争论正在随着.NET的崛起而越来越显得多余。的确，过去长达数年的争论将随着是选择Java还是.NET技术（或是两者）答案的揭晓而终结。ASP以及ASP.NET的唯一联系是二者都使用VBSc
28、ript。而单独就.NET而言，它可以使用VBScript以及其他大约20种语言。对于ASP以及PHP来说，将ASP.NET看作是另外一种语言的原因是它运行在完全不同的构架之上。前者是翻译脚本语言，而.NET则是经过编译的framework。这就意味着首先Web页面的运行速度将会有极大提高。同时，源代码更加安全且更为健壮。此外，ASP.NET给Web编程带来了新的理念即“code-behind页面”的思想。按照code-behind思想，每一个HTML页面都是由自身经过编译的程序化指令进行驱动。因此，HTML或称之为表现层很大程度上脱离了应用程序的商业逻辑。尽管这样的分离也可以通过PHP和AS
29、P来实现，但这并非同ASP.NET一样属于自身技术的主要部分。ASP.NET的另一好处是它完整的集成了对XML以及Web服务的各种支持。对.NET而言可以使用非常广泛的安全以及密码系统库，这对于金融机构和企业数据应用程序尤为有用。就缺陷而言，即使是具备丰富经验的开发人员也会发现使用.NET可能把自己搞糊涂。不考虑开发者对于所使用的编程语言的熟悉程度，对于Web开发人员来说，在程序范例方面难度的大幅提升可能会成为他们融入ASP.NET的主要障碍。对ASP.NET应用程序来说主机同样是个问题，ASP.NET并未同ASP或者PHP一样获得了主机提供商的广泛支持，无法在同一级别上展开竞争。在数据库的选
30、择方面，目前主流的数据库技术有Access、Mysql、SQL Server、ORACLE、SYBASE、INFORMIX和 DB2等，其中前三者比较适合一般的个人用户，后几种更适合于商业用户。其各自的功能特点这里就不再一一赘述。2.3 本论文采纳的技术方案本论文采用的Web编程语言为ASP及VBScript脚本语言。VBScript是ASP的默认脚本语言，直接由VB语言移植而来，具有简单、易学、界面友好等特点。VBScript与Access数据库之间的连接也比较容易掌握。故在综合选择之后，我决定选择VBScript+Access这对开发工具微软推出的Access数据库是新一代关系型数据库管理
31、系统，它是运行于Windows系列平台之上的具备了多媒体与开放性的数据库系统。它的直观性、易用性、开放性以及功能强大的特点使得Microsoft Access成为目前最受欢迎的PC数据库软件，很适合运用于小型网站的后台数据库支持工作。Access数据库虽然不支持大规模的数据应用，但由于Blog网站本身并没有很多的数据需要处理，各种数据之间的关系也比较清晰、简单，故在本设计方案中选择Access数据库。在网页的设计制作方面，我选用Dreamweaver MX 2004作为开发工具。Dreamweaver是在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash、Fi
32、reworks合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高。在Dreamweaver中，由于其所见即所得的模式，只要利用鼠标拖曳即可轻易地完成复杂的网页，而无需接触任何源代码，这样就节省了很多编写HTML代码的时间，大大提高了工作效率。3 总体设计3.1 系统设计思想正如前文所说的那样，一个完整的blog个人网站主要分为两个部分：日志页面和管理页面，同时通过一个用户注册系统以区别一般的访客和管理者，并对访客的身份加以管理。在此基础上可以添加一些其他功能，丰富blog的内容，吸
33、引更多的访客。3.1.1 运行环境的配置本设计方案运行在Windows XP SP2+IIS5.1环境下，这是目前比较主流的个人建站方式。IIS 全称为Internet Information Server,它是允许在公共 Intranet 或 Internet 上发布信息的 Web 服务器。Internet Information Server 通过使用超文本传输协议 (HTTP) 传输信息，还可配置 Internet Information Server 以提供文件传输协议 (FTP) 和 gopher 服务。FTP 服务允许用户从 Web 节点或到 Web 节点传送文件。gopher 服
34、务为定位文档使用菜单驱动协议。HTTP 协议已经尽可能地代替了 gopher 协议。Windows XP分为家庭版（Home Edition）和专业版（Professional Edition）两个版本，其中家庭版是不支持IIS服务的，所以必须使用专业版的XP操作系统。XP操作系统中没有默认安装IIS服务，须使用安装光盘安装。配置IIS时，在控制面板中打开internet信息服务，点击计算机名前面的+号展开，再点“网站”前面的+号展开，这时会看到“默认网站”子目录，这是配置IIS的关键地方。右击“默认网站”，在弹出菜单里选择“属性”，一般情况下“网站/常规”选项卡不需更改。选择“主目录”选项卡
35、，本地路径就是个人网站的主目录路径，这里可以更改到建站者需要的目录下，默认是：X:inetpubwwwroot（X：表示系统盘）。在这里还可以设置网站的用户操作权限。这些设置完后就转到“文档”选项卡，首先要在“启用默认文档”前面打勾，默认是打勾的。点击“添加”，可以添加默认文档，例如添加index.asp、index.htm、index.html等等，这是个人网站默认打开的主文件名。然后还需要设置虚拟目录（如果网站的的源文件放在X:inetpubwwwroot下面的话不用设置），虚拟目录的作用是将个人网站的源文件目录映射到默认网站下。具体步骤是右击“默认网站”选择“新建”-“虚拟目录”。输入虚
36、拟目录名，下一步，选择文件物理路径，下一步，完成。至此IIS的配置就已基本完成了，现在我们就可以利用IIS+IE进行ASP的调试。在IE的地址栏中输入：http:/XXX(计算机名或是127.0.0.1或是localhost)/XXXXX(虚拟目录名，也就是设置虚拟目录时命的名，如果放在X:Inetpubwwwroot下的话就不要虚拟目录了)/wwww(文件名,如果是default.asp/default.html/index.htm/index.asp这样的文件名也可以省略不填)。如果ASP文件有错误的话，IE就会报错，利用报错信息就可以对ASP的源程序进行调试。3.1.2 日志页面日志页面
37、是整个blog网站对外展示的窗口，它对所有访客开放。主要功能是显示blogger的日志和访客的评论或留言。应包括的页面有：首页、用户注册页面、日志显示/添加/编辑页面、留言显示/添加页面、评论显示/添加页面、会员显示页面、统计页面等。3.1.3 管理页面管理页面只对管理员开放。主要的功能是对blog的各个方面进行管理。管理的内容包括blog基本信息、会员管理、日志分类管理等。3.1.4 用户注册系统用户注册系统用来对访客的身份进行限制，它的功能贯穿于日志页面和管理页面。如果不对访客身份加以限制，即所有看到这个blog的人都可以留言、评论，那么时间一长很有可能留下很多无聊的内容，甚至有些别有用心
38、的人会利用你的blog做广告，这当然是不可忍受的。通过用户注册系统，当访客对本blog的内容产生兴趣时，必须注册为会员才能发表评论或留言，虽然这只是增加了一道简单的注册手续，但可以把许多无聊的人拒之门外，blog的内容得以净化。通过对注册会员的管理也减轻了管理员的负担如果发现某个会员有无理行为，直接将他的注册信息删除即可。会员系统也可以使志同道合的人聚在一起，提高blog的人气。系统管理员还可以设定不同的会员权限，例如允许其他会员可以发表日志，或者添加管理员负责blog的日常维护。3.1.5 数据库及网页设计结合上述各个模块的功能描述，基本上可以确定blog网站数据库的设计方案。数据库中应包括
39、的表有：日志信息表、留言信息表、评论信息表、用户信息表、日志分类表、blog基本信息表等。其中前三个表主要通过日志页面进行查询、修改、删除等操作；后三个表通过管理页面进行数据库操作。具体的设计方案将在第四部分中详细介绍。同时，为了使blog网站的外观看上去美观、大方，应使用网页设计工具对网站的布局、色彩搭配等细节方面仔细制作。在本设计方案中，使用Dreamweaver MX2004进行网页的设计工作。3.2 总体结构框图整个网站的结构如图2.1所示：BlogBlog管理系统日志管理系统评论管理系统留言管理系统用户注册系统会员显示系统基本信息管理会员管理日志分类管理日志显示日志添加评论显示留言显
40、示留言添加评论添加日志修改图3.1 网站结构示意图本设计方案中的blog网站结构采用了星型结构，即在首页通过链接可以访问所有的页面。但是当用户权限不同时，所能访问的页面数不同，例如一般权限的用户就不能访问管理页面。本设计方案前台显示一共包括10个页面，它们分别为：default.asp blogview.aspblogedit.asp blogpost.aspadmincp.asp register.aspmember.asp logging.aspguestbook.asp blogcomm.asp每个页面具体的功能将在随后的3.3小节中描述。这10个页面的组织结构如图3.2：Default
41、.aspGuestbook.aspMember.aspAdmincp.aspBlogcomm.aspBlogedit.aspBlogpost.aspLogging.aspRegister.aspBlogview.asp图3.2 页面链接示意图各个页面之间也设置了超链接便于页面之间的跳转。3.3 模块功能简介3.3.1 日志页面模块日志页面模块由default.asp,blogpost.asp,blogview.asp,blogedit.asp,blogcomm.asp, guestbook.asp,member.asp页面组成。各页面简要功能介绍如下：default.asp为blog的首页。所
42、有用户访问本blog时都要经过这个窗口。它提供到所有其他页面的链接，可以实现绝大多数的操作。本页的主要功能有显示用户登录窗口、按照最新发表的日志在最前的顺序分页显示日志（包括标题、发表日期、作者等信息）并可以分类显示、显示每个日志的评论数、显示最新十条留言和评论、显示统计数据、显示日历、友情链接等。当日志内容很多时，首页只显示日志内容的一部分，其他的省略。如图3.3：图3.3 blog网站首页blogpost.asp为添加新日志页面。当具有管理员和超级管理员权限的用户登录后，可以通过首页的链接进入本页面。在选择分类（日志的分类在管理页面中设置）后，进入发表新日志页面，在此页面中编辑日志的标题和
43、内容，设置日志的属性（包括日志公开/隐藏、是否置顶、是否允许评论等），点击“提交日志”按钮，新日志便写入数据库。操作成功会显示提示信息。如图3.4、3.5：图3.4 发表日志前选择分类图3.5 发表新日志页面blogview.asp为浏览日志页面。在首页点击某篇日志的标题后即进入本页面。在本页面中显示该篇日志的详细内容（包括标题、发表日期、作者等信息）和对该篇日志的评论内容（包括评论的作者、日期等信息），同时在本页面可以添加新的评论（需要注意的是，与日志和留言不同，评论没有标题）。blog管理员和评论的原作者还可以在本页面删除评论。操作成功会显示提示信息。对于管理员用户，本页面还提供编辑日志的
44、链接。如图3.6：图3.6 日志浏览页面blogedit.asp为日志编辑页面。具有管理员权限的用户和日志作者（日志作者一般都具有管理员权限）可以通过首页或blogview.asp的链接进入本页面。在本页面可以编辑日志的标题、内容和属性（包括日志公开/隐藏、是否置顶、是否允许评论等），点击“确认编辑”按钮就把新的日志内容写入数据库。操作成功会显示提示信息。同时当再次浏览此日志时，会在日志内容下方显示修改日志的信息（包括修改者ID、修改日期）。如图3.7: 图3.7 日志修改页面blogcomm.asp为日志评论操作页面。在blogview.asp页面中的评论添加、删除的操作实际上都是调用了本页
45、实现的，相关的数据库操作语句都在本页源代码中。当对评论的操作失败时，会在本页显示错误信息；当操作成功时，也会在本页提示相关信息。这样做是为了使页面之间的功能结构清晰，便于在出错时调试修改。如图3.8：图3.8 日志评论操作页面guestbook.asp为用户留言操作页面。在本页中将按照时间的顺序（最新的留言在最前）显示所有用户发表的留言，包括留言的作者、发表时间和内容。页面下方提供了发表新留言的窗口。需要注意的是只有注册用户可以留言。注册用户可以在这里编辑留言的标题、内容和属性（是否公开，若选择不公开则只有管理员和超级管理员级别的用户可见）。点击“发表留言”按钮就把新留言的内容写入数据库。在本
46、页面上，管理员以及留言的原作者还可以选择删除留言，若删除操作成功则会显示提示信息。如图3.9：图3.9 留言页面member. asp为用户列表页面。任何用户都可以通过首页的链接进入本页面。在本页面中以列表形式显示所有用户的注册信息，包括用户编号（由数据库随即生成的、不重复的数字）、用户名称、邮箱和主页的链接、发表的日志数、留言数、评论数以及注册时间。用户的名称链接到每个用户的详细资料页面，点击用户名称即可以表格的形式看到用户的详细资料，包括用户名称、性别、邮箱和主页的详细地址、个人简介以及注册时间。在以上的表格中，用户注册时可选择隐藏邮箱地址，隐藏后就不在这里显示。而主页和个人简介在用户注册
47、时为选择填写内容，若没有填写则在这里都显示为空。如图3.10、3.11：图3.10 用户列表页面（1）图3.11 用户列表页面（2）3.3.2 管理页面模块管理页面模块只有一个页面：admincp.asp。只有具有超级管理员权限的用户可以进入本页面。超级管理员在首页登陆后，可以看到“系统管理”选项，这是其他的用户都看不到的。如图3.12：图3.12 超级管理员登陆页面在点击“系统管理”超链接后，即进入系统管理页面，这时提示还需要输入一次超级管理员密码。这是为了防止当超级管理员在首页登陆后忘记登出，造成他人进入系统管理页面的情况发生。如图3.13：图3.13 提示输入超级管理员密码再次输入正确的密码后就可以看到系统管理选项。这里一共有四个选项：“一般设置”、“分