《毕业设计（论文）基于WordPress的个人网页设计与实现.doc》由会员分享，可在线阅读，更多相关《毕业设计（论文）基于WordPress的个人网页设计与实现.doc（52页珍藏版）》请在三一办公上搜索。
1、 编 号： 审定成绩： 重庆邮电大学毕业设计（论文）设计（论文）题目：基于WordPress的个人网页设计与实现学 院 名 称 ：软件学院学 生 姓 名 ：专 业 ：软件工程班 级 ：学 号 ：指 导 教 师 ：答辩组 负责人 ：填表时间： 2015年 5月重庆邮电大学教务处制摘 要随着互联网的全面普及，这个时代的媒体主导权已经不在只属于大型公司和个别名人，每个人都有机会在互联网上发出自己的声音，展现自己的风采。“草根”已作为一种文化得以传播，它所展现的正是这个时代的特色，自由和自我的表达。因此建设个人主页的需求兴起也是理所当然的。个人网站建设受到主机性能和技术复杂度的限制，对网站后台管理也是
2、一系列繁琐的操作。而WordPress正是这些问题的解决方式之一，它拥有强大的后台管理系统，丰富的模板和扩展性强大的自定义能力。WordPress是一个注重美学、易用性和网络标准的个人信息发布平台。WordPress虽为免费的开源软件，但其价值无法用金钱来衡量。WordPress的图形设计在性能上易于操作、易于浏览；在外观上优雅大方。WordPress从2005年发布第一个版本以来，目前已经历了7年多的开发，产品的成熟度得到公认。目前WordPress已不在是一个简单的Blog程序，你不仅可以使用它来搭建个人博客，还可以搭建其他常见类型的网站，比如门户、下载站、淘宝客、论坛、多博客等等。而使用
3、WordPress，对于开发者而言，最大的好处是不管遇到什么问题，都很容易在百度和谷歌上找到解决的办法，其流行程度使得各个使用者在交流上非常方便。综上所述，WordPress就是一个使用PHP语言和MySQL数据库开发的开源、免费的建站程序，搭建WordPress站点，仅要求一个能够运行PHP语言的主机空间和一个MySQL数据库。就可以实现网站的前台展示和后台管理功能。【关键词】WordPress PHP MySQL 跨平台ABSTRACTWith the overall popularity of the Internet, this era of media ownership has n
4、ot only belong to large companies and individual celebrity, everyone make their voices heard on the Internet. Grassroots has been used as a culture to spread, featured in this era show its freedom and self expression. Hence the rise of demand for the construction of a personal web is taken for grant
5、ed. Website construction by host performance and limitations of technical, the site management is a series of complicated operations. But WordPress is one way to solve these problems, it has a strong background management system, rich templates and scalability powerful customization capabilities. It
6、 is a focus on aesthetics, web standards, and usability personal publishing platform. WordPress is free open-source software, but its value can not be measured in monetary terms. WordPress graphic designs on performance and easy to operate, easy to navigate; elegant and generous in appearance. WordP
7、ress from 2005 released since, has gone more than seven years of development, the maturity of the product to be recognized. WordPress has many plugins and themes, installation and use are very convenient, timely and not change the code. You can easily use it to build a beautiful and powerful website
8、s. It is no longer a simple Blog program, you can not only use it to build a personal blog, but also set up other common types of sites. To use WordPress, for developers, the biggest advantage is no matter what the problem, the solution is easy to find on Google, its popularity so that communication
9、 is very convenient. In summary, WordPress is a free station program which use PHP language and MySQL open source database, set up WordPress site requires only one capable of hosting space to run PHP language and a MySQL database. We can achieve the site front display and background management funct
10、ions. 【Key words】WordPress PHP MySQL cross-platform目 录前 言1第一章 基于WordPress的个人网页的概述2第一节 系统开发背景2第二节 课题研究意义2第三节 研究现状和发展趋势3第二章 开发环境概述4第一节 WordPress开发的主要框架4一、Apache4二、PHP4三、MySQL5第三章 系统分析6第一节 功能分析6一、前台的主要功能6二、后台管理的主要功能6第二节 系统用例图6第三节 系统的可行性分析9一、市场可行性分析9二、技术可行性分析9三、经济可行性分析9第四章 系统设计10第一节 个人网页界面设计10一、导航栏10二、首
11、页信息10三、后台管理系统13第二节 数据库设计16第三节 程序模块设计18第五章 系统实现19第一节 后台功能模块实现19一、用户登陆及身份验证19二、用户注册模块21三、文章发布24四、用户管理28五、评论管理34第二节 前台功能模块的实现35一、首页展示35二、搜索模块36三、主页文章列表显示37四、404错误页面38结 论40致 谢41参考文献42附 录43一、英文原文：43二、英文翻译：47前 言本论文设计的个人网页是基于WordPress开发的。该CMS是目前使用最广泛的博客系统。随着互联网技术的发展，个人用户不满足在公共平台上搭建自己的个人站点而是选择自己搭建的站点但受限于建站技
12、术，美工技术以及相关建站技术，很难方便快捷的搭建自己的站点。所以就出现了许多快速定制制作自己站点的网站开发技术。传统的网站开发都是由专业的应用开发工程师以及页面美工等完成需要较高的技术水平才能完成这项工作，这就使得网站的架构与设计只能由这些有限的技术人员来完成。大大限制了网站的发展与内容个性化与丰富化，同时也导致开发周期较长。快速便捷建站的模块化和定制化应用技术的出现使得越来越多不懂得网站开发的人可以快速地学会建站，开发人员可以更加专注于新技术的研发与创新工作。CMS的出现改变了网站建设的传统概念与方式使得网站开发更加方便快捷，也变得更加智能化与人性化。将人们的时间更多的运用于网站内容的设计上
13、。第一章 基于WordPress的个人网页的概述第一节 系统开发背景在如今快速发展的网络技术环境下，网站的开发与维护若不跟上信息衍生及业务模式变革的步伐，将消耗大量时间、人力和物力去处理信息更新和维护工作。如网站扩充，整合内外网及分支网站的工作变得更加复杂，重新建设网站都是有可能的。对于网站建设和信息发布人员来说，系统的易用性和功能的完善性是最受关注的问题。首先，角色定位明确，以充分保证各方人员的工作效率;功能完整，使各种信息发布准确无误，为开发人员提供人性化的管理功能。其次，保障管理者的网络访问权限，也是管理网站安全性的关键。使数据库不受外部攻击，时刻保证网站的安全稳定运行，免除用户的后顾之
14、忧。根据以上要求，内容管理系统孕育而生。内容管理系统，简称CMS(Content Management System)，是指组织和协助共同合作的内容，方便数字内容的管理系统。内容管理可定义为：协助组织和个人，借助信息技术，实现内容的创建储存分享应用检索，并在企业个人组织业务战略等诸方面产生价值的过程。内容管理系统就是能够支撑内容管理的一种工具或一套工具的软件系统。第二节 课题研究意义在CMS中，WordPress是当今较为流行和广泛的个人及企业站点开发工具。利用WordPress对相应数据内容进行架设并管理，能有效解决用户网站建设与信息发布中常见的问题和对网站内容管理是该软件的最大优势。Wor
15、dPress功能完善，主题丰富，可授权给合法用户编辑管理稿件并合理分类，无需用户去了解内部运行的语法规则。第三节 研究现状和发展趋势当WordPress是全球用户使用最多的内容管理系统，大约95%的博客用户都是使用的这款CMS，以及很多中小型企业网站、小型购物网站、视频图片分享站点及内容站点都用其内核修改主题之后搭建的。从国内外提供WordPress主题服务和插件第三方开发的网站数目可以看到用户量之多，以及需求市场够大。全球排名前百万的网站中，有14.7%是使用WordPress架构，而这个数字还在增长。在美国，每100个新启用的网站中，就有22个是由WordPress所驱动，包括从WordP
16、（现成模组）和WordPress.org（自行架站）而来。第二章 开发环境概述第一节 WordPress开发的主要框架一、ApacheApache起初由伊利诺伊大学香槟分校的国家超级电脑应用中心（NCSA）开发。此后，Apache被开放源代码团体的成员不断的发展和加强。Apache服务器拥有牢靠可信的美誉，已用在超过半数的因特网站中特别是几乎所有最热门和访问量最大的网站。Apache HTTP服务器项目致力于开发和维护一个开源的HTTP服务器，运行于现代操作系统UNIX和Windows NT等。这个项目的目标是提供一个安全的，有效的和可扩展的服务器，并提供HTTP服务与当前的HTTP标准同步。
17、Apache httpd成立于1995，一直是互联网上最流行的Web服务器之一。它快速、可靠并且可通过简单的API扩充，将PerlPython等解释器编译到服务器中。WordPress也使用Apache的一个扩展模块mod_rewrite，来实现固定链接结构。固定链接是WordPress可选用的功能。二、PHPPHP是一种开源的通用计算机脚本语言，常使用于网络开发并拥有可嵌入HTML的优势。PHP的语法来源于C语言、Java和Perl等流行计算机语言，易于学习。网络开发人员使用PHP的主要目标是快速编写动态页面，但也用于其他很多领域。勒多夫在1995年开始开发PHP。而现在PHP的标准由PHP
18、社区和开放源代码社区维护。PHP以PHP License作为许可协议，不过因为这个协议限制了PHP名称的使用，所以和开放源代码许可协议GPL不兼容。PHP的应用范围相当广泛，尤其是在网页程序的开发上。一般来说PHP大多运行在网页服务器上，通过运行PHP代码来产生用户浏览的网页。PHP可以在多数的服务器和操作系统上运行，而且使用PHP完全是免费的。据2013年的数据了解，PHP已经被安装在超过2亿4400万个网站和210万台服务器上。三、MySQLMySQL是一个小型关系型数据库管理系统，开发者是MySQL AB公司。在2008年1月16号被Sun公司收购，2009年,Sun又被Oracle收购
19、。目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。MySQL的特性主要有：使用C和C+编写，并使用了多种编译器进行测试，保证源代码的可移植性。支持FreeBSD、HP-UX、Linux、Mac OS、Novell Netware、OS/2 Wrap、Solaris、Windows等多种操作系统。为多种编程语言提供了API。这些编程语言包括C、C+、Python、Java、Perl、PHP、Eiffel、Ruby等。支持多线程，充分利用CPU资源。优
20、化的SQL查询算法，有效地提高查询速度。既能够作为一个单独的应用程序应用在客户端服务器网络环境中，也能够作为一个库而嵌入到其他的软件中提供多语言支持，常见的编码如中文的GB 2312、BIG5等都可以用作数据表名和数据列名。提供TCP/IP、ODBC和JDBC等多种数据库连接途径。提供用于管理、检查、优化数据库操作的管理工具。可以处理拥有上千万条记录的大型数据库。第三章 系统分析第一节 功能分析基于WordPress的个人主页网站，在前台主要实现显示用户文章的页面，日历插件，站长的关于界面，常用工具和站内搜索功能等，并有一个登录或用户个人状态的区域；在后台管理页面主要实现，添加用户和管理用户功
21、能，插件主题模块的选择和设置等。一、前台的主要功能按最新时间顺序呈现前8篇文章。站长的关于界面和文章分类。拥有一个带搜索功能的导航栏，方便游客翻看。右侧小工具栏，添加实用的日历和标签组。功能栏里增加登录和订阅RSS按钮。底部显示网站的权限信息。二、后台管理的主要功能添加和管理用户主题选择和编辑站点相关设置插件安装和管理第二节 系统用例图用例图是由参与者、用例以及之间的关系组成的描述系统功能的动态视图。用例图是被称为参与者的外部用户所能观察到的系统功能的模型图，呈现了一些参与者和一些用例，以及它们之间的关系，主要用于对系统、子系统或类的功能行为进行建模。角色：角色代表了某一事件发生的参与者，他用
22、一个小人表示。在通常的网络项目中，角色常被用来代表使用网站的用户，但角色的作用并不局限于此，它也可以用来代表与系统交互的其他实体。用例：用例代表系统可以实现的功能，通常一个用例代表一组功能，它实质上规定了系统实现功能的范围。在实际项目开发过程中，一个项目中往往涉及很多个用例，此时需要将其分解成若干个子系统实现，以便于理解。在UML中，用例用一个椭圆表示。用例图：当角色与用例发生某种关系时，就可以用一个图将它们关联起来，这就是用例图，角色与用例之间使用一个带箭头的实线连接，箭头方向代表使用者与被使用者关系。WordPress将注册用户权限分为订阅者、投稿者、作者、编辑、管理员，有效的将网站权限进
23、行了划分。方便网站不同角色用户完成自己的任务而不影响和威胁网站性能，保障网站安全性。用例图如下：图3.1 订阅者用例图图3.2 投稿者用例图图3.3 作者用例图图3.4 编辑用例图图3.5 管理员用例图第三节 系统的可行性分析一、市场可行性分析目前个人主页并不太多。更多的用户选择直接在平台网站交流和发布自己的文章或图片，但当厌倦主流网站固定、不自由的发布方式后，便会产生建立自己站点的冲动。从应用范围上看，比较广泛不受限制是最大的优势，也可用于中小型企业作为描述性介绍网站，但不适合应用在大型社区网和城域网中，对内存的占用率，WordPress要求较高。从价格上看，是完全免费的，所以很适合个人使用
24、。综合几方面，免费，自由充满自我表达空间的个人系统是有其市场空间和优势的。二、技术可行性分析系统的主要技术难度是熟悉基础系统模板并进行二次开发。在各个主流互联网企业主推云计算的时代，云空间优良的主机性能和便宜的价格，使得个人网站运营成本低廉，一定PHP基础，就可以对系统进行良好的开发和维护。三、经济可行性分析软件的经济可行性是指软件所能带来的经济效益与开发设计所需要的投资相比，是否相适宜，同时还要看此软件能否真正给用户带来足够的经济效益，开发此软件不需要大量的经费，而且是个人独立设计，可以节省许多费用，同时也可提高个人的实际动手能力。而且更新方便，官方会不定期更新补丁及新版本，使得安全性维护得
25、到保障。第四章 系统设计第一节 个人网页界面设计根据需求分析可以知道，个人网页应该包含5个主要的界面：首页（HTML5资料信息），ABOUT（个人信息介绍），我的文章（个人文章列表），后台管理（后台管理系统）。这里需要进一步分析每个界面显示的内容。一、导航栏在整个页面中，导航栏将一直处于浏览器最上方并跟随滑动。整个导航栏分两个部分，左侧是站点栏目，右侧为文章细分类别，具体界面如下图所示：图4.1 导航栏效果二、首页信息在首页信息中有一个幻灯片，其下方的原点，可手动切换图片。下图为幻灯片切换效果图：图4.2 幻灯片切换效果 下图为整体页面效果图：图4.3 整体效果图1、ABOUT（个人信息）个人
26、信息简单介绍站长的信息，网站简介。图4.4 个人信息图 2、个人文章列表个人文章列表是后台发表文章显示列表，可以看见题目和发表时间，点击可以查看完整文章，下图为文章列表效果图：图4.5 文章列表点击详情效果图为：图4.6 文章详情在文章详情页面中，可以查看整个文章内容，有文章的发表时间，右上侧还有可以控制字体大小的按钮。3、留言区域留言为显示游客留言区域，可以显示留言人，内容，时间信息。留言拥有分页设计。效果如下图：图4.7 留言栏三、后台管理系统后台管理系统为整个个人网页的核心部分，在登陆后台管理之后，可以发布文章，查看评论，编辑文章等等。后台管理分为几个部分，分别如下：1、登陆页面页面拥有
27、2个文本框，分别为用户名，密码。图4.8 后台登录页2、后台管理首页整个页面顶部为标题栏，左侧有导航栏。右侧有内容显示区域，下部为网站信息显示栏。在首页登陆之后，左侧导航栏上方会显示登陆用户名。右侧会显示新留言条数，方便查看新的留言信息，点击链接即可跳转到留言页图4.9 后台管理首页（1）、 文章页面图4.10 后台文章管理-文章列表在进入此页面的时候，左侧导航栏的文章选项将会出现选中的效果。右侧上端可以对文章进行操作:文章列表，删除文章，发表文章等。在删除文章选项卡可以删除发表过的文章。点击删除按钮即可删除，然后在回收站中可以恢复。如下图：图4.11 文章删除在发表文章选项卡可以进行文章发表
28、，如果输入为空，点击发表会进行提示，要求输入内容。图4.12 文章发表（2）、 评论列表评论列表可以查看游客留言，点击详情可以查看具体信息。评论列表有昵称，邮箱，留言，留言时间等信息。列表效果如下图所示：图4.13 评论列表第二节 数据库设计如图4.14所示，本实例中实体型简化分为管理员、游客、登录用户、文章，联系分为管理、修改、浏览，管理员可以对多个文章进行添加、修改、删除的操作，而发布的每篇文章都由管理员统一管理；同样，管理员可以添加、修改、删除多个用户，而每一个用户都由管理员统一管理；同一个游客可以浏览多篇文章，一篇文章又可使多个游客同时浏览；同样，同一个文章又可供多个用户操作和编辑；同
29、一个游客可以浏览和评论多篇文章。E-R图：图4.14 E-R图WordPress拥有强大的数据处理能力，又具有丰富多样的插件扩展。于是使用后台数据库MySQL，整个数据库主要的表是用户信息wp_users，文章wp_posts，文章评论wp_comments，wp_user.三个表中的字段如下图所示：表4.1 wp_users字段类型空注释IDbigint(20)否区块id（主键）user_loginvarchar(60)否用户的注册名称user_passvarchar(64)否用户的密码user_nicenamevarchar(50)否用户的昵称user_emailvarchar(100)否
30、用户的邮箱user_registereddatetime否用户的注册时间display_namevarchar(250)否用户的前台显示名称表4.2 wp_posts字段类型空注释IDbigint(20)否区块id（主键）post_authorint(4)否每篇文章的作者的编号post_datedatetime否每篇文章发表的时间post_date_gmtdatetime否每篇文章发表的格林威治时间post_contentlongtext是文章发表的内容post_titletext是文章发表的标题post_categoryint(4)否文章所属分类guidvarchar(255)否每篇文章的一
31、个地址post_excerpttext是文章摘要post_modifieddatetime否文章最后修改的时间表4.3 wp_comments字段类型空注释comment_IDbigint(20)否区块id（主键）comment_post_IDint(11)否每个评论对应的文章的ID号comment_authortinytext否评论者名称comment_author_emailvarchar(100)是评论者邮箱地址comment_author_IPvarchar(100)否评论者的IP地址comment_datedatetime否评论时间comment_contenttext否评论内容us
32、er_idint(11)否某一评论对应的用户ID第三节 程序模块设计从功能需求上分析可以看出，整个个人网页应用程序的主要数据操作可以划分为3个模块：文章管理模块、评论模块、后台主题管理模块和用户信息。所以程序模块可以用下图表示个人网页管理系统添加及编辑编辑主题文章分类添加及编辑评论管理主题管理文章管理用户信息图4.15 数据模块图表从图中可以看出，管理系统主要处理的数据来自文章和评论的管理，用户注册是也需要在数据库记录相关数据。由于WordPress是开源的，自由程度相对较高，主题是可定制的。于是在网页上对主题代码及相关内容的处理，极大的方便了网站的建设。第五章 系统实现第一节 后台功能模块实
33、现本网站需要完成文章信息的发布，多栏目管理，并设有文档管理与文档评论管理等功能。网站的所有功能都可在网站的后台设置编辑。通过网站的后台更改，以快速完成添加网站前台所有显示内容。一、用户登陆及身份验证用户通过此登陆入口进入，而管理员也通过此入口进入后台管理界面，需要填写正确的用户名（admin）和密码（password），然后点击登录按钮才能够登陆其界面。页面见图4.8后台管理员登录PHP关键代码的前台显示如下：用户名密码 记住我的登录信息后台PHP关键代码如下：$action = isset($_REQUESTaction) ? $_REQUESTaction : login;$errors
34、= new WP_Error();if ( isset($_GETkey) )$action = resetpass;/ 通过验证action来选择默认的登录界面if ( !in_array( $action, array( postpass, logout, lostpassword, retrievepassword, resetpass, rp, register, login ), true ) & false = has_filter( login_form_ . $action ) )$action = login;nocache_headers();header(Content-
35、Type: .get_bloginfo(html_type).; charset=.get_bloginfo(charset);if ( defined( RELOCATE ) & RELOCATE ) / Move flag is setif ( isset( $_SERVERPATH_INFO ) & ($_SERVERPATH_INFO != $_SERVERPHP_SELF) )$_SERVERPHP_SELF = str_replace( $_SERVERPATH_INFO, , $_SERVERPHP_SELF );$url = dirname( set_url_scheme( h
36、ttp:/ . $_SERVERHTTP_HOST . $_SERVERPHP_SELF ) );if ( $url != get_option( siteurl ) )update_option( siteurl, $url );/设置cookie并测试浏览器是否支持setcookie(TEST_COOKIE, WP Cookie check, 0, COOKIEPATH, COOKIE_DOMAIN);if ( SITECOOKIEPATH != COOKIEPATH )setcookie(TEST_COOKIE, WP Cookie check, 0, SITECOOKIEPATH, C
37、OOKIE_DOMAIN);/* *初始化登录时触发。 */do_action( login_init );/* *有特殊的action触发 * * 变量action的动态内容由浏览者的登录表单决定 * Actions 包括 postpass, logout, lostpassword, 等等. */do_action( login_form_ . $action );$http_post = (POST = $_SERVERREQUEST_METHOD);$interim_login = isset($_REQUESTinterim-login);二、用户注册模块用户的注册页面同样放置在登录
38、界面，方便游客寻找。在点击注册页面后将显示如下：图5.1 后台注册页该PHP页面的前台关键代码如下：用户名电子邮件密码将通过电子邮件发送给您。后台关键PHP代码如下?phpif ( get_option( users_can_register) ):/在后台设置允许注册则跳转$registration_url=sprintf(%s,esc_url( wp_registration_url() ), _( Register ) );echo | . apply_filters( register, $registration_url );endif;?phpif ( get_option( us
39、ers_can_register ) ) :$registration_url = sprintf( %s, esc_url( wp_registration_url() ), _( Register ) );echo | . apply_filters( register, $registration_url );endif;?phplogin_footer(user_pass);break;case register :if ( is_multisite() ) $sign_up_url = network_site_url( wp-signup.php );/* * 可多站点注册的网址. * 参数 $sign_up_url 就是将要跳转的注册URL. */wp_redirect( apply_filters( wp_signup_location, $sign_up_url ) );exit;if ( !get_option(users_can_register) ) wp_redirect( site_url(wp-login.php?registration=disabled) );exit(); /跳转显示注册成功，请查看邮
