hope网站设计与实现要点.doc

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