基于wordpress开发博客网站Word下载.docx

1、3.1 设计原则 53.2 运行架构 53.3 Wordpress软件的功能及特色 73.4 CSS+DIV技术 83.5 数据库技术 84. 系统功能实现 9 4.1 博客模板设计 94.2 个人博客方案 134.3 后台管理 15结束语 19致谢 19参考文献： 201. 引言1.1 背景博客（Blog）网站是致力于为广大博客提供优质博客页面服务的商业网站。每个博客都希望借助自己的博客页面宣传自己，而博客数量越多，网站的点击率越高就越能够吸引广大的企业客户选择该商业网站作为媒介，将自己的产品展现给客户。可以说，对这些博客网站而言：为博客提供良好的服务就意味着为网站带来更多的商业客户。因此，

2、在具体设计实现一个博客网站时，以下功能是应作为主要因素来考虑的。 博客的注册、登录验证功能 网络用户通过关键字搜索博文功能 最热门博客页面推荐浏览 文章详细内容及相关评论显示 博客页面访问量统计 博客个人文章管理维护功能 博客个人友情链接维护功能 博客个人基本信息管理维护功能 博客图片上传及个人相册管理 网络用户写留言，博主查看留言。1.2 项目的意义不同的 Blog 选择不同的内容，收集和整理成为很多人关注的专业 Blog，目前越来越多的人获取信息的来源是一些固定的 Blog 。随着博客人数的增加， Blog 作为一种新的生活方式、新的工作方式、新的学习方式已经被越来越多的人所接受，并且在改

3、变传统的网络和社会结构：网络信息不再是虚假不可验证的，交流和沟通更有明确的选择和方向性，单一的思想和群体的智慧结合变的更加有效，个人出版变成人人都可以实现的梦想，Blog 正在影响和改变着我们的生活。使用WordPress开发博客网站，是因为它是一个功能非常强大的博客系统，插件众多，易于扩充功能，安装和使用都非常方便。目前 WordPress 已经成为主流的 Blog 搭建平台。2. 需求分析Blog网站主要是实现注册用户登录、管理相关信息、博文及相关评论、查看留言、友情链接、及图片的上传和图像的播放而为上网用户提供按博文主题搜索，查看注册用户的博文及提出相关评论，并为注册用户写留言，游览注册

4、用户的相册、注册等功能的系统。以下详细列出博客网站的各项需求。 2.1 注册博友的操作功能一般博克网站在首页中出现登录，需要填写用户名和密码，这样才能执行一些相关操作，不然就是普通用户，只能查看一些信息，而不能发表博文。注册成功的博友可以在管理页面上添加博文的分类，可以上传图片和游览自己的相册，在上传过程中可以将一张图片定义为自己的签名，在个人管理页面中注册用户还可以修改自己的个人信息。博文管理，友情链接管理及博文分类管理。图2-1博客管理页面的用例图在博客主界面中发表博文时可以选择博文类型，这样可以更好管理自己的博文。并查看和删除网友对自己的博文的一些评论、查看和删除网友留下的一些留言，提供

5、与其他网友交流的空间。更好交流，在信息时代人们通过个人空间沟通也用来但不能在自己的博客主页面中提交评论和留言。这样在本系统中就可以为博友提供更多的个人色彩。在管理页面中添加和删除友情连接。这样博友可以在自己空间中快速定位自己的关心的网站。这样还可以让网友看到自己的一些信息。友情链接及网页访问量统计显示：在博客的个人页面中还提供了推荐给普通网络用户的相关友情链接，此外，对个人页面的访问量也在随时进行统计，并在个人页面中进行直观的显示。图2-2 博客主页面的用例图2.2 普通用户的操作功能在博客注册页面注册成为博客的注册用户，才可以拥有自己独立的空间，进入某一博客页面查看相关文章信息时，可以随时对

