基于Web的个人博客的设计与实现

1、博客系统的实现【摘要】博客是“一种表达个人思想、网络链接、内容，按照时间顺序排列，并且不断更新的 出版方式”。简单的说博客是一类人，这类人习惯于在网上写日记。博客它通常是由简短且经常更新的帖子所构成，这些张贴的文章都按照年份和日期倒序排列。Blog的内容和目的有很大的不同，从对其他网站的超级链接和评论，有关公司、个人构想到日记、照片、诗歌、散文，甚至科幻小说的发表或张贴都有。本博客与网上的其他博客一样，实现了一般博客所具有的功能，能够进行文章，图片的发布以及 进行博客系统中的各个部分的管理、后台的管理等等，浏览者可以进行浏览和留言等等。本博客采用PHa现以上功能，用MySQ吐立数据库，以WeM

2、页的形式呈现，用“Wamp5Ver2.0 实现浏览各项功能。【关键词】博客，博文，相册,JavaScript , MySQ数据库The realization of the blog systemAbstract The blog is an expression of personal thoughts, Web links, arranged in chronological order, and constantly updated publishing. The simple blog is a class of people, these people are accustomed

3、to in the online diary.Blog it is usually brief and frequently updated posts composition, these articles are posted in reverse order by year and date. The contents and purpose of the Blog are very different, and hyperlinks from other sites and comments about someonesidea, to diaries, photos, poetry,

4、 prose, and even science fiction published or posted.This blog and other blogs on the general blog, to carry articles, Pictures release, and the blog in various parts of the management, the background of the management, the viewer can navigate and message and so on.This blog using PHP to achieve the

5、 above functions, established with MySQL database, the form of a Web page showing, use Wamp5Ver2.0 browse the various functions.【Keywords】 Blog, blog, photo albums, JavaScript, MySQL database第1章绪论11.1 博客的作用 11.2 研究博客的背景与必要性 2第2章 关键技术简介 32.1 相关术语 32.1.1 站点 32.1.2 超链接 32.1.3 URL 32.2 Dreamweaver8.0 简介

6、 32.3 Adobe Photoshop 简介 42.4 开发语言简介 52.4.1 VBScript 脚本语言52.4.2 JavaScript 简介 62.4.3 PHP 和 MySQLM介62.5 博客系统开发技术 82.5.1 ASP.NET 介绍 82.5.2 数据库的选择 92.5.3 MVC开发模式 102.5.4 Ajax 介绍 11第3章博客系统分析设计133.1 系统设计方案 133.1.1 系统功能模块 133.1.2 系统功能需求描述 143.1.3 博客系统功能简图 143.1.4 数据库需求分析 153.2 系统操作流程 163.3 组件和样式分析 163.5 用

7、户件 173.6 博客系统预期的结果 173.7 界面设计 173.8 数据库设计 193.8.1 数据表设计213.8.2 数据库访问 23第4章 博客系统的实现 244.1 博客前台页面设计实现 244.1.1 首页面 244.1.2 博文界面完成效果 274.1.3 相册界面完成效果 294.1.4 留言界面完成效果 304.2 博客系统后台设计实现 324.2.1 后台登陆页面 324.2.2 后台功能管理菜单 344.3 博客系统的测试 374.3.1 博客系统的具体测试 37结论38致说甘39参考文献40第1章绪论博客通常被称为“网络日志”简称为“网志”。博客是继EMAILE BB

8、S IM之后出现的第四 种全新的网络交流方式。博客系统不仅仅是一种单向的发布系统，它有着极其出色的交流功能。在以往的几种网络交流方式中，BBSS于公共化。而EMAILEft即时通信工具IM则有很明显的私 人性质，博客系统的出现则将公共性和私人性很好的结合起来。博客是一个正处于快速发展和快速演变中的互联网新应用，它就是一个网页，通常由简短且经常更新的帖子构成， 这些帖子一 般是按照年份和日期倒序排列的。它并不等同于“网络日志”。作为网络日志是带有很明显的私人性质的，博客则是私人性和公共性的有效结合， 它绝不仅仅是纯粹个人思想的表达和日常琐事 的记录，它提供的内容可以用来进行交流和为他人提供帮助，

9、是可以包容整个互联网的，具有极高的共享精神和价值。简言之，博客就是以网络作为载体，简易迅速便捷地发布自己的心得，即时有效轻松的与他 人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。博客系统可以充分展示每个用户的内心世界、工作感受、技术资料等方面的资讯。博客是个独立站点任何人都可以方便的来使用， 就像每个人拥有自己的笔记本开始书写一样简单。博客的出现代替了以前的个人网站，任何人不需要懂得网页设计的制作技术，就可以在互联 网上表达自己的观点，展示自己的风采，记录自己的生活琐事或是工作经验， 让自己得到更多人 的关注。1.1博客的作用(1)促进学习：写blog可以促进学习，想写文章出来，自然

