基于HTML5技术的日记分享交流网站.docx

《基于HTML5技术的日记分享交流网站.docx》由会员分享，可在线阅读，更多相关《基于HTML5技术的日记分享交流网站.docx（46页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、本科毕业设计（论文）基于HTML5技术的日记分享交流网站Diary sharing and communication website based on HTML5 technology院 （系）计算机学院专 业数字媒体技术班 级数字媒体技术二班学 号16210320225学生姓名林嘉琳指导教师李志中提交日期2020 年 4 月 22 日毕业设计（论文）原创性声明本人郑重声明：所呈交的毕业设计（论文），是本人在指导老师的指导下，独立进行的设计（研究）工作及取得的成果，论文中引用他人的文献、数据、图件、资料均已明确标注出，论文中的结论和结果为本人独立完成，不包含他人已经发表或撰写的作品及成果。对

2、本文的研究作出贡献的个人和集体，均已在论文中作了明确的说明。本人完全意识到本声明的法律结果由本人承担。毕业论文作者（签字）： 签字日期： 年 月 日指导教师评分： 评阅教师评分： 答辩小组评分： 总评成绩： 系主任签字（盖章）： 年 月 日摘要如今的网络基本遍布了全球各地，网站也在信息化的时代中逐渐地拥有着非常重要的地位。为了方便信息交流、方便记录生活，在结合Java和ssh技术之下开发了这个可以通过浏览器快捷、简洁简单使用的日记分享交流网站，实现了用户可以发布日记、用户之间可以交流等功能。希望日记分享交流网站能给用户提供方便的服务。基于HTML5技术的日记分享交流网站采用B/S体系结构，其功

3、能是让用户通过浏览器登录网站就可以自由地发表自己的日记和回复其他用户的评论。通过代码来实现日记分享交流网站的各个功能模块，包含了后台管理模块、用户模块、日记模块等。日记分享交流网站利用MVC开发模式，在StrutsHibernateSpring框架的基础上，然后使用了JSP语言进行开发，在大多数的数据库类型中选择了MySQL，而开发工具选择了Eclipse，主要是为了保证服务器的安全。开发日记网站前对该网站进行了各种比较详细的分析，不仅有可行性分析，也有需求分析，还需要进行整体设计，并且详细探讨了该网站的功能需求等基本问题，然后根据需求开始开发本网站，最终对本网站进行测试与维护，校验结果表明本

4、网站可以成功运行。关键词：日记分享交流网站，HTML5，SSH(Struts+Hibernate+Spring)，java，MySQL，JSPAbstractTodays network is basically all over the world, the website is also in the era of information gradually has a very important position. In order to facilitate the exchange of information and record of life, under the combi

5、nation of Java and SSH technology, the development of this can be through the browser quickly, simple and simple use of the diary sharing exchange site, the realization of users can publish diary, users can communicate and other functions. I hope the diary sharing exchange website can provide users

6、with convenient services.Based on HTML5 technology, diary sharing and communication website adopts B/S architecture, which enables users to freely post their own diaries and reply to other users comments by logging into the website through a browser. Through the code to achieve diary sharing exchang

7、e website each function module, including the background management module, user module, diary module. Diary sharing exchange website USES MVC development mode, on the basis of Struts+Hibernate+Spring framework, using JSP language for development, the use of the database chose MySQL, and the develop

8、ment tool chose Eclipse, mainly to ensure the security of the server.Development diary website before all sorts of more detailed analyses of the site, not only has the feasibility analysis, requirements analysis, overall design is needed, and discusses the basic problems such as the functional requi

9、rements of the site, and then start developing the site according to the demand, in the end this site testing and maintenance, calibration results show that this website can run successfully.Keywords: Diary sharing and communication website, HTML5，SSH(Struts+Hibernate+Spring)，java，MySQL，JSP目录第一章 绪论1

10、1.1 研究目的与意义11.2 研究现状11.3 初步设计方法与实施方案2第二章 系统开发环境介绍32.1 HTML532.2 JAVA语言32.3 MySQL数据库42.4 Eclipse42.5 B/S结构42.6 MVC模式42.7 SSH框架5第三章 系统分析63.1 项目概述63.2 可行性分析63.2.1 经济可行性63.2.2 技术可行性63.2.3 运行可行性63.3 需求分析73.3.1 功能需求73.3.2 性能需求83.4 业务流程设计93.5 数据流分析9第四章 系统设计114.1 系统架构设计目标114.2 系统架构设计114.3 数据库设计124.3.1 e-r图1