6、自己所感兴趣的文章发表评论，同时也可以查看到其他人针对该博文的评论。普通用户在阅读博文时可以在最后留下自己的一些评论。他也可以留下更多的信息，这样他可以写留言。这样他留下的信息就更快地被博友所看到。图2-3上网博友在博客主页面的用例图普通网友可以搜索自己关心的一些数据。并且在搜索结果中提供在结果范围内再次搜索。这样就可以将范围缩小。首页向注册用户提供登陆模块，注册用户在博客网站首页跟上网网友一样可以查看博客和博文推荐。上网网友可以注册成为博客用户，拥有自己独立的空间。这一模块的用例图如图2-4所示：图2-4 注册用户和上网用户共有功能3. 设计思路和采用的相关技术依据系统需求，在进行系统实现之

7、前，要确定出整个项目的整体架构，包括系统的选型、运行环境的确定及系统结构设计。3.1 设计原则根据软件系统开发的最初环节，一般都需要进行系统的选型的原则，在基于系统功能的实际需求前提下，选择合适的开发工具及软件架构。以下是本项目设计中所遵循的原则： 为了在更短的时间内实现博客网站，我采用wordpress软件进行开发，WordPress是一种使用PHP语言开发的博客平台，用户可以在支持PHP和MySQL 数据库的服务器上架设自己的网志。也可以把 WordPress 当作一个内容管理系统（CMS）来使用。它有许多第三方开发的免费模板，安装方式简单易用。不过要做一个自己的模板，则需要你有一定的专业

8、知识。比如你至少要懂的HTML代码、CSS、PHP等相关知识。 WordPress 是世界上目前最先进的 weblog 程序之一。目前开发的程序大多都是根据它仿造的。它更能把握搜索引擎，在使用 WordPress 并掌握几种插件后，对于优化将不用过多的操心，它会为我们想的更多。 利用现存框架可以更快开发系统，所以用Wordpress作为blog 的开发工具是个比较好的选择。3.2 运行架构网站部署是一桩很繁琐复杂的工作，如安装 Apache 服务器是件不容易的事情，如果还想添加 MySQL、PHP 和 Perl，那就更难了。但XAMPP 完全整合了上述部件的安装过程，它是一个包含 MySQL、

9、PHP 和 Perl 的 Apache 发行版，且易于安装，只需下载，解压缩，启动即可。XAMPP面板见图3-1：图3-1 XAMPP面板到目前为止，XAMPP 共有以下四种版本：适用于 Linux 的版本（已在 Ubuntu、SuSE、RedHat、Mandrake 和 Debian 下通过测试），适用于 Windows 98、NT、2000、2003、XP 、Vista 和Win7的版本， 适用于 Solaris SPARC 的测试版（在 Solaris 8 环境下开发并测试）， 适用于 Mac OS X 的测试版。XAMPP 1.7.7 已发布！更新：Apache to 2.2.21 M

10、ySQL to 5.5.16 PHP to 5.3.8 phpMyAdmin to 3.4.53.3 Wordpress软件的功能及特色Wordpress主要有以下功能： 文章发布、分类、归档、收藏，统计阅读次数。 提供文章、评论、分类等多种形式的RSS聚合。 提供链接的添加、归类功能。 支持评论的管理，垃圾信息过滤功能。 支持对样式CSS和PHP程序的直接编辑、修改。 在Blog系统外，方便的添加所需页面。 通过对各种参数进行设置，使Blog更具个性化。 静态html页面生成。 通过选择不同主题，方便地改变页面的显示效果。 通过添加插件，可提供多种特殊的功能。 支持Trackback和pin