10、不能是泛泛的了解就可以的，要理 解了才能写的出来。这就促进了对某些领域的不断学习和思考。(2)记录收获：blog中，常常是记录下来的都是瞬间的灵感，对于事物的感悟，经过多日的思 考和实践的结果，对于某个问题的解决方案等等，这些都是财富，要记录下来。(3)反映成长：写blog ,可以反映出人的思考过程，而不仅仅是思考结果。对于一个问题或是 领域，从不了解到了解，从了解到熟悉，从熟悉到精通。这记录了一个人思考和解决问题的成长 过程。很久之后，看到自己之前的文章，将会觉得自己进步了。(4)结交朋友：写了 blog ,自然会有许多志趣相同的朋友来阅读，这可以认识许多朋友。大家 有共同的兴趣爱好，自然谈

11、得来。(5)共享知识：blog给大家看，大家的博客也给自己看。这个问题我解决了，那个问题他解决 了。大家互通有无，建立起一个社群。(6)交流看法：回复的人对博客的观点或赞同，或反对，大家一起讨论，听听别人的思想，可 以促进双方的共同进步。(7)包装自己：看到一篇篇用心写出的文章，自然是对自己知识技能的最好宣传。(8)练习文笔：写blog，得考虑这篇文章是否拿得出手吧， 全是不通的语句怎么好意思给人看, 这是锻炼语句的好机会。1.2研究博客的背景与必要性现在越来越多的人都拥有了自己的私人博客，而且很多公司，单位也都有自己的博客，在这些博客中每个都有自己独立的特点，都有自己的风格，为自身树立了一个

12、与众不同的形象， 博客也变得越来越普遍，它逐渐成为一个随时可以记录自己以及身边发生的一切的地方，在这里可以发表自己的观点，谈自己的想法，也可以和别人交流，学习到更多东西，研究博客具有很大的价 化(1)博客是继Email、BBS ICQ之后出现的第四种网络交流方式。(2)博客是网络时代的个人“读者文摘”。(3)博客是以超级链接为武器的网络日记。(4)博客是信息时代的麦哲伦。(5)博客代表着新的生活方式和新的工作方式，更代表着新的学习方式。通过博客，让自己学 到很多，让别人学到更多。(6)博客代表着“新闻媒体3.0版”：旧媒体(01d media ) 一新媒体(new media) 一自媒 体(w

13、e media)。总之，博客是一个正处于快速发展和快速演变中的互联网新应用。在市场术语中对博客 的定义为：一种表达个人思想和网络链接，内容按照时间顺序排列，并且不断更新的出版方式。 Pyra创始人EvanWilliams认为博客概念主要体现在三个方面：频繁更新(Frequency)、简洁明 了(Brevity )和个性化(Personality )。佩姬？努南的解释是：博客是每周 7天，每天24时运 转的言论网站，这种网站以其率真、野性、无保留、富于思想而奇怪的方式提供无拘无束的言论。 其他说法还有：博客是一个“快捷易用的知识管理系统” ( Dylan Tweney),博客是新型的“协 同媒体

14、”，博客是“不停息的网上旅程”，是“个人网上出版物(社区)”，是“网络中的信息 雷达系统”，是“人工搜索引擎”，是“专家过滤器”，是“自组织网络生态”，是“草根记者”。第2章关键技术简介2.1 相关术语2.1.1 站点所谓站点，就是将网页文件和素材文件，有条理地放置站点文件夹里，这些文件与文件夹就 构成了网站的实质内容。站点文件夹里除了网页文件还有素材文件，所谓素材就是网页中所用到 的图像、声音、视频等，这些内容是以单独文件的形式存在。2.1.2 超链接我们在浏览网页时，当鼠标指针指向某段文本或是某个图像，鼠标指针变成小手状，单击鼠标可以打开其他的网页或是跳转到其他的网站，这就是超链接。采用超

15、链接技术可以将不同的网站、网站中的不同网页、网页中的不同位置彼此用在一起，实现相互间的跳转，方便信息的浏览 和查找。人们通过超链接可以很方便很迅速地访问分布于全球计算机上的海量资源，实现在互联网中的漫游。超链接能使 Web服务存在广泛和持久的生命力，超链接可以说是Web勺灵魂。2.1.3 URLURL （Uniform Resource Locator的缩写），统一资源定位器。互联网中某种信息资源以某种 方式存储在网络中的某处，必须用一个惟一的URL来进行标识，这样才能方便查找。对于 Web来说，可以简单把URL理解为网址。每个WebJ页都有自己的网址，在浏览器地址栏里输入网页 的URL就可以