11、24.3.2 数据表13第五章 系统实现165.1 数据库连接设计实现165.2 后台功能模块设计实现165.2.1 管理员登录165.2.2 后台功能模块设计实现185.3 前台功能模块设计实现215.3.1 用户登录215.3.2 前台功能模块设计实现22第六章 系统测试246.1 系统测试目的246.2 系统测试方法246.3 系统测试实例246.3.1 后台管理权限测试246.3.2 前台日记显示测试246.3.3 前台显示日记详细内容测试256.3.4 用户发表日记测试256.3.5 管理员删除日记测试25第七章 结论26参考文献27致 谢28广东东软学院本科毕业设计（论文）第一章

12、绪论1.1 研究目的与意义我们的社会随着科技技术的迅速发展也快速地步入了信息技术的时代，各大网络交流互动工具最为受广大网民朋友的喜爱。在快节奏生活中，将手写纸质版日记与信息技术对比，早期的手写日记方式已经不能适应大部分网民朋友轻便快捷的需求。特别意义的是，日记分享交流网站的公共性与私人性结合，即可将日记与人分享、与人交流，不再是传统个人日记。日记分享交流网站是一个网络日记发布平台，可为用户提供一个记录生活的空间。不保证每一天都有新鲜的事情记录，但至少新鲜的事情都在不断更新。选择用文字记录瞬间，等回过头翻阅日记，或许会发现那些被遗忘的美好。日记可私密也可分享，分享是为了让别人更好的认识你的生活，

13、再进一步才有交流。一个通过生活记录来互相了解对方，当三观一致的陌生人有缘自会成为知己。日记分享交流网站让日记不再是一个沉默的倾诉对象，让用户拥有更好的倾诉空间，也让用户更方便扩大交际范围。1.2 研究现状日记分享交流网站的本质是网络日志。在网络上记载内容，无论是生活上的重大事件还是细小琐碎的事情，用文字进行转述、描绘出来。日记，一般是用本子和笔的组合来记录每天发生的事情，将感受记录下来，记录美好生活，当回头看时或许会找回这些记忆。而日记分享交流网站，将网络与键盘代替了本子与笔，让人们在这个网络时代能够更加方便记录美好生活。对于网络日志，我们最熟悉是应该就是微博、知乎、豆瓣等，都是通过发布个人看

14、法来体现发布人的思维。现在的国内外，网络日志系统的软件无论是手机还是电脑，都是必有的一项。新浪、人民网、搜狐、博客网、网易等这些平台的出现对中国互联网的发展发挥起了重要提升境界的作用，也逐渐步入人们日常生活中，给人们带来了许多的服务和便利。日记分享交流网站和网络日志一样，它由简洁的页面和一系列简单功能按钮组成，通过登录后记录文字发布便可，也可在线与人交流，扩大交际圈，认识更多的人。二十一世纪后，强大的计算机技术逐渐可以开发出新一代网络版应用软件，许多像单机游戏的传统软件，都在逐渐退出舞台，没有拥有网络配置的软件受欢迎。这是因为拥有配置网络版的软件可以支持网络和多种数据信息（多媒体）。研究表明了

15、网络版的软件朝着两个不同方向发展延伸。第一个方向是C/S结构，属于“客户端服务器”，被广泛运用于局域网中，更是因为它拥有结构严谨、安全性好、服务器端压力小、运行的效率高等亮点。第二个方向是B/S结构，属于“浏览器服务器”，这种结构不仅在局域网适用，也在Internet是适用的。该结构是将浏览器软件作为系统或者网站的界面，它的优点很多，不仅软件开发效率高，而且客户端不受地域和操作平台的限制，更是因为网络的传输量少、反应效果快，而且它的投资小。为此本网站结合设计方案，采用了该结构。1.3 初步设计方法与实施方案根据开题报告中的内容进行分析，大概描绘出网站的蓝图，再对各个模块进行细致分析，运用所学到