11、gback。 支持针对某些其它blog软件、平台的导入功能。 支持多用户。Wordpress主要有以下特色： 所见即所得的文章编辑器。 统一的链接管理功能。 为搜索引擎而优化的永久链接（PermaLink）系统。 支持使用扩充其功能的插件。 对于文章可以进行嵌套的分类，同一文章也可属于多个分类。 TrackBack和 Pingback的功能。 能产生适当的文字的格式和式样的排版滤镜。 生成和使用静态页面的功能。 多作者共同写作的功能。 可以保存访问过网志的用户列表。 可以禁止来自一定 IP段的用户的访问。 支持使用标签（Tags）。3.4 CSS+DIV技术CSS+DIV是网站标准（或称“WE

12、B标准”）中常用术语之一，CSS+DIV是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，可实现网页页面内容与表现相分离。XHTML是The Extensible HyperText Markup Language（可扩展超文本标识语言）的缩写。XHTML基于可扩展标记语言（XML），是一种在HTML 基础上优化和改进的的新语言，目的是基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。在XHTML网站设计标准中，不再使用表格定位技术，而是采用CSS+DIV的方式实现各种定位。CSS层叠样式表（Cascading Style S

13、heets）的缩写，用于定义HTML元素的显示形式，是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。3.5 数据库技术数据库技术是现代信息科学与技术的重要组成部分，是计算机数据处理与信息管理系统的核心。数据库技术研究和解决了计算机信息处理过程中大量数据有效地组织和存储的问题，在数据库系统中减少数据存储冗余、实现数据共享、保障数据安全以及高效地检索数据和处理数据。随着计算机技术与网络通信技术的发展，数据库技术已成为信息社会中对大量数据进行组织与管理的重要技术手段及软件技术，是网络信息化管理系统的基础。MySQL是一种开放源代码的关系型数据库管理系统（RDBMS），MySQL

14、数据库系统使用最常用的数据库管理语言-结构化查询语言（SQL）进行数据库管理。MySQL的主要技术特点：作为一个开源的数据库，开源是它最大的特色，因为它所有的源代码都是公布于众的。每天在MySQL网站上有超过5万次的下载，有那么多用户用MySQL，而且大家在使用过程如果发现BUG或者有一些需要改进的地方可以很快的反馈到MySQL公司，使得能够帮助产品有一个进一步的优化。另外，MySQL一直在三个方面不断的努力，首先是它的性能。MySQL是一个非常快的数据库系统。第二个就是它的可靠性，因为它是开源的，希望借助开源的方式增强可靠性。第三个就是MySQL的易用性，MySQL能够保证任何没有接触过数据

15、库的人在15分钟之内就学会用MySQL，就是非常简单易用。4. 系统功能实现4.1 博客模板设计博客模板开发分为基于函数和基于空白框架的开发。基于函数的模板开发，就是WordPresss开发者通过官方提供的基本的函数来设计模板，只能在主题代码源开始编程。就像盖楼一样，从打地基一样，一点一点创建。而基于空白框架的模板开发，就是WordPresss开发者通过已经创建好的主题源码开始设计主题。所谓的空白框架，就是提供WordPress模板的基本代码，只需要设计人员，添加自己的设计就可以轻松完成。因为主体框架比较灵活，修改起来也容易，所以在这里，我采用基于空白框架的模板开发，可以从Wordpress官

16、网下载了主题。进入网站后台后找到主题菜单，选择“添加主题”。这里可以看到搜索结果，这里都是wordpress官网提供的一些主题，用户可以根据自己需求找到合适的主题，而我在这里找到了主题：Fastfood，直接点击安装就行了。图4-1 安装主题界面主题安装完成后，需要对博客页面进行模板上的修改变动。对 WordPress 侧边栏模板,开发者一般需要确保它是支持小工具 （Widget） 的，这里要明确如何在侧边栏显示小工具里设置以及需要添加什么内容。图4-2 外观选项下拉菜单进入“外观”下的“小工具”选项，直接拖动需要添加的内容，这里我选择了一些常用的模块，包括：日历栏，搜索框，评论栏，链接表，标