16、访问这个网页。例如， ,其意思就是采用http 超文本传输协议访问新浪网的首页，由于网页均是通过http超文本传输协议进行访问，默认下， “http:/ ”可以省略不输入。2.2 Dreamweaver8.0简介Dreamweaver是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平 台、跨浏览器的页面。Macromedia的Roundtrip HTML技术允许用户随意导入 HTMLt档而无需 重新设置代码格式。Dreamweaver可以为用户做到：使用动态 HTM助能（例如具有动态效果的层和行为）而不 用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和

17、浏览器中可能发生的错 误。Dreamweaver还是一个可以完全自定义的应用程序。 用户可以创建自己的对象和命令修改菜 单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。至于Dreamweaver工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。 常用的Dreamweaver工作区组件有以下若干种：（一）文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。（二）装载器中包含一些打开和关闭常用检查器和模板的按钮。（三）对象工具栏包含创建不同类型的对象（例如图像、表格、层等）的按钮。（四）属性检查器显示选定对象的属性。（五）快捷菜单可以

18、使用户对当前选择或区域快速执行某些命令。（六）可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗 口中。2.3 Adobe Photoshop简介Photoshop是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广 告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。（一）文字处理更加方便（二）增加了图层集，让图层的管理更有序。（三）新增图像功能：图像的剪切和剪裁更加方便。（四）将所有工具的选项板改进为工具选项栏放置在工作区顶部，方便选项参数的设置。（五）为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式, 可创建路径、

19、几何形状或几何填充区，使得矢量绘图功能得到了加强。2.4开发语言简介2.4.1 VBScript 脚本语言一、VBScript数据类型VBScript只有一种数据类型Variant。Variant是一种特殊的数据类型，根据使用的方式， 它可以包含不同类别的作息。因为Variant是VBScript中惟一的数据类型，所以它也是VBScript 中所有函数的返回值的数据类型。最简单的Variant可以包含数字或字符串。Variant用于数字上下文中时作为数字处理，用 于字符串上下文中时作为字符串处理。这就是说，如果使用看起来像是数字的数据，则VBScript会假定其为数字并以适用于数字的方式处理。

20、与此类似，如果使用的数据只要能是字符串，则 VBScript将按字符串处理。当然,也可以将数字包含在引号中使其成为字符串。二、VBScript 变量在VBScript中只有一个基本数据类型，即Variant ,因此所有变量的数据类型都是 Variant 1 .声明变量声明变量的常用方式是使用 Dim语句、Public语句和Private语句在脚本中显式声明。2 .变量的命名规则变量命名必须遵循VBScript的标准命名规则，必须遵循：第一个字符必须是字母不能包含嵌入的钟点长度不能超过255个安符在被声明的作用域内必须惟一合法的变量名，例如Strl、MyVarl、j,不合法的变量名，例如la、a

21、bc等。3 .循环语句循环用于重复执行一组语句。循环可分为三类：一类在条件变为False之前重复执行语句，一类在条件变为True之前重复执行语句，另一类按照指定的次数重复执行语句。在VBScript中可使用下列循环语句：1）Do.Loop:当（或直到）条件为 True时循环。2)While.Wend:当条件为True时循环。3)For.Next:指定循环次数，使用计数器重复运行语句。4)ForEach.Next:对于集合中的每项或数组中的每个元素，重复执行一组语句。2.4.2 JavaScript 简介JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)

22、并具有安全性能的脚本语 言。使用它的目的是与 HTM曲文本标记语言、Java脚本语言(Java小程序)一起实现在一个 WebM面中链接多个对象，与 Web户交互作用。从而可以开发客户端的应用程序等。它是通过 嵌入或调入在标准的HTML言中实现的。它的出现弥补了 HTML言的缺Pg,它是Java与HTML 折衷的选择。JavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计 中最容易学又最方便的语言。你可以利用 JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字 钟、有广告效果的跑马灯及简易的选举， 还可以显示浏览器停留的时间。让这些特殊效果提高网 页的可观性。2.

23、4.3 PHP 和 MySQI介PHP 一个嵌套的缩写名称，是英文超级文本预处理语言( PHP:Hypertext Preprocessor ) 的缩写。PHP是一种HTML内嵌式的语言，是一种在服务器端执行的嵌入HTMLt档的脚本语言，语言的风格有类似于C语言，现在被很多的网站编程人员广泛的运用。PHP独特的语法混合了 C、 Java、Perl以及PHP自创新的语法。它可以比CGI或者Perl更快速的执行动态网页。用PHP 做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTMLt档中去执行，执行效率比完全生成HTM标记的CGI要高许多；与同样是嵌入HTMLC档的脚本语言JavaSc