16、的知识进行粗略判断，并且进入各种相关的学习网站进行辅助，搜索相关的开发技巧与案例，学习与日记网站需求的功能相关的代码知识，进而让日记网站更加完整。该网站使用开发工具Eclipse进行开发，其中数据库使用的是MySQL，为了更好地操作数据库进行图形化界面的数据库操作工具，服务器使用Tomacat。第二章 系统开发环境介绍2.1 HTML5HTML的全英文为Hyper Text Markup Language，是网页最核心、最通用的超文本标记的语言。在这些年不断更新优化下，现在发展到5.0版本了，即为HTML5，简称为H5。为了推动Web标准化，一个由众多组织组成的新开发团队名称为“Web超文本应

17、用技术工作组”，这个组织一起推动了HTML5技术的发展，让HTML5技术具备了无限潜能。HTML5的技术具备较为完整的编程规范，具有视频、音频、动画、图像等多媒体的展示效果，减少了对插件的依赖，例如Microsoft Silverlight、Adobe Flash。使用HTML5技术来设计网站，简单易懂，也能够提高用户体验，各种标签的组成更是加强了视觉的感受。不管是移动端还是PC端，HTML5技术能够让用户不用下载应用程序或者插件就可以体验观看视频、玩游戏、网络互动等操作，使用户体验更上一层楼。HTML5的CSS样式、Canvas、WEBGL可以让网页不再单调，例如三维立体的特效能够增强用户对

18、网站的视觉冲击感的效果。不管是软件还是技术，新版本的出现必定会伴随着新改的元素。HTML5的新元素新属性，将更有利于搜索引擎的索引整理，例如网站导航块。新版本当然也会吸收好的建议。HTML5吸取XHTML2中好用的标签，使得开发者能够更加顺利的创作。2.2 JAVA语言Java语言当初的叫法是OAK语言，于1991年诞生，一直不见经传的OAK直至网络的泛起才改变了它的运气。开发的相关人员渴望能够在WEB上开发可以运行而且不用思量软硬件平台的应用程序，然后在WEB上看到交互式的内容效果。所以，1994年在他们的设计下，开始着力把OAK技术应用到WEB上，终于在1995年正式推出并改名为Java。

19、它的语法，与C+、C语言都是很接近的。2.3 MySQL数据库任何人都可以免费使用MySQL。MySQL是开放源码且当下最受欢迎的微型关系型的数据库管理系统。与中小型应用系统来说，MySQL具有很多优点：开源性降低了整体成本，运行速度快、使用便捷、功能强、管理方便、安全可靠等。但是当MySQL与其它巨型数据库对比，例如Oracle、DB2、SQLServer等来进行比较，MySQL确实是比不过，领域小而且功能有限。MySQL具有良好的跨平台性，因为它可以在不同系统中运行。2.4 EclipseEclipse是一个非常好用的开放源代码的开发平台。Eclipse的功能可以扩展到支持各种不同的应用程

20、序，主要用于Java和Java EE。2.5 B/S结构本日记网站采用了Browser/Server该结构，即为浏览器/服务器模式，我们将其简写模式为B/S。因为现代高科技信息技术的发展，B/S体系结构逐渐地适应了市场的需求。B/S模式只需要利用浏览器即可连接服务器就可以实现特定客户端的复杂功能，节省开发成本。B/S架构拥有三个层次结构：表示逻辑层、数据展现层、控制逻辑层。这三层是相对独立又相互关联，以下介绍三个层数的具体内容：第一，表示逻辑层，其主要功能是在已经搭建好的服务器上发送请求，在用户身份被服务器验证完成后，使用http协议就会请求所需要的主要发送回客户端后呈现在用户的浏览器上。第二

21、，控制逻辑层，用户发送的请求由浏览器经过网络送达此层被接收到，然后通过在服务器后台运行相对应的程序或访问连接数据库，最后相对应的程序将解析完后的数据集提交到服务器由它想用户返回请求结果。第三，数据表示层，该层次主要工作在网络服务器上，其主要任务是利用服务器接收到的请求运行相对应的程序去对数据库进行操作：增、删、查、改等。最后这些被处理过的结果再通过Web服务器发送返回给用户。2.6 MVC模式M是model，V是view，C是controller。MVC是软件工程中的一种软件架构模式。通过实现代码来将model和view分离，使得在同一个程序中可以使用不同的表现形式，这就是使用MVC的目的。例