17、签云。图4-3 小工具应用界面4.2 个人博客方案因为原本的主题模板，如此，网站的首页大体上的模块设计已经可以确定了。接下来需要进行一些网站的基本设置： 用户设置图4-4 用户选项下拉菜单进入用户菜单，找到“我的个人资料”，对其进行个人设置，这里默认有个用户名admin是不可更改的，还有两个必填的项目：昵称，这里设为steam；电子邮件，填入steam419。而默认的个人设置一般不需要改动，例如这里选择可视化编辑器，管理界面配色方案选择了灰色，在浏览站点时显示工具栏等。这里还需设置一下登录密码，会有提示你的密码强度，资料都填完后，点击更新个人资料就完成了我的个人资料设置。图4-5 设置密码 常

18、规选项设置这里主要设置的就是博客网站的站点标题及副标题，时区统一为UTC+8，站点 语言选择 chinese，最后保存更改。图4-6 常规选项设置 网络设置包括运营设置：设置网站在网络上的名称，这里称之为“且行”，还需填写以下管理员的电子邮件地址；注册设置：设置允许新站点注册。图4-7网络设置 阅读设置 这里我根据网站首页的大小和版式，将将“博客页面至多显示”设置为1篇文章。图4-8 阅读设置 背景图片设置此项功能的方便用户自定义博客的背景图片。图4-9外观菜单下背景选项在下载的主题里默认会提供多个背景作为选择，当然也可以自己上传本地文件里的背景。这里我是选择了本地文件的背景，可以先Remov

19、e Image去除默认的背景，然后点击“浏览”选择背景图片，Upload上传即可。图4-10删除/上传背景图这里还可以对背景图片进行一些属性设置：Position（图片位置）默认为Left、Top；Repeat默认为Tile Horizontally（水平平铺）；Attachment默认Fixed；Color#DBE8F9。 顶部设置 顶部设置是对网站顶部模板的背景进行设置，和背景图片设置类似，有默认图像也可以上传本地图像，需将使用图像裁剪为848*120像素，上传完以后可以预览样式。这里我将文字颜色换成与背景相对称的白色系。图4-11 顶部背景设置 主页设计为下图：图4-12 首页管理员拥有

20、对本系统的一切控制权限，还可以设置允许新用户注册。下图为管理员登陆界面：图4-13管理员登陆界面 用户注册的步骤（进入登陆界面下有注册选项）：图4-14用户登陆界面图4-15注册步骤左下角红色区域是采用js技术产生的效果，这边可以看到文章的分类目录：图4-16 分类目录主页右侧栏分别是搜索，日历，评论，标签，链接几栏内容。右下角同样是采用js技术，实现让页面返回顶部或底部的功能： 图4-17 侧边栏模块4.3 后台管理进入后台，在功能菜单栏下可以进行各功能设置，包括撰写文章，插入媒体文件，添加链接，管理员及用户的资料填写等：图4-18 后台菜单栏因为本网站的主题是从网上下载的，所以有些地方自己

21、还要有所改动。更改可以进入主题下面的“编辑”菜单，主要是对主题的style.css样式表进行适当修改：图4-19编辑代码界面这里仅对顶部模板简单描述一下，left设置标题靠左，italic设置字体倾斜，padding设置补白。 图4-20 style.css代码区撰写文章：图4-21 文章选项下拉菜单找到文章菜单，选择“写文章”，进入撰写页面。一般写文本文章都选择可视化界面，而要插入媒体视频或是音乐的时候可以转为HTML界面，将网上的相关链接输入就行了。文章类型有：标准，相册，日志，状态。图4-22撰写文章的界面 对文章分类也是很重要的，分类目录是将网站信息系统地分类整理，提供一个按类别编排的

