1、个人博客滁州职业技术学院成人高等教育毕业设计(论文)专业名称 计算机信息管理 论文题目 个人博客 学生姓名 王建国 指导教师 计国民 2011 年 5 月摘 要博客(Weblog，缩写是Blog)意思为“网络日志”，它是Web的一种新的应用，用户可以通过它发布个人日志与他人交流，也可以提供资源，实现资源的共享。博客为每个人提供一个信息交流的平台，它使使用者可以方便的使用文字、链接、音乐、图片等元素创造自己的梦想天地。最初的博客只是发布自己写的一些文字或者收藏的喜欢的文章和评论，现在Blog经过发展和改进已成为家庭、公司、部门、社会群体知道越来越重要的交流媒介。如：“新浪微博“等。再说个人博客，
2、它是个人主页的集中化。个人网站由于的网民的技术水准、资金条件和维护资源的高层次要求，而注定只能少数人才可以拥有。但是博客则由于其对广大网民的低门槛，使其具有极高的开放性，以致发展成主流的个人的交流平台。博客还具有个人主页所缺乏的公共性，如果说个人网站是一对多的传播窗口，其涉及的内容多是有关个人生活、事业、情感等方面的比较私人的话题。它犹如私人的秘密花园。而个人博客则是比较开放的多对多的平台，这里既有个人爱好，也有大家共有的喜欢，既有私人的观点理念，也有群体的讨论，他更像是开放的公园。我所做的个人博客网站只是一个简单的动态网站，我不敢说它的功能强大，只是实现动态网页应有的基本功能。实现后台对前台
3、的管理，让不懂代码的人也可以管理自己的天地。通过这个个人博客制作，我要了解到动网的强大。关键字：博客 网络日志 平台 开放的公园 后台对前台目 录第一章 个人博客设计准备工作 11.1 前台与后台构想 11.2数据库设计 21.3 IIS的安装配置与站点的建立 4第二章 前台制作 62.1 导航模块和脚部版权模块 62.2 通用功能模块 72.3 照片控制 82.4 博客公告 92.5 最新日志列表 102.6 日志分类 112.7 最新留言列表 132.8 友情链接列表 142.9 动态背景音乐 152.10 最新评论列表 162.11日志功能 172.11.4发表评论 192.12 图片鉴
4、赏功能 212.13音乐之旅功能 232.14 给哦留言功能 24第三章 后台管理 273.1 后台公共模块的设计 273.2 系统管理 273.3 日志管理 283.4 图片管理 303.5 音乐管理 323.6 留言管理 333.7公共管理 333.8 友情链接管理 343.9 退出管理 35致 谢 36第一章 个人博客设计准备工作1.1 前台与后台构想在设计网站的前期都要有一定的构想，一定要做到“胸有成竹”然后才可以制作网站。最忌讳的是边做边想，那样不得不重复改动。当然做网站时必要的改进是必然的，不过一定要在未做之前把想要做的网站构想好。我做的个人博客命名为“流连岁月”，关于前台与后台的
5、构想分别如下图1-1、图1-2： 图1-1 前台构想流程图图1-2 个人博客后台构想流程图最终浏览的效果如下图1-3.、图1-4，分别是前台主页还有后台管理的页面效果图： 图1-3 前台主页 图1-4 后台页面1.2数据库设计在Web应用的开发中，数据库是设计是一项重要的基础性工作。一般现在功能最强大的数据库理所当然是SQL,当时它占资源极大，一般的计算机如果装上之后运行速度会大大减慢。所以我们这里用Access数据库，它能够满足中小网站运行的需要。现在为了便于管理，一般的网站设计者都喜欢把前台和后台数据库分离。前台数据库专职于信息的存储和显示，后台则专职于系统中各种配置参数的设置和存储。流连
6、岁月数据库共涉及13个数据表，这些数据表的功能如下图5所示：表1 date数据表设计数据表数据表的作用ad负责存储博客的名字和URL信息admin负责存储用户名和密码count负责存储日志内容gg负责存储公告信息和管理img负责用户上传图片的信息link负责存储流连岁月的友情链接的信息liuyan负责存储用户的留言信息muc负责存储流连岁月首页的背景音乐信息music负责存储用户上传音乐的信息pichead负责存储导航区的背景图片信息picmy负责存储首页个人头像的信息re负责存储其他用户对日志评价sty负责存储流连岁月分类信息由于篇幅的限制，还有不显得繁琐，故不对每一个数据表进行一一详细的说
7、明，而只对几个重要的数据表结构进行列表说明，依次分别是cont(表2)、img(表3)、liuyan(表4)、music(表4)： 表2 cont表的字段字段类型字段大小必填字段说明id自动编号自动编号title文本50否日志标题content备注日志内容re备注日志回复信息time日期/时间发布时间，默认值为now()sty文本50否日志分类hitnum数字长整型否日志被点击的次数renum数字长整型否日志被回复评价的次数表3 img表的字段字段类型字段大小必填字段说明id自动编号自动编号name文本50否图片的名称title文本图片的提示信息text备注图片说明的内容sty文本50否图片分
8、类表4 liuyan表的字段字段类型字段大小必填字段说明id自动编号自动编号name文本5050留言名称liuyan备注留言信息time文本留言时间，默认值为now()web文本5050留言人的个人站点表5 Music表的字段字段类型字段大小必填字段说明id自动编号自动编号url备注音乐的url(绝对地址)name文本50否音乐名称sty文本50否音乐分类 1.3 IIS的安装配置与站点的建立1.3.1 IIS的安装和配置：IIS安装是站点管理的前提，它的安装和设置是为了在计算机上模拟Internet环境，测试Web应用程序系统。由于它不是重点，所以只是简单的叙述安装和设置的步骤,具体步骤如下
9、：1.单击“开始”“控制面板”“添加或删除程序”“添加/删除windows组件”，会出现如下图1-5的界面 图1-5 添加/删除windows组件2.选中“ Internet信息服务（IIS）”后单击“下一步”，只要从“浏览”中选择对i386文件的路径，剩下的等待安装即可；3.首先甚至站点的虚拟目录为“myblog” ；4.选择“开始”“程序”“管理工具”“Internet服务管理器”，打开“Internet信息服务”对话框；5.在“Internet信息服务”对话框中默认站点的下方选择“myblog”,右击选择“属性”对话框；6.在“主目录”选项卡上选择“目录安全性”“编辑”“匿名访问”，完成
10、后单击“确定”即可。1.3.2站点的建立：1.双击Dreamweaver图标打开Dreamweave8.0 ；2.选择“站点”“管理站点”命令，在打开的“管理站点”对话框中，把站点命名为“流连岁月”，在“本地信息”中选择“本地根文件夹”的路径为：“E:myblog” ；3.选择“测试服务器”分类，在“服务器模型”下拉列表框中选择“ASP VBScript”选项，在“访问”列表框中选择“本地/网络”选项；4.在“测试服务器文件夹”中浏览路径为“E:myblog”,再选择“URL前缀”中设置为“http：/local/host/myblog”,单击“确定”即可。第二章 前台制作2.1 导航模块和版
11、权模块由于每个页面都需要顶部导航，所以把它单独设计是非常必要的，这样不必做无用功，充分利用现有的代码，避免重复劳动。具体的步骤如下：1.在站点新建文件“header.asp”通过rs和rs1分别实现背景图片的动态控制效果，具体的代码如下： img src=photo/ width=800 height=183 / 首页 图片鉴赏 音乐之旅 给我留言 2.用CSS来定义流连岁月站点的文字样式，在此只解释部分代码,如下：#header text-align:center; /*文本居中对齐 */ #header width:800px; /* 宽度为800px*/ text-align:left;
12、 /*文本左边的页边 */ margin-left:auto; /*文本左边的页边：自动*/ margin-right:auto; /*文本右边的页边：自动*/ position:relative; /*位置：相对*/3.保存并按F12浏览，注意单独的header.asp是无法浏览的，必须在“index.asp”，这里只是初步浏览，在“index.asp”中还有进行美化。4.在“index.asp”插入flash特效，具体代码是： 4在“index.asp”上浏览效果如下图2-1：图2-1 导航栏效果脚部版权设计比较简单，都是一些静态的显示，具体步骤如下：1 新建文件“footer.asp”输
13、入代码： ；2按F12浏览的效果如图2-2下：图2-2 版权效果图2.2 通用功能模块在个人博客站点中，通常设计者都是把一些重要的信息或者最新的信息罗列起来，而不是用传统的表格布局或者框架。这种方法很简单而且容易理解，像拼图似的，每个网页看起来只是局部，当把所以的网页拼凑起来就是一个功能强大的界面。这种做法可以根据自己的需要来增加或减少模块，而对其它的网页没有什么影响。具体做法如下：新建文件“left.asp”输入代码：2.3 照片控制个人博客的照片是一个人个性的体现，但是人的喜欢不是一成不变，所以此网页的功能是实现用户可以更换自己喜欢的头像，让用户随时根据自己的喜好更换头像。具体做法如下：新
14、建left_photo.asp文件输入代码： 首页头片 img src=photo/ width=200 height=200 / 2.4 博客公告个人博客公告是发布个人观点或者个人信息的平台，相当于QQ空间里的“说说”，其实现方法和博客照片的实现方法基本类似。其具体步骤如下：1.新建“left_gg.asp”，设置一个记录集，查询gg数据表中的所以字段信息，设置记录按id升序排列，这样就可以保证最新公告能够排列在前面的位置，主要代码如下：2.把字段gonggao和time绑定到页面标签下，代码如下： 公 告 % While (Repeat1_numRows 0) AND (NOT rs.EO
15、F) % () 3选中和标签，以及其内部绑定的字段，在“服务器行为”面板中添加“重复区域”服务器行为，在“重复区域”对话框中设置重复记录为5条，如图2-3所示：图2-3 设置重复记录2.5 最新日志列表最新日志列表显示用户发布的最新日志，此模块是个人博客日志的最新动态，是了解博客主人日志最新动态的窗口。具体步骤如下:1.新建文件“left_doc.asp”,设置记录集，查询cont数据表中的所以字段信息，设置记录集按id字段降序排列，这样就可以保证最新发表的日志能够排在前面。其记录集的代码如下：2.把字段title绑定到页面标签中，同时为该绑定字段定义一个超链接，单击链接将会跳转到show.a
16、sp文件，并把该日志的id编号利用查询字符串的方式传递给show.asp文件，然后利用该id编号在该页面中显示日志的详细内容。代码如下: 最新文章 % While (Repeat1_numRows 0) AND (NOT rs.EOF) % A HREF=show.asp?id= target=_blank 3.选中和标签，以及其内部绑定的字段，在“服务器行为”面板中添加“重复区域”服务器行为，在“重复区域”对话框中设置重复记录为5条；4单独浏览还是不可以的，所以在“index.asp”中浏览如下图2-4所示：图2-4“最新文章”效果图2.6 日志分类日志分类是个人博客的重要模块，通过日志的分
17、类可以十分方面的实现对日志的浏览和管理。我在此分为“转载日志”和“个人日志”，具体步骤如下：1.新建文件“left_class.asp”,定义记录集，查询sty数据表中的所以字段，设置记录集按id字段降序排列，这样就可以保证新增的分类能够排在前面。其记录集的代码如下：2.把字段sty绑定到页面标签中，同时为该绑定字段定义一个超链接，单击链接将会跳转到title.asp文件，并把该日志的id编号利用查询字符串的方式传递给title.asp文件，然后利用该id编号在该页面中显示分类下面的所以的日志。代码如下: 博文分类 % While (Repeat1_numRows 0) AND (NOT rs
18、.EOF) % A HREF=title.asp?id= target=_blank 3.选中和标签，以及其内部绑定的字段，在“服务器行为”面板中添加“重复区域”服务器行为，在“重复区域”对话框设置重复记录为所有，即重复显示所有分类。4.单独浏览还是不可以的，所以在“index.asp”中浏览如下图2-5所示：图2-5 日志分类列表2.7 最新留言列表留言板是博客用户之间的交流平台，现在主流的空间、微博都具有此项功能，具体步骤如下：1.新建文件“left_message.asp”定义个记录集，查询liuyan数据表中的所以字段，设置记录集按id字段降序排列，这样就可以保证新增最新留言能够排在前面。其记录集的代码如下：2.把字段liuyan绑定到页面标签中，同时为该绑定字段定义一个超链接，单击链接将会跳转到liuyan.asp文件，并把该日志的id编号利用查询字符串的方式传递给liuyan.asp文件，然后利用该id编号在该页面中显示来留言 的详细内容。代码如下: 最新留言 % While (Repeat1_numRows 0) AND (NOT rs.EOF) % d
