基于Web的个人博客的设计与实现.doc
《基于Web的个人博客的设计与实现.doc》由会员分享,可在线阅读,更多相关《基于Web的个人博客的设计与实现.doc(43页珍藏版)》请在沃文网上搜索。
1、【摘要】博客是“一种表达个人思想、网络链接、内容,按照时间顺序排列,并且不断更新的出版方式”。简单的说博客是一类人,这类人习惯于在网上写日记。博客它通常是由简短且经常更新的帖子所构成,这些张贴的文章都按照年份和日期倒序排列。Blog的内容和目的有很大的不同,从对其他网站的超级链接和评论,有关公司、个人构想到日记、照片、诗歌、散文,甚至科幻小说的发表或张贴都有。本博客与网上的其他博客一样,实现了一般博客所具有的功能,能够进行文章,图片的发布以及进行博客系统中的各个部分的管理、后台的管理等等,浏览者可以进行浏览和留言等等。本博客采用PHP实现以上功能,用MySQL建立数据库,以Web网页的形式呈现
2、,用“Wamp5Ver2.0”实现浏览各项功能。【关键词】博客,博文,相册 ,JavaScript,MySQL数据库The realization of the blog system【Abstract】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 to in
3、 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 someones idea, to diaries, photos, poetry, pro
4、se, 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 abo
5、ve 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 URL32.2 Dreamweaver8.0简介32.3 Adob
6、e Photoshop简介42.4 开发语言简介52.4.1 VBScript脚本语言52.4.2 JavaScript简介62.4.3 PHP和MySQL简介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 用户控件173.6 博客系统预期的结果173.7 界面设计173
7、.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参考文献40III 第1章 绪论博客通常被称为“网络日志”简称为“网志”。博客是继EMAILE、BBS、IM之后出现的第四种全新的网络交流方式。博客系统不仅仅是一种单向的发布系统,
8、它有着极其出色的交流功能。在以往的几种网络交流方式中,BBS过于公共化。而EMAILE和即时通信工具IM则有很明显的私人性质,博客系统的出现则将公共性和私人性很好的结合起来。 博客是一个正处于快速发展和快速演变中的互联网新应用,它就是一个网页,通常由简短且经常更新的帖子构成,这些帖子一般是按照年份和日期倒序排列的。它并不等同于“网络日志”。作为网络日志是带有很明显的私人性质的,博客则是私人性和公共性的有效结合,它绝不仅仅是纯粹个人思想的表达和日常琐事的记录,它提供的内容可以用来进行交流和为他人提供帮助,是可以包容整个互联网的,具有极高的共享精神和价值。 简言之,博客就是以网络作为载体,简易迅速
9、便捷地发布自己的心得,即时有效轻松的与他人进行交流,再集丰富多彩的个性化展示于一体的综合性平台。博客系统可以充分展示每个用户的内心世界、工作感受、技术资料等方面的资讯。博客是个独立站点任何人都可以方便的来使用,就像每个人拥有自己的笔记本开始书写一样简单。博客的出现代替了以前的个人网站,任何人不需要懂得网页设计的制作技术,就可以在互联网上表达自己的观点,展示自己的风采,记录自己的生活琐事或是工作经验,让自己得到更多人的关注。1.1 博客的作用(1)促进学习:写blog可以促进学习,想写文章出来,自然不能是泛泛的了解就可以的,要理解了才能写的出来。这就促进了对某些领域的不断学习和思考。(2)记录收
10、获:blog中,常常是记录下来的都是瞬间的灵感,对于事物的感悟,经过多日的思考和实践的结果,对于某个问题的解决方案等等,这些都是财富,要记录下来。(3)反映成长:写blog,可以反映出人的思考过程,而不仅仅是思考结果。对于一个问题或是领域,从不了解到了解,从了解到熟悉,从熟悉到精通。这记录了一个人思考和解决问题的成长过程。很久之后,看到自己之前的文章,将会觉得自己进步了。(4)结交朋友:写了blog,自然会有许多志趣相同的朋友来阅读,这可以认识许多朋友。大家有共同的兴趣爱好,自然谈得来。第 40 页 共 40页(5)共享知识:blog给大家看,大家的博客也给自己看。这个问题我解决了,那个问题他
11、解决了。大家互通有无,建立起一个社群。(6)交流看法:回复的人对博客的观点或赞同,或反对,大家一起讨论,听听别人的思想,可以促进双方的共同进步。(7)包装自己:看到一篇篇用心写出的文章,自然是对自己知识技能的最好宣传。(8)练习文笔:写blog,得考虑这篇文章是否拿得出手吧,全是不通的语句怎么好意思给人看,这是锻炼语句的好机会。1.2 研究博客的背景与必要性现在越来越多的人都拥有了自己的私人博客,而且很多公司,单位也都有自己的博客,在这些博客中每个都有自己独立的特点,都有自己的风格,为自身树立了一个与众不同的形象,博客也变得越来越普遍,它逐渐成为一个随时可以记录自己以及身边发生的一切的地方,在
12、这里可以发表自己的观点,谈自己的想法,也可以和别人交流,学习到更多东西,研究博客具有很大的价值:(1)博客是继Email、BBS、ICQ之后出现的第四种网络交流方式。(2)博客是网络时代的个人“读者文摘”。(3)博客是以超级链接为武器的网络日记。(4)博客是信息时代的麦哲伦。(5)博客代表着新的生活方式和新的工作方式,更代表着新的学习方式。通过博客,让自己学到很多,让别人学到更多。(6)博客代表着“新闻媒体3.0版”:旧媒体(old media) 新媒体(new media) 自媒体(we media)。总之,博客是一个正处于快速发展和快速演变中的互联网新应用。在市场术语中对博客的定义为:一种
13、表达个人思想和网络链接,内容按照时间顺序排列,并且不断更新的出版方式。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 URL URL(Uniform Resource Locator的缩写),统一资源定位器。互联网中某种信息资源以某种方式存储在网络中的某处,必须用一个惟一的URL来进行标识,这样才能方便查找。对于Web来说,可以简单把URL理解为网址。每个Web网页都有自己的网址,在浏览器地址栏里输入网页的URL,就可以访问这个网页。例如,2.2 Dreamweaver8.0简介Dreamweaver是创建和管理网页的专业化可视编辑器。使用Dreamweave
16、r可以轻松创建跨平台、跨浏览器的页面。Macromedia的Roundtrip HTML技术允许用户随意导入HTML文档而无需重新设置代码格式。Dreamweaver可以为用户做到:使用动态HTML功能(例如具有动态效果的层和行为)而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。Dreamweaver还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键,甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。至于Dreamweaver工作区是非常灵活的,因此它可以适应各种不同的工作风格和使用水平。常用的D
17、reamweaver工作区组件有以下若干种:(一) 文档窗口可显示当前文档,文档的外观和浏览器中看到的非常相似。(二) 装载器中包含一些打开和关闭常用检查器和模板的按钮。(三) 对象工具栏包含创建不同类型的对象(例如图像、表格、层等)的按钮。(四) 属性检查器显示选定对象的属性。(五) 快捷菜单可以使用户对当前选择或区域快速执行某些命令。(六) 可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。2.3 Adobe Photoshop简介Photoshop是目前最流行的图形、图像编辑设计软件,在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域
18、都被广泛地应用。(一) 文字处理更加方便(二) 增加了图层集,让图层的管理更有序。(三) 新增图像功能:图像的剪切和剪裁更加方便。(四) 将所有工具的选项板改进为工具选项栏放置在工作区顶部,方便选项参数的设置。(五) 为了更方便地用路径绘画,改进增加了几何形状工具,通过选择工具的不同工作模式,可创建路径、几何形状或几何填充区,使得矢量绘图功能得到了加强。2.4 开发语言简介2.4.1 VBScript脚本语言一、VBScript数据类型VBScript 只有一种数据类型Variant。Variant是一种特殊的数据类型,根据使用的方式,它可以包含不同类别的作息。因为Variant是VBScri
19、pt中惟一的数据类型,所以它也是VBScript中所有函数的返回值的数据类型。最简单的Variant可以包含数字或字符串。Variant用于数字上下文中时作为数字处理,用于字符串上下文中时作为字符串处理。这就是说,如果使用看起来像是数字的数据,则VBScript会假定其为数字并以适用于数字的方式处理。与此类似,如果使用的数据只要能是字符串,则VBScript将按字符串处理。当然,也可以将数字包含在引号“”中使其成为字符串。二、VBScript变量在VBScript中只有一个基本数据类型,即Variant,因此所有变量的数据类型都是Variant。1.声明变量声明变量的常用方式是使用Dim语句、
20、Public语句和Private语句在脚本中显式声明。2.变量的命名规则变量命名必须遵循VBScript的标准命名规则,必须遵循:第一个字符必须是字母不能包含嵌入的钟点长度不能超过255个安符在被声明的作用域内必须惟一合法的变量名,例如Strl、MyVarl、j,不合法的变量名,例如la、abc等。3.循环语句循环用于重复执行一组语句。循环可分为三类:一类在条件变为False之前重复执行语句,一类在条件变为True之前重复执行语句,另一类按照指定的次数重复执行语句。在VBScript中可使用下列循环语句:1)Do.Loop: 当(或直到)条件为True时循环。2)While.Wend: 当条件
21、为True时循环。3)For.Next: 指定循环次数,使用计数器重复运行语句。4)ForEach.Next: 对于集合中的每项或数组中的每个元素,重复执行一组语句。2.4.2 JavaScript简介JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷,它是Java与HTML折衷的选择
22、。JavaScript是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言。你可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举,还可以显示浏览器停留的时间。让这些特殊效果提高网页的可观性。2.4.3 PHP和MySQL简介PHP,一个嵌套的缩写名称,是英文超级文本预处理语言(PHP:Hypertext Preprocessor)的缩写。PHP 是一种 HTML内嵌式的语言,是一种在服务器端执行的嵌入HTML文档的脚本语言,语言的风格有类似于C语言,现在被很多的网站编程人员广泛的运用。PHP 独特的语法混合了 C、
23、Java、Perl 以及 PHP 自创新的语法。它可以比 CGI 或者 Perl 更快速的执行动态网页。用PHP做出的动态页面与其他的编程语言相比,PHP是将程序嵌入到HTML文档中去执行,执行效率比完全生成HTML标记的CGI要高许多;与同样是嵌入HTML文档的脚本语言JavaScript相比,PHP在服务器端执行,充分利用了服务器的性能;PHP执行引擎还会将用户经常访问的PHP程序驻留在内存中,其他用户再一次访问这个程序时就不需要重新编译程序了,只要直接执行内存中的代码就可以了,这也是PHP高效率的体现之一。PHP具有非常强大的功能,所有的CGI或者JavaScript的功能PHP都能实现
- 1.请仔细阅读文档,确保文档完整性,对于不预览、不比对内容而直接下载带来的问题本站不予受理。
- 2.下载的文档,不会出现我们的网址水印。
- 3、该文档所得收入(下载+内容+预览)归上传者、原创作者;如果您是本文档原作者,请点此认领!既往收益都归您。
下载文档到电脑,查找使用更方便
20 积分
下载 | 加入VIP,下载更划算! |
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 Web 个人 博客 设计 实现