22、网站目录，在每类中，排列着属于这一类别的网站站名、网址链接、内容提要，以及子分类目录。 图4-23分类目录这里我做的分类有：骑行知识，一路骑行，骑行相册。山地车、风景属于骑行相册的子目录。这里还有个未分类目录，是默认情况下文章归入的目录。作为一个博客网站，插件功能也是必不可少的，各种不同特色的插件可以让网站建设变得更简便，也能让网站界面更有特色。图4-24查看插件页面图4-25插件搜索窗口进入插件页面，点击“安装插件”，这边输入需要用的插件的名字或是关键字，找到插件，一般会有多个版本选择需要用的即可。 图4-26插件菜单另一种安装插件的办法是进入插件菜单选择“Install a Plugin”

23、。这里是先在官网找到需要的插件，将其链接复制下来填入URL：框，点击Install安装；还可以先将插件的安装包从官网下载到本地，然后“浏览”从本地上传，点击Install安装。图4-27 安装插件来自网络/本地具体安装插件时采用哪种方法还得视情况而定，这里介绍下我用的几个比较常用的wp博客插件：Akismet：是应用广泛的一个垃圾留言过滤系统，是WordPress默认安装的插件，其使用非常广泛，设计目标便是帮助博客网站来过滤留言spam。有了akismet之后，基本上不用担心垃圾留言的烦恼了。All in One SEO Pack：是 WordPress 一个非常强大 SEO 插件，利用它，你

24、可以给每篇页面添加独立的关键词和摘要，还可以防止存档页面被抓取以免被 Google 降权。Google XML Sitemaps：使用该款插件，当发表或修改博客内容后，它将为WordPress博客自动创建/更新Google Sitemap格式的XML文件，它支持所有的WordPress发表的内容，以及自定制。Batch Cat：是一个批量修改文章分类的插件。One Click Plugin Updater：满足在线安装官方插件以外的插件，还能在线安装网络上任意位置的插件和主题。Ozh Admin Drop Down Menu：它可以把Wordpress后台的菜单链接集成到一个下拉菜单中, 也就

25、是说你可以通过下拉菜单一次点击就直达其它页面。WordPress Database Backup：一个网站的数据的安全才是最重要的，这个插件可以实现wp网站数据库的自动备份，发邮件到邮箱。 Wp-DBManager：数据库辅助管理插件。可以对数据库进行优化、修复、备份、恢复，还能对数据库进行一些操作，比如删除备份的数据，删除无用的数据表，最重要的功能是支持数据库定时备份，定时优化。Wp-Page Navi分页导航：由 Lester “GaMerZ” Chan 开发的文章分页插件， 给你的WordPress博客主题页面导航来个独一无二的升级，替代传统的“旧文章/新文章”，就像DIGG样式的页面导

26、航。图4-28 页面导航界面风格结束语经过这几个月的努力，毕业设计论文终于完成，在整个设计过程中，出现过很多的难题，但都在辅导老师的帮助下顺利解决了，在不断的学习过程中我体会到：写论文是一个不断学习的过程，从最初刚写论文时对待问题的模糊认识到最后能够对该问题有深刻的认识，我体会到实践对于学习的重要性，以前只是明白理论，没有经过实践考察，对知识的理解不够明确，通过这次实际设计，真正做到理论知识与实践相结合。通过毕业设计,我深刻体会到要做好一个完整的事情，需要有系统的思维方式和方法，对待要解决的问题，要耐心、要善于运用已有的资源来充实自己。同时我也深刻的认识到，在对待一个新事物时，一定要从整体考虑，完成一步之后再作下一步，这样才能更加有效。这次的毕业设计只是对个人博客网站的开发进行概要设计，并在本地环境下进行了模拟，网站中其他的问题，如上传服务器测试和域名设置等都未能在本文中涉及。网站建设后的效果尚需实际实施后检验。致谢在论文结束之际，首先要感谢我的指导老师陈容华老师，在我的论文设计以及实现过程中均给了我大量的帮助和指导，他严谨的敬业精神和治学态度给我留下了深刻的印象。从他身上，我学到了许多能使我受益终身的东西，再次对陈老师表示衷心的感谢。感谢南京信息职业技术学院领导以及老师给我