22、如，将一批统计数据分别用饼图、柱状图来表示。确保model和view的同步是controller存在的目的。例如当model一改变时，view就会跟随脚步一起同步更新。2.7 SSH框架SSH框架指的是由三大框架组合起来的一套总框架，分别为struts2、spring、hibernate。SSH框架是在MVC的基础上完善的比较成熟稳定的框架。SSH框架中各自的用途：第一个是Struts2框架，一个网站的网页中会出现像注册新账号、登录旧账号等界面的请求，在经过配置Struts2框架时各种请求就会被阻挡，由开发员分派的Action来进一步处理，再根据开发员的配置文件来再进一步地转发。第二个是Hib

23、ernate框架，它贯彻落实了数据库表与javabean的逐一对应，使开发员亦可通过利用类来操控数据库。第三个是Spring框架，它促成了SSH各个框架之间的解耦，经过使用配置文件，开发员可以实现依拖注入。比如一个实例：我有一个类A，类B是其中有一个成员，而事先使用时，我们都必须要先获得这个类的，一般正常情况下我们都是通过new来实现。但是，当我们利用了Spring框架后，我们就可以直接经过配置文件从而使得B依拖注入进A。所以当我们在使用时就可以不用注意到这个类的创建，仅是负责使用，使得开发更加简便了。我们可以将Spring框架定义为SSH框架中的粘合剂，因为它主管了各个类。第三章 系统分析3

24、.1 项目概述现代网络技术在实际web开发中使用越来越频繁。本日记分享交流网站前端采用HTML5来设计，让HTML5大放异彩，让网站更加多姿多彩。选择MySQL数据库，将种类不同的数据分别保存在相对应的表格当中，能够实现数据的分类，同时也方便查找数据，并且占用的空间小、访问的速度快、系统的开销也比较低。用Java实现逻辑控制，让动态页面更好实现。日记分享交流网站不仅可以发表私密日记和公开日记，也可以对别人公开发布的日记进行评论。该网站可将日记进行分类标签，查找时就有目标性。页面设计宗旨为简洁明了，赏心悦目。3.2 可行性分析通过最少的代价、最短的时光来确认现有的问题可否处理，这就是可行性分析的

25、目的。所以确认问题值不值得去解开是可行性研究的目的，该步骤研究本质上是以较为抽象的方法来解决系统分析和设计。3.2.1 经济可行性本日记分享交流网站是为用户记录生活，更多的是让用户拥有良好的体验，所以开发后所造成的经济收益不在考虑范围。同时，本网站是通过一台笔记本电脑来完成开发，所以涉及到的经济是可行的。3.2.2 技术可行性本日记分享交流网站是利用Java和MySQL来进行开发，能够降低用户对客户端的需求，在浏览器就可以进行使用。HTML5技术更能让移动用户拥有更好的体验。因此本网站开发在技术上是可行的。3.2.3 运行可行性本日记分享交流网站是基于JAVA语言的而开发的网站，而且Java语

26、言的跨平台特性优势大。各大平台对Java的支持上都有着很好的兼容性，而且更有各种专门为Java开发设计的软件。所以本网站在运行可行性的分析是可行的。综上所述，无论是在经济上，还是在技术上或者是在运行环境上，本网站的设计与开发都是在可以承受的范围内。3.3 需求分析本日记分享交流网站目的是为了用户在移动互联网上可进行日记存储，记录人生，便捷使用，减少对纸张的依赖，进而促进人生交流。通过开发一个统一的、覆盖面宽广的网站，进一步兑现用户登录网站后发布相关的日记内容，以及用户与用户之间进行交互。3.3.1 功能需求以日记分享交流网站的功能需求，我选择采用B/S模式来开发系统。前台的主要功能包括：注册登

27、录、日记信息展示、发布日记、日记信息搜索、日记收藏、用户留言、用户回复、用户关注、用户交流、个人中心。后台的主要功能包括：管理员登录、对用户发表的日记进行管理、对日记的标签进行管理、对用户的资料信息进行管理。日记分享交流网站的用户用例图如图3-3-1-1所示：图3-3-1-1用户用例图日记分享交流网站的管理员用例图如图3-3-1-2所示：图3-3-1-2管理员用例图具体详细的功能描述如下：（1） 注册登录：没有账号的新用户可以依据注册页面的提示来填写相关内容，填写完后就可以进行注册，用户填写的资料都会载入到数据库中，所以注册完之后的用户就可以用登记的账号密码进行登录进入网站。（2） 日记信息展