24、ript相比，PHP 在服务器端执行，充分利用了服务器的性能；PHM行引擎还会将用户经常访问的 PHPS序驻留在内存中，其他用户再一次访问这个程序时就不需要重新编译程序了，只要直接执行内存中的代码就可以了，这也是PHP高效率的体现之一。PHP具有非常强大的功能，所有的 CGI或者JavaScript的功能PHP能实现，而且支持几乎所有流行的数据库以及操作系统。PHP最初是1994年Rasmus Lerdorf创建的，刚刚开始只是一个简单的用 Perl语言编写的 程序，用来统计他自己网站的访问者。后来又用C语言重新编写，包括可以访问数据库。PHP1.0, 提供了访客留言本、访客计数器等简单的功能

25、。PHP2.0,定名为PHP/FI(Form Interpreter ),加入了对mySQL勺支持，从此建立了 PHP&动态网页开发上的地位。第三版就定名为PHP3 2000 年，PHP4.0又问世了，其中增加了许多新的特性。PHP的特性包括：开放的源代码：所有的PHPW代码事实上都可以得到。PHP是免费的。php的便捷性:php十分便捷，学习简单基于服务器端：由于 PHP是运行在服务器端的脚本，可以运行在UNIX LINUX WINDOWS。 嵌入HTML因为PHP可以嵌入HTML言，所以学习起来并不困难。简单的语言：PHP坚持脚本语言为主，与 Java和C+坏同。效率高：PH目肖耗相当少的

26、系统资源。图像处理：用PH网态创建图像面向对像：在php4,php5中，面向对象方面都有了很大的改进，现在php完全可以用来开发大型商业程序。PHP相对于其他语言，编辑简单，实用性强，更适合初学者。MySQ比目前最流行的开源SQL数据库管理系统,由 MySQL A公司开发。在MySQL勺官方 网站 上，可以找到关于MySQL勺最新信息。MySQLl一种关系数据库管理系统，其中的 SQL指的是“结构化查询语言”,是用于访问数 据库的最通用的标准化语言。MySQLR初是为处理大型数据库而开发的，与已有的解决方案相比，它的速度更快。另外，良好的安全性和方便连接使得 MySQ琲常适合访问因特网上的数据

27、库。 MySQL勺主要特性如下： 能够工作在绝大部分硬件平台和操作系统上，如 Linux、Mac OS Windows 提供了用于 C、C+ Eiffel 、Java、Perl、PHP Python、Ruby 和 Tcl 的 API。 其SQLB数是使用高度优化的类库实现的，运行很快。 服务器可以作为独立的程序以客户/服务器方式运行，也可以作为库嵌入（链接）到其他 应用程序中。 有大量可用的共享MySQ欧件，大大简化了 MySQL勺使用和管理。 提供了灵活安全的权限和密码系统，当用户连接到服务器时，所有的密码传输均采用加密形式。 具有较强的可伸缩性，能够处理大型数据库。使用MyISAM羡时，最

