1、毕业设计（论文）论文题目：hope 网站设计与实现 系 别：计算机与信息技术系 专业班级：14 计算机信息管理 学生姓名：指导教师：二一七年五月十九日i目录摘 要1引言 21 hope 网站设计与实现概述 21.1 研究的内容与背景 21.2 hope 网站设计与实现的开发环境简介 31.3 开发环境介绍 42 hope 网站设计与实现的设计分析 42.1 hope 网站设计与实现的设计规划 42.2 hope 网站设计与实现的设计 53 hope 网站设计与实现详细设计 103.1 前台页面设计 103.2 后台页面设计 123.3 网站维护 22结束语 23参考文献 24致谢 251hop
2、e 网站设计与实现【摘 要】随着 Internet 的广泛应用，各种网络交流互动工具也应用而生。其中以论坛、博客、社区、空间最为受广大网民的欢迎，也是目前为止发展的比较成熟的信息交流工具。在网络技术逐渐渗入的今天，传统的交流方式也面临着变革，每个人都有机会在互联网上发出自己的声音，展现自己的风采。 “草根”已作为一种文化得以传播，它所展现的正是这个时代的特色，自由和自我的表达。因此建设个人博客的需求兴起也是理所当然的，个人博客网站建设受到主机性能和技术复杂度的限制，对网站后台管理也是一系列繁琐的操作。而 WordPress 正是这些问题的解决方式之一，它拥有强大的后台管理系统，丰富的模板和扩展
3、性强大的自定义能力。WordPress 是一个注重美学、易用性和网络标准的个人信息发布平台。WordPress 虽为免费的开源软件，但其价值无法用金钱来衡量。WordPress 的图形设计在性能上易于操作、易于浏览；在外观上优雅大方。使用WordPress，对于开发者而言，最大的好处是不管遇到什么问题，都很容易在百度和谷歌上找到解决的办法，其流行程度使得各个使用者在交流上非常方便。 【10】综上所述，WordPress 是一种使用 PHP 语言开发的博客平台，用户可以在支持 PHP和 MySQL 数据库的服务器WampServer 上架设自己的网站。搭建 WordPress 站点，仅要求一个能
4、够运行 PHP 语言的主机空间和一个 MySQL 数据库。博客基于 WordPress 的平台，利用 WampServer 为强大后台环境，建造了一个对搜索引擎友好、方便管理员对博文的管理、发布和内容的更新。 【8】【关键词】个人博客 WordPressWampServerPHP 2引 言随着计算机的广泛应用，人们已经对网络不再感到陌生。在科技飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。人们在网上不仅可以进行网上购物，网上交友，电子商务，网络营销等，还可在网上记载对自己日常事务的记录，发表有关个人构思，日记，或者诗歌，散
5、文，小说，获对时事新闻、国家大事的个人看法等等。 【5】 本论文设计的网站是基于 WordPress 开发的，博客改变了网站建设的传统概念与方式使得网站开发更加方便快捷，也变得更加智能化与人性化。将人们的时间更多的运用于网站内容的设计上，在这个平台里，有着一个关于希望的故事，有着希望的世界。 【7】1 hope 网站设计与实现概述1.1 研究的内容与背景进入二十一世纪，以 Internet 为核心的现代网络积水和通信技术已经得到了飞速的发展和广泛的应用，各种网络交流互动工具也应用而生。其中以论坛、博客、社区、空间最为受广大网民的欢迎，也是目前为止发展的比较成熟的信息交流工具。在网络技术逐渐渗入
6、的今天，传统的交流方式也面临着变革，而网络博客则是一个很重要的方向。随着网络技术的日渐成熟，互联网已成为日常生活及工作中必不可少的工具，网络博客在近几年更是成为了各类网民不可或缺的展示自我表现自我的强大工具，其强大的功能良好的互动性在很大的程度上满足了广大网民的需求。在我国，已经有十几万个博客网站，博客数量达到 100 多万个，并且呈现 40%的年增长进度。不知从何时起，建博客、写博客成为了众多网民网络生活的重要组成部分，与网络聊天成了并驾齐驱的热点，共同成为网民上网最关心的事情。因此，如何快速高效地为客户构建一个能满足其不同需求的博客系统，成为了当前应深入研究的课题。 【9】“博客”是 bl
7、og（Web Log 的缩写）的中文译名，又译为网络日志、部落或部落阁等，目前对于博客并没有明确、统一的定义。大致来说，博客是网络上的流水记录形式，是一个通过互联网传播的容易创建的网页，是一种通常由个人管理、不定期张贴新的文章的网站。博客它经常是由简短且经常更新的帖子构成。它的内容有的是纯粹满足个人的需要所做的对自己日常事务的记录以及个人感悟、心情等等，就像是通常所写的日记。博客可以发表有关个人构思，日记，或者诗歌，散文，小说等等。亦可以是自己个人的想法和心得，包括对时事新闻、国家大事的个人看法。 【6】此次制作的“hope 网站设计与实现”课题使用的软件是 WordPress。WordPre
8、ss 是一种使用支持 PHP 语言和 MySQL 数据库WampServer 开发的开源、免费的博客引擎，在3本次研究中要求实现其基本功能包括：具有日志、留言、简介这些常用功能，并且可以对它们实施管理，如网站设置管理、文章管理、相册管理、更改管理密码和个人简介等功能。 【1】1.2 hope 网站设计与实现的开发环境简介(1) WordPress 简介WordPress 是一种使用 PHP 语言开发的博客平台，用户可以在支持 PHP 和 MySQL 数据库的服务器上架设属于自己的网站。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。是一个功能非常强大的博客系统，插件众多，易
9、于扩充功能。安装和使用都非常方便。目前 WordPress 已经成为主流的 Blog 搭建平台。WordPress 可以说是世界上目前最先进的 weblog 程序。目前开发的程序大多都是根据它仿造的。它更能把握搜索引擎，在你使用 WordPress 并掌握几种插件后，对于优化将不用过多的操心，它会为你想的更多。其有许多第三方开发的免费模板，安装方式简单易用。不过要做一个自己的模板，则需要你有一定的专业知识。比如至少要懂的 HTML 代码、CSS、PHP 等相关知识。 【3】(2) WordPress 功能优缺点优点：aWordPress 功能强大、扩展性强，这主要得益于其插件众多，易于扩充功能
10、，基本上一个完整网站该有的功能，通过其第三方插件都能实现所有功能；bwordpress 搭建的博客对 seo 搜索引擎友好，收录也快，排名靠前；c适合 DIY，可以制作成自己想要的博客网站；d模板主题众多，有新的 wordpress 模板主题被制作完成并免费提供下载，各色各样，应有尽有；e跨平台性、兼容性好，且支持多国语言。缺点：awordpress 源码系统初始内容基本只是一个框架，需要时间自己搭建；b插件虽多，但是不能安装太多插件，否则会拖累网站速度和降低用户体验；c服务器空间选择自由较小；dwordpress 备份和网站转移比较繁琐，需要涉及到数据库；e静态化较差，确切地说是真正静态化做
11、得不好，如果要想对整个网站生成真正静态化页面，需要借助插件。 【3】41.3 开发环境介绍hope 网站设计与实现采用的开发环境是PHP、MySQL 及 Apache 为一体的软件 WampServer。它一款由法国人开发的 Apache Web 服务器、PHP 解释器以及 MySQL 数据库的整合软件包。免去了开发人员将时间花费在繁琐的配置环境过程，从而腾出更多精力去做开发。在 windows 下将 Apache+PHP+Mysql 集成环境，拥有简单的图形和菜单安装和配置环境。PHP 扩展、Apache 模块，开启/关闭鼠标点点就搞定，再也不用亲自去修改配置文件了，WAMP 它会去做。再也
12、不用到处询问 php 的安装问题了，wampserver 一切都搞定了。这个软件是完全免费的，可以在其官方网站下载到最新的版本。本文中使用的版本是 WampServer 2.0，其中包括 Apache Version 2.2.10，PHP Version 5.2.7，MySQL Version 5.1.30。 【4】2 hope 网站设计与实现的设计分析2.1 hope 网站设计与实现的设计规划(1)主要功能分析hope 网站主要功能包括：管理员需通过账号密码的验证方可进入后台管理。管理员在后台对文章的添加、删除、修改、删除和评论的删除等操作。在前台首页用户可以原则自己感兴趣的文章进行阅读、听
13、音乐、看视频、浏览相册和进行评论。hope 网站设计与实现包括五种操作用户：管理员、编辑、作者、投稿者和订阅者。管理员：管理员用户在前台页面通过验证后，可以直接登录到后台，对文章管理、评论管理、用户管理、站点管理及主题模块设置等功能进行操作。编辑：可管理用户，上传文件，修改个人资料，安装插件，编辑、删除、发布、管理文章及阅读。作者：可上传文件，修改个人资料，编辑、删除、发布文章及阅读。投稿者：可修改个人资料，编辑、删除文章及阅读。订阅者：可修改个人资料及阅读。(2) 功能描述，如图 2-1 所示：5管理员用户作者用户管理、文章管理、评论管理、站点管理、主题模块设置、分类管理管理用户、上传文件、
14、修改个人资料、安装插件、文章管理、阅读上传文件、修改个人资料、文章管理、阅读修改个人资料、文章管理、阅读修改个人资料、阅读订阅者图 2-1 功能描述2.2 hope 网站设计与实现的设计本模块采用了 MySQL 数据库，其中表在 phpMyAdmin 中可查到（db_hope） ，共 11 张表，分别为wp_users、wp_usermeta、wp_term_taxonomy、wp_term_relationships、wp_terms、wp_posts、wp_postmeta、wp_options、wp_links、wp_comments、wp_commentmeta（1）表 wp_user
15、s 的结构图：表 2-1 wp_users 的结构（2）表 wp_usermeta 的结构图：编辑投稿者6表 2-2wp_usermeta 的结构（3）表 wp_term_taxonomy 的结构图：表 2-3 wp_term_taxonomy 的结构（4）表 wp_term_relationships 的结构图：表 2-4 wp_term_relationships 的结构（5）表 wp_terms 的结构图：表 2-5 wp_terms 的结构7（6）表 wp_posts 的结构图：表 2-6 wp_posts 的结构8（7）表 wp_postmeta 的结构图：表 2-7 wp_post
16、meta 的结构（8）表 wp_options 的结构图：表 2-8 wp_options 的结构（9）表 wp_links 的结构图：表 2-9 wp_links 的结构9（10）表 wp_comments 的结构图：表 2-10 wp_comments 的结构10（11）表 wp_commentmeta 的结构图：表 2-11 wp_commentmeta 的结构3 hope 网站设计与实现详细设计3.1 前台页面设计hope 网站设计与实现前台首页由主挂件区、从挂件区两个区组成，主挂件区由搜索、近期文章、近期评论、文章归档、分类目录、功能等模块组成；从挂件区由日历、页面、RSS、标签云、
17、自定义菜单等模块组成，其共同构成多个网页。hope 网站前台结构视图如下所示：首页主挂件区 从挂件区搜索分类目录文章归档近期评论近期文章功能 日 历自 定 义 菜 单标 签 云RSS页 面图 3-1 hope 网站首页结构视图113.1.1 导航栏在整个页面中，导航栏将一直处于浏览器最上方，整个导航栏分两个部分，左侧是自定义的重要或常用栏目，右侧为用户的登录情况及搜索，具体如下图所示：图 3-2 导航栏效果3.1.2 首页信息首页主要界面如下图，左侧是一个可切换的静态页面，右侧是从挂件区，下方是主挂件区。图 3-3 hope 网站首页界面12图 3-4 hope 网站首页界面3.1.3 文章归
18、档文章归档是按发表的文章时间来归纳，表现方式为年月，点击时间后会显示当前这月发表的所有文章，点击文章标题，可查看完整文章。如下图所示：图 3-5 详情效果图3.2 后台页面设计hope 网站设计与实现后台页面为整个网站的核心部分，有文章管理、评论管理，多媒体设置、用户管理、站点设置等等。hope 网站后台结构视图如下所示：13后 台文章 多媒体 页面 评论 外观 插件 用户 工具 设置所有文章 写文章 编辑分类目录 标签 删除分类目录标签 修改 删除 添加 回复小工具 菜单 顶部 编辑所有用户 添加用户我的个人资料 可用工具 导入 导出常规 撰写 阅读 讨论多媒体 固定链接 Akismet图
19、3-6 hope 网站后台结构视图3.2.1 登录界面后台登录界面设计运行效果如图所示：图 3-7 后台登录界面3.2.2 后台菜单hope 网站后台首页如图所示：所有页面 新建页面 删除媒体库 添加 删除添加 已安装的插件安装插件 编辑14图 3-8 后台控制面板3.2.3 文章管理（1）所有文章:可编辑，快速编辑，删除，查看文章。图 3-9 所有文章详情（2）写文章:撰写新的文章，发布新文章。15图 3-10 撰写新文章界面（3）添加分类目录图 3-11 添加分目录界面（4）对文章进行形式、分类16图 3-12 文章分类、形式（5）添加标签图 3-13 添加标签界面3.2.4 其他（1）评
20、论的管理：网站的评论可以了解用户需求、想法。17图 3-14 评论管理界面（2）新建页面图 3-15 新建页面（3）新用户添加18图 3-16 添加新用户（4）常规设置图 3-17 常规设置（5）撰写设置19图 3-18 撰写设置（6）阅读设置图 3-19 阅读设置（7）讨论设置20图 3-20 讨论设置（8）多媒体设置图 3-21 多媒体设置（9）固定连接设置21图 3-22 固定连接设置（10）插件图 3-23 已安装插件（11）自定义22图 3-24 自定义3.3 网站维护（1）网站安全维护随着黑客的日益增长和一些入侵软件昌盛，网站的安全遭到挑战，像 SQL 注入、跨站脚本、文本上传漏洞
21、等等，网站安全维护则成了日益重视的模块。网站安全的隐患主要来源于网站的漏洞存在，而世界上不存在没有漏洞的网站，所以网站安全维护关键在于早发现漏洞和及时修补漏洞。网上也有专门的网站漏洞扫描工具，发现漏洞要及时修补，特别是采用一些开放源码的网站。 【2】（2）网站内容更新对于网站来说，想要网站拥有持久的生命力，只有不断地去更新内容，每天都有新的事物，这样才不会过时，不会对企业产生坏影响，亦不会被时代所摒弃。如何快捷方便地更新网页，提高更新效率，是很多网站面临的难题。虽然现在网页制作工具不少，但是为了更新信息而日复一日地编辑网页，对信息维护人员来说，疲于应付是普遍存在的问题。 【2】23结束语在做这
22、次“hope 网站设计与实现”开发制作的过程中，我从中学到了许多知识，这些知识不仅仅是在课堂上老师所教授于我们的，更是需要通过实际的分析才能对一些知识进一步地了解与掌握。知识是无止境的，如果我们只是运用课堂上学来的知识来对一些事物的法杖来进行归纳总结，那么仅通过简单的文字叙述来表达其内涵是远远不够的。即使我们可以用犀利或者是准确的文字来表达，也不过是解其一，不解其二，外强中干，这样的话，不仅不能保质保量的完成工作，还是对自己的不负责！本设计在邱益维老师的悉心指导和严格要求下业已完成，从课题选择、到具体设计和调试，无不凝聚着邱老师的心血和汗水。在此向邱益维老师表示深深的感谢和崇高的敬意。在完成本
23、设计的过程中，我既感受到了面对自己无法解决的问题时的苦恼，也体会到问题最终得以解决时的快乐。同时，也总结了以下一些经验：(1)一个详细周密的计划对于完成一项任务的重要性。实际上，我对这次毕业设计着手较早。但由于刚开始时间较松，所以行使了拖字诀这一决策，没有认真计划。到后来发现同学们的进度都已经超过了我，这才又着急起来，赶紧找经验丰富的同学出主意，制定出详细的计划，这才按时完成了任务。(2)学习网站风格设计，实践是最好的方法。我对网站设计学习实际上分为两个阶段。前一阶段为摸索尝试阶段。在这一阶段中，我是云里雾里，网站设计搭配的总是不理想。后一阶段边实践边学习，很多前一阶段不甚了解的问题大多可得到
24、迎刃而解。(3) 要学会运用互联网工具。互联网是一个好东西，它具有大量的信息资源，在这次毕业设计中如果没有互联网，那么我多花一倍的时间可能都完不成任务。所以一定要学会并善于运用互联网工具。完成这次设计后回过头来看，我的这项作业完成得并不完美。还有很多需要提高和改进的地方。首先，是网站的功能不够完善，只有一些比较单调的文章、图文，内容太过单一，且还有一些问题。 其次，是设计过程中时间分配的不合理，后期紧张的时间给设计带来很大的被动。 三是知识积累的不够，有很多知识都是临了了才去补，且补得也不是多好，这样学到的知识既不牢，疑惑也多，且运用起来也不灵活。总之，经过这次毕业设计，我深刻认识到要完成一项
25、任务首先必须要有一个详细且周密的计划，要有系统的思维方式和方法，对待一个新的问题，要有耐心、要善于运用已有的资源来解决；要勇于实践，在实践中发现和解决问题，将理论和实践结合在一起，要相信自己是最棒的，坚持即胜利！24参考文献1PHP 精解案例教程M.北京：清华大学出版社，20142百度百科 http:/ http:/ http:/ （6）.6俞传正.基于博客的个人知识管理平台D.天津：天津师范大学，2006.2-7.7罗慧.博客：网络传播的新锐J.大众科技，2003（6）.8陈军.PHP+MySOL 经英案例剖析M.北京：清华大学出版社, 20119 春晖.博客 2.0 研究报告（前言）Z/O
26、L.http:/ 谢通过这次毕业设计，我熟悉了 WampServer 服务器软件。掌握了 WordPress 是一种使用 PHP 语言编写的、以 MySQL 作为数据库，且应用范围很广的博客平台，用户可以非常简洁方便的在 WordPress 博客里插入 HTML、PHP、JavaScript 等代码，并能对样式表进行修改。在这过程中，我学会了观察问题、分析问题、和独立思考，这对于我日后的生活和工作有着极大的帮助。白驹过隙，三年的大学生活转瞬即逝，在此由衷的感谢我的母校，我的父母，我的老师和我的同学们。感谢我的母校给了我在大学三年深造的机会，让我能继续学习和提高自身的素质修养；感谢我的家人对我大
27、学三年学习的默默支持；感谢计信系的老师们和同学们三年来的关心和鼓励。所有的所有都让我的三年充满了感动。 这次毕业论文设计我得到了很多老师和同学的帮助，其中我的论文指导老师对我的关心和支持尤为重要。老师渊博的科学知识、敏锐的学术思维、严谨求实的治学态度和不断进取的科研作风，是我受益匪浅。在论文撰写期间，老师不辞辛劳的指导我做毕业设计的每个阶段，从选题到查阅资料，论文提纲的确定，中期论文的修改，后期论文格式调整等等。这几个月以来，邱老师不仅在学业上给我以精心指导，同时还在思想给我以无微不至的关怀，在此谨向老师致以诚挚的谢意和崇高的敬意。同时，本篇毕业论文的写作也得了同学的热情帮助。感谢在整个毕业设计期间和我密切合作的同学，和曾经在各个方面给予过我帮助的伙伴们，愿你们身体健康、工作愉快！