28、示：用户在浏览器输入网址后就可以进行日记的浏览。（3） 发布日记：用户可以进行日记编辑进行发布保存，选择公开的日基金则将会展示在首页，可以达到日记网站分享的目的；不公开的日记则为私密日记，只有自己才能看到。（4） 日记信息搜索：用户可以通过日记标签进行搜索获取相关日记，也可以通过搜索框进行关键字搜索来获取相关日记。（5） 日记收藏：用户可以将有趣的日记进行收藏。（6） 用户留言：用户可以对日记进行评说表达意见，可以达到日记网站交流的目的。（7） 用户回复：用户可以查看留言后进行相对应回复。（8） 用户关注：用户可以对感兴趣的用户进行关注，从而促进交流。（9） 用户交流：关注后的用户可以通过聊天

29、界面进行聊天。（10） 个人中心：用户可以对自己的信息进行管理。（11） 管理员登录：管理员可以登录到日记后台系统进行网站管理，维护网站秩序，保证网站的健康经营。（12） 日记管理：管理员通过后台能够对日记进行整改，包括对日记的添加、修改和删除。（13） 标签管理：管理员通过后台能够拥有对标签的确认决定权，添加标签引导用户发表日记的方向。（14） 用户管理：管理员通过后台能够对用户进行规划，可以对违规用户进行封号等处理。3.3.2 性能需求依据用户对网站功能的需求，本网站对于性能的要求如下：（1） 响应式：本网站的系统拥有足够迅速的响应时间，可以满足用户的需求。（2） 适应性：系统在操作系统、

30、运行环境、使用设备改变的情况下能够自动适应，有相应的布局调整。（3） 可维护性：采取的B/S结构，越发有利于管理人员的开发维护。（4） 可使用性：不仅操作便捷，也可以进行验证对输入的格式和数据的类型，而且能够跳出提示来引导用户正确使用各个功能，让用户输入正确的数据，方便了用户的使用，也增加了用户的体验感。3.4 业务流程设计为了用户能够对功能足够的理解以及能够顺畅地使用本网站，也是根据用户对功能的需求来完成数据之间的传递，业务流程设计的作用就在这。业务流程设计能够让用户清楚地知道操作流程，也让管理员更直观明白网站的流程从而更好地管理网站秩序。根据用户以及管理员对功能的需求，我设计出日记分享交流

31、网站的业务流程图，如图3-4所示。图3-4业务流程图3.5 数据流分析本网站是为了提供给广大用户一个网上发布日记交流的平台，所以网站的流程是以用户为中心进行的。为了能够明确表达数据、直观深刻查看数据的流动方向以及体验系统逻辑完整性，根据业务流程进行分析来完成数据流图。数据流图拥有以下两个特点：第一种特点：抽象性。主要表现为只剩下数据的流动、加工处理与存储，完全舍去了具体的物质。第二中特点：概括性。具体表现为它可以形成一个整体，就是将信息中的各种不同业务处理过程关联起来。数据流图的四种基本元素符号如图3-5-1所示。图3-5-1数据流图符号日记分享交流网站的数据流程图如图3-5-2所示。图3-5

32、-2数据流程图说明：（1）访问信息；（2）（3）（10）（11）用户信息；（4）发布日记信息；（5）更新日记信息；（6）搜索日记；（7）获取日记信息；（8）回复信息；（9）关注用户；（12）更新用户信息；（13）获取用户信息。第四章 系统设计4.1 系统架构设计目标第一点，可靠性。系统的可靠性对于开发者和用户来说都是占据着及其重要的地位，所以系统架构设计的可靠性必不可少。第二点，安全性。保护用户的隐私数据，给予用户安全感，让用户相信系统的安全性，所以数据存储的安全问题非常重要。第三点，可扩展性。在系统的升级中，保持合理的性能，根据新的需求添加新技术，才能够扩展市场。第四点，可定制化。客户群体属

33、性不同，需求就会有差异，系统需要随着市场的需求，完成可以面向不同人群时实现不同的需求。第五点，可升级性。能够对系统现有的功能和性能进行升级，是系统基本具备的能力，同时也要保持系统的合理性能。第六点，可维护性。一方面是对现有的错误进行排除维护，另一方面是将根据新需求所制作的功能反映到系统中。系统的使用与功能需求的增加，肯定会出现我们不能预知的错误。所以系统的可维护性能够方便处理出现未知错误。第七点，可操作性。系统的交互性应该让用户能够简单方便使用。4.2 系统架构设计日记分享交流网站采用了B/S结构，该结构模式统一了客户端，客户机只需一个浏览器即可进行交互。B/S架构的工作原理如图4-2-1所示