28、大可达65 536TB,因此MySQ数据库的最大表尺寸通常是由操作系统对文件大小的限制决定的。 MySQL支持多种通信方式。客户端可以使用 TCP/IP协议、命名管道(Windows系统的NT 系列)以及UNIX域套接字文件与 MySQL艮务器通信。MySQI供的Connector/ODBC (MyODBC 口、Connector/J 接口和Connector/NET接口可以分别满足使用 ODBC JDBC连接的客户端程序 以及.NET应用程序的连接需要。所以该博客选择了 PH图合MySQLZ及Dreamweaver行制作。2.5博客系统开发技术2.5.1 ASP.NET 介绍在世界范围内，I

29、nternet正以一种不可阻挡的势头迅速发展。人们可以通过 Internet ,以 不同的方式相互沟通、从Internet上获取自己想要的一切信息，为此，人们在Internet上制定 了各种方法。早期的超文本标记语言 HTML使Internet的数据描述发生了一次变革。与以前的 Web开发模型相比，ASP.NET提供了数个重要的优点：(1)增强的性能。ASP.NET是在服务器上运行的编译好的公共语言运行库代码。与被解释的前辈不同，ASP.NET可利用早期绑定、实时编译、本机优化和服务。这相当于在编写代码行之前便显著提高了性能。 世界级的工具支持。ASP.NET框架补充了 Visual Stud

30、io集成开发环境中的大量工具箱和设计 器。WYSIWY编辑、拖放服务器控件和自动部署只是这个强大的工具所提供功能中的少数几种。(2)威力和灵活性。由于ASP.NET基于公共语言运行库，因此Web应用程序开发人员可以利用整个平台的威力 和灵活性。.NET框架类库、消息处理和数据访问解决方案都可从 Web无缝访问。ASP.NET也与 语言无关，所以可以选择最适合应用程序的语言，或跨多种语言分割应用程序。另外，公共语言 运行库的交互性保证在迁移到 ASP.NET时保留基于COM的开发中的现有投资。(3)简易性。ASP.NET使执行常见任务变得容易，从简单的窗体提交和客户端身份验证到部署和站点配 置。

31、例如，ASP.NET页框架使您可以生成将应用程序逻辑与表示代码清楚分开的用户界面，和在类似Visual Basic的简单窗体处理模型中处理事件。另外，公共语言运行库利用托管代码服务 (如自动引用计数和垃圾回收)简化了开发。(4)可管理性。ASP.NET采用基于文本的分层配置系统，简化了将设置应用于服务器环境和 Web应用程序。 由于配置信息是以纯文本形式存储的，因此可以在没有本地管理工具帮助的情况下应用新设置。 此“零本地管理”哲学也扩展到了 ASP.NET框架应用程序的部署。只需将必要的文件复制到服务 器，即可将ASP.NET框架应用程序部署到服务器。不需要重新启动服务器，即使是在部署或替

32、换运行的编译代码时。(5)可缩放性和可用性。ASP.NET在设计时考虑了可缩放性，增加了专门用于在聚集环境和多处理器环境中提高性能 的功能。另外，进程受到 ASP.NET运行库的密切监视和管理，以便当进程行为不正常(泄漏、死锁)时，可就地创建新进程，以帮助保持应用程序始终可用于处理请求。(6)自定义性和扩展性。ASP.NET随附了一个设计周到的结构，使开发人员可以在适当的级别“插入”代码。实际上, 可以用自己编写的自定义组件扩展或替换 ASP.NET运行库的任何子组件。实现自定义身份验证 或状态服务一直没有变得更容易。(7) Web2.0 支持随着第二波互联网热潮的回归， Web2.0得到越来

33、越多人的认同，而 A更是开创了许 多Web应用的新模式，包括WebForm,更加简易的 WebServices。以及对Ajax的强有力的支持。 使我们在最短的时间内开发出一套完整健壮而有符合用户习惯的优秀程序成为可能。2.5.2 数据库的选择(1)数据库介绍Access是微软公司推出的基于 Windows的桌面关系数据库管理系统(RDBMS是Office 系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、 模块7种用来建立数据库系统 的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作 规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编

34、写代码，就可以完成大部分数据管理的任务。Access 能够存取 Access/Jet、Microsoft SQL Server、Oracle ,或者任何 ODBC兼容数据 库内的资料。熟练的软件设计师和资料分析师利用它来开发应用软件，而一些不熟练的程序员和非程序员的“进阶用户”则能使用它来开发简单的应用软 件。虽然它支援部份面向对象(OO技 术，但是未能成为一种完整的面向对象开发工具。(2)数据库用途Microsoft Access 在很多地方得到广泛使用，例如小型企业，大公司的部门，和喜爱编程 的开发人员专门利用它来制作处理数据的桌面系统。它也常被用来开发简单的WEB应用程序.这 些应用程序

35、都利用 ASPU术在Internet Information Services运行.比较复杂的 WEBE用程序 则使用 PHP/MySQ或者 ASP/Microsoft SQL Server .它的使用方便程度和强大的设计工具为初级程序员提供许多功能。不过，这种便于使用可能使人误解。这类开发者都是没有在应用或者数据设计方面训练的办公室从业人员。因此许多人以为这样的开发者能够创造可用的系统，但也有很多人认为工具本身的局限性产生了这样的误导。一些专业的应用程序开发人员使用Access用作快速应用开发，特别是给街道上的推销员制作一个初型或独立应用程序的工具。可是如果是透个网络存取数据的话，Acces

36、s的可扩放性并不高.因此当程序被较多使用者使用时，他们的选择多会是倾向于一些客户端-服务器为本的方案，例如 Oracle、DB2 Microsoft SQL Server、Windows SharePoint Services、PostgreSQL、 MySQL Alpha Five、MaxDB或者Filemaker。无论如何，不少 Access的功能(表单，报告， 序列和VB代码)可以用作其他数据库的后期应用，包括JET (档案为主的数据库引擎，Access缺 省使用)、Microsoft SQL Server 、Oracle和任何其他跟ODBCS容的产品。这种方法允许开发 者把一个成熟的应

37、用的数据移动到一台更大功率的服务器而没有已经在适当的位置牺牲发展。很多开发者谁使用 Microsoft Access 使用Leszynski命名约定，虽然这不普遍；它是一次 编程大会，并非一个DBMSS施的规章。(3)数据库特性从程序员视角在它的有关兼容性有 SQL质问可能被观看并且作为SQL语句编辑，并且SQL 语句直接在巨视和VBA模里可以被使用操作进入桌子。用户可能混合并且使用两个 VBA并且宏” 编程形式和逻辑既没提供面向对象的可能性。导入导出报表的生成程序，当时有能力和到这项任务的复杂报告创造，没有另一受欢迎数据库报表程序的生成程序充满特色和强有力-水晶报告。MSDE微软公司SQL服

38、务器桌面发动机)2000,袖珍版本的MSSQ服务器2000,被包括开发版的办公室 XP并且被用于进入可能作为 除之外的另一种选择JET数据库引擎。(尽快的*版本的MSDE口微软公司交换服务器实际上使用 这台喷气发动机处理巨大大量数据并且安置一 “鹰品”在它之上的那些应用的应用层。大约这事实的缺乏知识因进入/喷口家庭的软件产品而为不该受不敬做贡献，特别是关于大工程。)进入分割和粘贴功能性能使它有用工具在其他数据库之间连结(例如，在数据或者数据库变换期间的Oracle和微软公司SQL务器)。进入与给与 窗子和其他平台应用一起的积分的各种 各样进口和退场门特征一起来，一经请求从应用的里面或者手工由用

39、户其中几可以被执行。例如非常紧密SNP完全格式化的 为分享的形式与没有全部的进入软件的人们报告。它也能容易被开 级到微软公司SQL务器。(4)数据库发展进入可提供的编程语言，当时在另一个内产品Microsoft Office 家具，微软公司应用的Visual Basic 。两个数据库进入讯息库 COMA成部分被提供：这笔遗产数据存取物体(DAO),用 进入和新只可提供ActiveX数据对象(忙乱)。MicrosoftAccess容易被应用于小的工程但是规模无效对大的工程如果应用被不好设计。全部数据库质问，形式和报告被储存在数据库里，并且与相关的模型的理想协调，没有与他们做一 个身体上组织的阶层

40、的可能性。2.5.3 MVC开发模式MVCtt Trygve Reenskaug提出，首先被应用在 SmallTalk-80 环境中，是许多交互和画面系 统的构成基础。MVC吉构是为那些需要为同样的数据提供多个视图的应用程序而设计的，它很好 地实现了数据层与表示层的分离。MVC乍为一种开发模型，通常用于分布式应用系统的设计和分 析，以及用于确定系统各部分间的组织关系。对于画面设计可变性的需求，MVC(Model-View-Controller )把交互系统的组成分解成模型、视图、控制器 3种部件。(1) 视图部件把表示模型数据及逻辑关系和状态的信息以特定形式展示给用户。它从模型获得显示信息，对

41、于相同的信息可以有多个不同的显示形式或视图。(2) 控制器部件是处理用户与软件的交互操作的，其职责是控制提供模型中任何变化的 传播，确保用户画面与模型间的对应联系；它接受用户的输入，将输入反馈给模型，进而实现对 模型的计算控制，是使模型和视图协调工作的部件。(3) 模型部件保存由视图显示、由控制器控制的数据；它封装了问题的核心数据、逻辑和功能的计算关系，它独立于具体的画面表达和I/O操作。模型、视图与控制器的分离，使得一个模型可以具有多个显示视图。如果用户通过某个视图 的控制器改变了模型的数据，所有其他依赖于这些数据的视图都应反映了这些变化。因此，无论何时发生了何种数据变化，控制器都会将变化通

42、知所有的视图， 导致显示的更新。这实际上是一 种模型的变化一一传播机制。(4)ASP.NET模式下如何实现MVCASP.NET!供了一个很好的实现这种经典设计,g式的类似环境。开发者通过在ASPX页面中开发用户接口来实现视图；控制器的功能在逻辑功能代码（.cs）中实现；模型通常对应应用系 统的业务部分。在ASP.NET实现这种设计而提供的一个多层系统，对较经典的ASP结构实现的系统来说有明显的优点。将用户显示（视图）从动作（控制器）中分离出来，提高了代码的重用 性。将数据（模型）从对其操作的动作（控制器）分离出来，可以让用户设计一个与后台存储数 据无关的系统。就MV团构的本质而言，它是一种解决

43、耦合系统问题的方法。2.5.4 Ajax 介绍（1）什么是AjaxAjax 是 Asynchronous JavaScript and XML 的缩写，即异步 JavaScript 和 XMLAjax是一种客户端技术，Ajax技术借助异步JavaScript实现浏览器和服务器之间的异步交 互，即相当于在 Web应用中实现了原来 C/S（Client/Server） 结构下的交互结果，且这种效果的 实现并没有带来繁琐的客户部署工作。比如：无需重新加载整个页面就可以想服务器发送请求， 并接受响应。同时对XM做档解析和处理。Ajax的解决方案及其优越性Ajax相当于在浏览器客户端与服务器之间架设了一

44、个桥梁、一个媒介，在它的帮助下，可以消除网络交互过程中的处理一等待一处理一等缺陷。在处理过程中 Web服务器响应是标准的且易于解析的XMLB式的数据传递给Ajax,然后再转换成HTMLM面的格式，辅助CSS1行显示。Ajax 是使用XMLHttpRequest对象发送请求并获得服务器端的响应，同时Ajax可以在不重新载入整个 页面的情况下用JavaScipt操作DOMW实现最终更新页面。因此在读取数据的过程中，用户棉对 的不是白屏，而是原来的内容。这种更新是瞬间的，使用户感觉是连贯的。借助Ajax ,可以把以前一些原本由服务器负担的工作转移到客户端来完成，利用客户端闲置的能力来进行处理，这样也

45、可以有效地减轻服务器和带宽的负担， 使服务器更稳定，更良好的运 行。同时节约了空间和宽带。（2） Ajax相关技术介绍Ajax是多种技术的综合应用，包括JavaScipt脚本、CSS DOM（口重要对象XMLHttpRequest。1 .JavaScipt是一种可以与HTM所记混合使用的脚本语言，编写的程序可以直接在浏览器 中解释执行。因此使用脚本语言编写程序可以在浏览器支持下跨平台运行。JavaScipt脚本中可以调用浏览器及Ajax中提供的相关对象。利用这些对象的属性方法可以实现页面效果的动态控 制。2 .CSS是层叠样式表。CSS则由模式匹配段和操作部分组成。模式匹配段用于表示元素与 行

46、为之间的关联性；操作部分用于确定对指定部分的操作。CSS层叠样式可以弥补HTML文本标记语言在格式修饰中的不足，同时也为能够实现页面格式的批量动态更新。3 .DOM的全称是文档对象模型(Document Object Model ),它在本质上是一种文档平台。在 使用Ajax技术中，借助DOM可以结合脚本语言实现动态的数据存储以及动态上传文件。4 .XMLHttpRequest是Ajax技术中最重要的一个对象。页面可以在不刷新的情况下通过它发 送请求来获取服务器响应。也可以使用该对象在不刷新当前页面的情况下更新页面中的数据。（3） Ajax技术在系统中的应用Ajax技术运用于该系统的在线即时聊

47、天功能模块。通过该技术实现了聊天信息的不断更新，但并没有将整个页面都刷新，也不会带来页面在连续闪烁等问题。利用 Ajax技术将聊天窗口不 段更新数据，聊天窗口采用 CSS羊式，实现页面格式的批量动态更新。第3章博客系统分析设计3.1 系统设计方案本系统是面向个人用户和小型集体用户开发的系统，完成用户在Blog上进行预定操作，实现用户和来宾之间的双向沟通。具体设计方案为：(1)系统服务器为IIS,数据库为SQLSERVER2Q0嚓个系统界面采用 Microsoft visual Studio 2005 开发。(2)系统采用MVG架，用C#言实现。(3)服务器与数据库的连接使用 OLED的程接口的

48、OleDbConnection对象进行连接。(4)系统分成两部分，前台为普通用户操作界面，功能包括：阅读文章，发表留言，发表 评论，在线聊天。后台为管理员操作界面，管理员通过登录进入管理界面，功能包括：分类 管理，文章管理，添加文章，评论管理，链接管理，留言管理。3.1.1 系统功能模块系统功能模块包括两大块：管理界面功能模块和普通用户界面功能模块。具具体功能如下所 示：(1)管理员功能：分类管理，文章管理，评论管理，链接管理，留言管理(2)普通用户功能：阅读文章，留言，评论和在线聊天。(3)分类管理：文章类型的添加，修改，删除。(4)文章管理：文章的修改，删除。(5)评论管理：评论的删除。管

49、理界面功能模块如下：系统管理普通用户功能模块图如下:阅读文电在 线 聊 天口3.1.2 系统功能需求描述(1)前台任何用户都可以对所有类别的文章和图片进行浏览，也可以选择自己感兴趣的类别浏览。如 果想对某篇文章想说说自己的想法，可以进行留言，或者对整个博客进行评价。(2)后台后台主要是对前台页面中的文章和图片进行添加、删除、修改，并同时连接数据库及时的对其进行更新。以及对用户的留言进行管理。(3)用户管理管理人员：后台管理人员主要是系统管理人员，其他用户不能进入。后台管理人员要处理 管理员登陆、查询信息、发布和更新信息、添加、删除、修改等信息。个人用户：个人用户只能浏览博客以及进行留言等，不能

50、让那个进入后台。与系统管理人员有很大的区别。3.1.3 博客系统功能简图博客系统系统利用Dreamweaver PHR MySQ数据库等技术。将自己的心得和记录以及一些 精彩的东西向他人开放，使其与他人进行交流和学习，它不仅使自己有一个抒写心得，记录东西 的地方更加方便了自己与他人交流分享也为其他人提供不过了一个参考，学习的地方。下面是该博客系统的功能简图：图3-1博客系统的功能简图3.1.4 数据库需求分析(1)用户分为普通用户和管理员用户：1 .管理员涉及类型管理、文章管理、添加文章、评论管理、链接管理、留言管理。2 .普通用户可以阅读文章、发表回应、留言、评论和在线聊天。3 . 一种文章

51、类型有多篇文章。4 . 一篇文章有多篇评论、回复。对上面系统功能分析，设计如下数据项：1 .管理员信息：用户名、密码。2 .类型信息：类型编号、类型名称。3 .链接：链接编号、链接名称、链接地址。4 .留言：留言编号、留言人呢称、留言标题、个人主页、留言内容、留言时间、留言回复。5 .文章信息：文章序号、文章作者、文章标题、摘要、文章内容、文章发表日期、文章人气、 回复、文章类型编号、文章类型名称、文章回复数。6 .评论：评论序号、评论用户呢称、评论标题、评论内容、评论时间、评论的文章序号。(2)连接数据库的关键代码：3.2 系统操作流程分析传统Blog系统这一环节所应具有的功能，可以得到 B

52、log系统应具有以下功能：高级系统用户（管理员）通过浏览器，可以实现文章的管理（对文章的各种信息进行浏览、 增加、删除、修改等）、普通系统用户对文章信息只能阅读和留言。而该系统添加了在线即时聊 大，是为该系统的一个亮点。由此得到的系统的流程图如图：图3-2系统流程图3.3 组件和样式分析博客系统中存在很多相同或相似的元素，这些元素可能是页面的标题，可能是页面的版权声 明，也可能是文章的列表或是登录信息框。需要寻找一种方式在整个系统中共享，而不需在变化 时修改所有的页面。所以就采用了样式文件进行管理以及用户自定义组件。3.5 用户控件ASP.NE开发人员提供了用户控件这一新技术来实现 Web元素

53、的共享，开发人员可以通过 Visual Studio.Net进彳T Webfi素的外面的开发，同时可以通过 Webfi素后台代码的方式进行表 现层的开发。设计用户控件提高了代码的可重复使用的性能。在本系统中，使用了 ST_HeadeK ST_Footer等3.6 博客系统预期的结果本博客系统的预期成果是完成前台各种信息正确的显示和后台中对数据的添加、删除、修改等功能全部实现。具体介绍如下：1 .前台的各个页面首页面中将对在博客后台所添加的文章、图片等显示出来、以及文章和图片的导航，留言等等。2 .后台的各个页面登陆页面，管理员可以通过此页面进入后台管理整个系统。 所以在登陆页面时一定要做好安

54、全的判断，一定是在拥有正确的用户名，密码的前提下才能正确登陆。否则不能登陆。进入后台管理系统后，对系统分为六大模块：文章管理，添加文章管理，文章类别管理，图 片管理，图片类别管理，留言管理以及其它模块。在文章管理模块中：文章管理应实现文章的添加，删除，修改。在添加文章管理模块中主要 是针对文章标题、文章内容、文章摘要、文章类别的添加。而文章类别管理模块主要是对文章类 别的添加和删除。图片管理和图片类别管理：能够添加图片类别，对图片进行添加和删除。留言管理：对用户的留言进行查看和删除。3.7 界面设计在明确了博客系统的风格和定位后，就是博客系统的材料组织以及博客各个的页面设计和数据库设计首先当然

55、应该是博文质量。界面装饰得再花哨，而文章却很臭，对别人也是没多大吸引力的。 正所谓“花里胡哨，空空如也”，说的就是这个道理。在保证博文质量的前提下，对博客做适当的修饰美化是有必要的， 因为博客是一个很私人的 东西，是代表自己的符号，所以一定要体现出自己的风格以及审美，千人一面就太让人乏味了。因为，这世界本就是多彩的。美化自己的博客，首先要考虑的就是界面整体风格的和谐统一， 一定要追求专属于个人的标 志及特色。从别的网站上复制几行源代码，然后添上几滴水珠、几朵鲜花，抑或者加上一个钟表。 这些做法并没有什么太大的实际意义。接下来就应该是头图和背景图的制作过程了，这部分大致分四步： 构思：首先要明确的是，想要做出一幅什么风格的头图及与之对应的背景图。在脑海中 勾勒出一个大致的轮廓，然后进行下一步的工作。 搜集素材：当明确设计的大致方向，利用网上的壁纸站、百度搜索等寻找所需要的各种 元素。 制作：创建新图层，调整颜色，然后把需要的各种元素经过绘制、抠图、滤镜、描边、 调整、缩放等步骤后添加到