34、。图4-2-1B/S架构的工作原理日记分享交流网站主要是用户登录后使用与管理员登录后进行管理整个系统的相关操作，根据各项操作进行分析，对网站各个模块进行分解，所得出的日记系统功能结构图如图4-2-2所示。图4-2-2系统功能结构图4.3 数据库设计使用良好的数据库来设计，在开发过程中的编程可以变得简单方便；为了使程序开发的过程变得更为容易，降低程序的复杂性，所以采用了一个合理、有限的数据库设计。本日记网站决定采用MySQL作为项目中的数据库，是考虑到了用户信息量客户需求、开发成本等问题。4.3.1 e-r图用来描述实体和关系的图是e-r图的作用，即实体关系图。e-r图构建实体间的关系模型。实体

35、是实际上的事物的形象或者抽象的描述，是一定要有业务意义。用来刻画实体，并且关联存在于实体之间是实体的特性。实体拥有多种关系，关系不仅有一对一和一对多联系，也有多对多联系。所以，实体、关系类型、属性这三个要素是e-r图的构成要素。为了看清实体的属性信息，也为了看到各个实体之间的关联，使数据更加清晰明了，所以建立了e-r图。为此根据日记系统功能的需求，建立了e-r图如下图所示。（1）日记系统的用户实体属性如图4-3-1-1所示。图4-3-1-1用户实体属性图（2）日记系统的日记实体属性如图4-3-1-2所示。图4-3-1-2日记实体属性图（3）日记系统的标签实体属性图如图4-3-1-3所示。图4-

36、3-1-3标签实体属性图4.3.2 数据表使用MySQL数据库管理系统，建立命名为weibovideoluntan8cors2riji的数据库。网站中主要使用到的数据表有riji_user表、rji_good表、riji_type表、riji_replay表、riji_message表等。各个数据表的具体结构如下：表4-1 riji_user表：用于存储用户信息字段名称字段类型长度允许空值idint11自增编号usernamevarchar50是passwdvarchar50是roletypevarchar50是emailvarchar200是telvarchar50是qqvarchar20是

37、wechatvarchar20是sexvarchar20是birthvarchar20是imgvarchar200是addressvarchar200是fidsvarchar200是guanzhuint11是statuscnvarchar200是表4-2 riji_good表：用于存储用户日记字段名称字段类型长度允许空值idint11自增编号gnamevarchar100是notevarchar1000是typevarchar50是imgvarchar500是typeidvarchar10是usernamevarchar255是uidint11是btypevarchar10是zanint11是

38、favint11是addressvarchar255是musicvarchar255是ndatevarchar255是表4-3 riji_type表：用于管理员存储标签字段名称字段类型长度允许空值idint11自增编号titlevarchar500是pidint11是表4-4 riji_replay表：用于存储用户评论信息字段名称字段类型长度允许空值idint11自增编号pidvarchar10是notevarchar500是uidvarchar10是usernamevarchar200是ndatevarchar50是表4-5 riji_message表：用于存储用户聊天信息字段名称字段类型长

39、度允许空值idint11自增编号uidint11是fidint11是typeint11是notevarchar500是ndatevarchar50是usernamevarchar50是fusernamevarchar50是imgvarchar200是第五章 系统实现5.1 数据库连接设计实现任何网站都需要连接数据库，数据库是用来存放数据，这样连接数据库后网站才可以调用数据库中的数据来返回参数。连接池配置C3P0是一个开放源代码的JDBC连接池，本网站设计数据库连接使用了com.mchange.v2.c3p0.ComboPooledDataSource配置数据源。实现代码如图5-1所示。图5-1

40、数据库连接代码5.2 后台功能模块设计实现5.2.1 管理员登录当管理员输入URL地址访问日记分享交流网站后台管理系统时，是需要权限为管理员才可以输入真正的管理员账号及密码进行验证。点击登录按钮时系统会将填写的账号密码表单数据发送到后台数据库进行匹配，如果数据库用户表中有该管理员信息则返回一个成功的对象，否则登录失败。日记网站后台的登录界面如图5-2-1-1所示。日记网站管理员登录的相关代码如图5-2-1-2所示。图5-2-1-1后台登录界面图5-2-1-2管理员登录相关代码5.2.2 后台功能模块设计实现日记分享交流网站后台模块主要包含了管理员对用户发布的日记管理、对日记标签管理和对用户的个

41、人信息管理。通过代码实现日记分享交流网站后台管理系统界面如图5-2-2-1所示。图5-2-2-1后台管理系统界面（1） 日记管理权限为管理员可以对用户所发布的日记内容进行增删查改等操作，对日记进行审查来维护网站秩序。对用户的日记增删查改模块如图5-2-2-2所示。图5-2-2-2日记增删查改模块查询的功能相关代码如图5-2-2-3所示。图5-2-2-3查询功能相关代码添加日记的功能相关代码如图5-2-2-4所示。图5-2-2-4添加日记功能相关代码修改日记的功能相关代码如图5-2-2-5所示。图5-2-2-5修改日记功能相关代码删除日记的功能相关代码如图5-2-2-6所示。图5-2-2-6删除

42、日记功能相关代码（2） 标签管理权限为管理员可以对日记标签进行增删查改等操作，从而实现日记分类。对日记标签增删查改模块如图5-2-2-7所示。图5-2-2-7日记标签增删查改模块（3） 用户管理权限为管理员可以对用户资料进行增删查改等操作。对用户信息增删查改模块如图5-2-2-8所示。图5-2-2-8用户信息增删查改模块5.3 前台功能模块设计实现5.3.1 用户登录根据智能手机市场洞察报告了解到，调查到的拥有智能手机的用户的数据达到了96%，而且手机小巧方便携带，随时随地都可以进行网站登录发布日记来记录生活。所以本网站界面设计选择使用jQuery Mobile前端开发框架，而且jQuery

43、Mobile可以兼容所有移动设备，用它来布局网页是一个灵活而且简单的方式。当用户输入URL地址访问日记分享交流网站时，在没有注册登录的情况下只能查看首页的日记，需要用户注册新账号或者输入账号及密码进行后台数据表验证，点击登录按钮后系统就会将用户填写的账号密码表单数据发送到后台数据库进行对比，如果数据库用户表中有该用户信息则返回一个成功的对象，不然就是登录失败。日记系统用户登录界面如图5-3-1-1所示。图5-3-1-1用户登录界面用户登录相关代码如图5-3-1-2所示。图5-3-1-2用户登录相关代码5.3.2 前台功能模块设计实现前台模块主要包含了用户选择标签来浏览日记、用户发布日记、用户对

44、日记进行评论、用户、用户之间的聊天和用户自己个人的信息管理。日记分享交流网站前台首页界面如图5-3-2-1所示。图5-3-2-1首页界面（1） 标签搜索模块所有用户可以任意选择符合自己的标签类型进行日记检索来查看日记信息，当然也可以在搜索框中输入关键字进行搜索日记。标签选择界面如图5-3-2-2所示。图5-3-2-2标签选择界面（2） 发布日记模块用户可以填写日记内容进行发布，选择是否公开，若选择公开则会显示到首页中，若选择不公开就不会显示到首页中，但还是会存在我的日记里。发布日记界面如图5-3-2-3所示。图5-3-2-3发布日记界面（3） 关注用户模块登录网站后的用户可以进行关注自己有感兴

45、趣或者喜欢的用户的操作，通过这一步操作后在我的朋友页面中就会显示被关注的用户列表。朋友列表界面如图5-3-2-4所示。图5-3-2-4朋友列表界面第六章 系统测试6.1 系统测试目的系统测试的目的就是尽全力更多地发现程序中的错误，这样编程人员就能够更早地纠正错误。所以系统的测试这一步关键的步骤可以保证开发的系统的质量。6.2 系统测试方法系统的测试方法大致分最常见的两种方法，第一种方法是“白盒测试”，第二种方法是“黑盒测试”。白盒测试的方法则是当做拥有透视功能，能够将制作的系统的内部结构看得清清楚楚，以及逻辑能够处理得明明白白，然后根据所知道的系统逻辑路径和设计的过程来进行测试，测试完成后就可以确定是否与设计相符。所以它的另一种说法是“结构测试”。而黑盒测试的测试方法简单来说就是找一个不是开发人员的伙伴，让他来摸索开发的