【《基于SpringBoot技术的博客系统设计》10000字(论文)】_第1页
【《基于SpringBoot技术的博客系统设计》10000字(论文)】_第2页
【《基于SpringBoot技术的博客系统设计》10000字(论文)】_第3页
【《基于SpringBoot技术的博客系统设计》10000字(论文)】_第4页
【《基于SpringBoot技术的博客系统设计》10000字(论文)】_第5页
已阅读5页,还剩30页未读 继续免费阅读

付费下载

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

基于SpringBoot技术的博客系统设计目录TOC\o"1-1"\t"标题2,1,标题3,1"\h\u18432中文摘要 131448英文摘要 241711引言 317741.1系统概述 3315501.2系统的研究背景及意义 3240882相关技术与方法 4237702.1MVC设计模式 4303502.2THYMELEAF 49502.3SPRINGBOOT框架 4145632.4MYSQL数据库 52893系统需求分析 6143433.1可行性解析 6203873.1.1技术可行性 6210803.1.2经济可行性 6128763.2需求分析 7194924概要设计 9152794.1系统部署 9141534.2用户登录用例 985704.3后台管理模块 10227484.4数据库设计 11271454.4.1数据库概念设计 1112734.4.2数据库关系表的设计 11111185详细设计 18271845.1系统登录模块设计说明 1840245.1.1模块描述 18207725.1.2功能 18124235.1.3输入项 18149355.1.4设计方法 19113115.2文章管理模块 19213125.2.1模块描述 19104825.2.2功能 19176895.2.3输入项 19243535.2.4设计方法 20130595.3评论留言模块设计 20187185.3.1模块描述 20108735.3.2功能 20206305.3.3输入项 2082295.3.4设计方法 21190566编码实现 2293666.1开发环境与组织结构 22243836.2博客首页 2359916.3博文分享配置 25113216.4榛子云短信 2653317系统测试 2723107.1界面测试 27309327.2功能测试 302297.2.1登录问题 30277027.2.2用户评论功能 31168747.3安全测试 337029参考文献 36PAGE32PAGEPAGE31摘要:随着互联网的飞速发展,5G技术的来临,人们之间的沟通交流方式已经不再拘泥于过去的书信和电话。面对如今这个丰富多彩的网络世界,人们迫切希望拥有一个页面精美、自由度高、实用性强且可维护性强的自我展示平台。因此,该系统基于SpringBoot技术设计开发了一款能够基本满足各类用户当下需求的博客网站。本毕业设计主要包括普通游客对该博客网站的浏览,根据需求选择某一篇或几篇博文进行阅读,读后可以点赞评论以及分享给其他人。以及后台管理员对该博客网站的维护(包含上、下架博文和检索游客的留言评论)。该博客系统能够实现博文与博主想分享内容的实时发布与管理,用户可以随时与博主进行互动,简洁美观的界面能够使用户的浏览有着良好的体验。关键词:SpringBoot;博客网站;设计1引言系统概述进入二十一世纪,以互联网为核心的现代网络和通信技术已经得到了快速的发展和广泛的应用,各种网络通信工具也随时代而生。其中就有论坛、博客、社区等较受广大人民欢迎,也是现在发展比较成熟的信息交流工具。由于互联网的迅猛发展,网络博客在近几年更是成为各类网友不可缺少的交流工具。以前想要记录个人生活的话可以写日志,现在可以写博客。博客又称为网络日志。目的是通过博客记录生活的点滴,分享身边美好的东西,发表自己的感言,与更多志同道合的人交流。系统的研究背景及意义博客改变着人们的信息交流方式、思想观念,它打开了网络交流的另一番新世界,它的存在甚至会波及或影响着现实社会的决策。在这个信息时代,只要在网上发布了信息,就算是一张图片,一段文字,一个音频,它都可以传遍世界各个角落,可想网络时代的传播速度。毫无疑问,博客将可以作为美好事物及美好思想传播的载体。通过博客,个人的科研成果可以传播到世界各地,让更多人知道,同样自身也可以了解到更多人的发明创造,从而可以推进社会的进步,推动社会的发展。

2相关技术与方法2.1MVC设计模式MVC的三层架构现如今被广泛地用于Java开发的项目中,是后台开发的一项基础架构。MVC即表现层、业务逻辑层、数据访问层[1]。本项目中遵循现在Java后台开发项目的规范,也采用了MVC三层架构进行开发。利用这三层架构,项目可扩展性更高,更易于维护,将部分代码进行了解耦。MVC的开发模式也是在Spring家族的开发体系里面常用的一种开发模式,因为它清晰的代码结构,节约了开发者读代码的时间,从而大大提高了项目开发的效率。Thymeleaf它当前深受Java后台开发人员青睐的一款WEB项目的引擎模版,在Spring的官方所有支持的页面渲染模版来说,它不仅只包含JSP,更将Thymeleaf和Freemarker等一些列优秀的模版渲染技术都兼容了。而Thymeleaf模版引擎与SpringMVC及SpringBoot的自动化配置集成非常完美,几乎没有任何成本,在开发难度上也大大降低了,因此只用关注Thymeleaf的语法即可。Thymeleaf拥有动静结合、开箱即用、多语言支持等特点,因此后端开发人员的使用频率极高。2.3SpringBoot框架越来越多的开发人员由原先在SSM框架上进行开发后台程序,渐渐转为了使用SpringBoot框架进行Java项目的开发。究其根本,SpringBoot框架是对Spring的一个整合与升级,尤其是SpringBoot的版本步入2.x时代,他所集成的第三方插件越来越多,只需要在pom文件内引入对应插件的starter集合将技术进行快速的整合。并且,它对于基于注解的开发过程,给开发人员提供了很大的便利,开发人员避免了繁琐的xml文件的配置,更多的核心都将关注于项目的业务和核心任务上。相对于之前的SSM框架技术,它的使用更为简单、方便、快捷。并且相对SSM框架在启动方式上有很大的区别,框架内自带了一套服务器,可以在pom文件内指定打包的方式,项目可以打成jar和war包两种方式[2]。如果选择了jar包,则可以直接利用java-jarxxx运行。SpringBoot加上Maven的项目依赖的管理工具,抛弃了项目中需要引入各种复杂的jar包的方法,使用Maven在项目打包和运行的时候进行下载或者加载jar包。2.4MYSQL数据库MYSQL是当前较为火热的一款中小型关系型数据库,它相对于其他数据库而言较为轻量化而且MYSQL的性能也很稳定,对于数据库中的并发性也做得很出众。它采用了标准的SQL语法的规范,支持各种SQL操作。本项目中选择的MYSQL版本为5.7版本,相对于MYSQL之前的版本,5.7对于MYSQL的性能有了较大的提升,MYSQL更改了它自身的默认引擎,由之前的MyISAM改为了InnoDB,新增了事务的支持,而且MYSQL的索引的存储方式相对于之前的版本有很大的区别,减少了MYSQL同访问磁盘空间的次数[3]。优化了索引的存储方式。因为MYSQL是开源并且免费的项目,在中小型项目开发过程中,MYSQL成为很多公司和技术人员的首选关系型数据库。3系统需求分析3.1可行性解析本课题在项目的可行性上进行相关分析,项目使用的后台开发框架是一款开箱即用的SpringBoot,前台采用开源的ML-blog风格的页面去实现了一个个人博客系统的开发。综合技术难度,项目的可行性、经济角度等方面来说进行系统的分析研究。3.1.1技术可行性近几年来,随着Java开发市场的火爆,后台开发框架越来越多。其中Spring家族的SpringBoot框架的使用度相对较高。它是基于SSM之后进行简化开发,向上可扩展至微服务项目的开发。SpringBoot可以做到开箱即用的能力。对于JavaWeb的项目可以做到快速开发。同时使用Maven项目管理工具对SpringBoot的项目进行统一的管理,引入项目中所需要的jar包,并且可以快速构建项目和打包进行项目发布上线。另外SpringBoot的官方推荐Thymeleaf模版引擎拥有强大的解析能力,可以很快地利用SpringBoot进行传统的单体项目的开发。SpringBoot对MyBatis、MYSQL、Redis等一系列项目中所需要用到的第三方框架,大多数都进行了官方的starter继承。在pom文件中引入对应的starter组件即可[4]。因此,这一套开发路线和开发框架的选择在开发个人博客系统的这一项目中,技术上是完全可行的。3.1.2经济可行性本课题所设计并实现的系统,所使用的核心开发语言、开发框架均为开源提供的技术。项目中所使用的代码编辑器是IntelliJIDEA,它是当前较为流行而且好用的一款Java开发工具,但它是一款收费的编辑器,由于它母公司JetBrains对开发学习者的支持,在校的学生和老师都可以免费申请它的使用证书。项目的线上发布与部署选择腾讯云云翼计划中的应用服务器,价格为9.5元/月。系统是由开发者独立完成,并不需要其它经济方面的投入。所以,从经济等多方面进行可行性分析之后,本项目从设计、开发、测试、到最后的实现与发布公网,仅需要9.5元/月即可通过IP地址在公网进行项目的访问。3.2需求分析 本毕业设计所选的是个人博客系统的开发与实现,它的主要功能是能够将自己在工作、生活中的相关事情进行一个记录保存,分享的作用。通过博客系统分享自己的技术经验、生活的喜乐,通过一个博客系统可以让别人了解到自己的生活,也可以通过自己分享的技术经验去帮助一些有需要的人解决他们所存在的问题。同时在博客系统里面,作者和读者之间也可以就某一篇博客进行技术分享、技术探讨,让原本陌生的人可以就某一个话题联系起来。综合来说,博客是一个相互促进,相互学习的平台。经过对现今市场上的相关博客系统进行使用体验和查询相关的技术资料,结合到自身的设计初衷和意向发展方向。系统的详细功能如下:游客访问项目所部署的服务器ip或者域名之后即可进入博客系统首页,在系统首页会展示出当前系统中允许展示的所有博客,每篇博客按照卡片的风格进行展示。归档界面,页面展示中,将所有的博客按照发布的时间和发布的博客类别进行分类展示。游客可以更方便的看到需要的内容。提升用户体验。分类页面,按照博主发布博客时所选择的分类,进行博客的分类展示。搜索功能:在系统的右下方有一个搜索按钮,用户可以全局搜索到所需要的内容。游客可以在每一篇博客下方进行评论,以及回复评论,同时游客也可以给博主进行留言。后台管理界面,博主可以发布博文,对博文进行管理。可以选择是否开通博文的评论功能,博文的上下架等操作。后台管理界面可以对系统中的分类列表、标签列表进行维护,同时可以在后台管理界面上传图片、文件等资源。还可以看到用户对博客的评论以及对博主的留言。对个人博客系统所拥有的功能进行分析之后,用例图如图3-1所示。图3-1系统用例图

4概要设计该模块主要针对项目中不同的模块进行相关的概要设计,得出的一些功能上的分析与实现方法,该模块还包含了数据的建模工作。4.1系统部署通过网络等相关书籍资料查阅之后,博客管理系统都有图片文件上传功能,在本系统中,采用了图片文件本地存储和七牛云的OSS对象存储系统进行文件存储,文件上传主要应用HTTP协议进行文件传输。系统中文本文件以及相关记录的保存采用现今应用广泛的MySQL数据库进行数据的存储。本系统将博文的信息,网站中的分类、标签,游客的留言、评论等相关信息存储在MySQL数据库中。SpringBoot框架采用标准的JDBC接口和MySQL进行连接,项目的持久层框架采用的MyBatis。针对于系统部署模块进行解读之后得出的系统的组件部署图如图4-1所示。图4-1部署图4.2用户登录用例个人博客管理系统拥有一个后台管理界面,管理端的登陆是软件的一项基础功能。个人博客所采用的是B/S架构,是通过浏览器去访问到个人博客界面和后台管理端。后台管理是属于博主自己的管理端,在浏览器的地址栏中输入URL即可访问后台管理系统[5]。系统会判断当前是否为登陆状态,如果已登陆,则跳转到管理端首页,否则会去登陆界面,在登录页面的对应输入框中输入用户的账号和密码和从后台请求到的图片验证码,在网页中将用户在页面所对应的输入框内填入的信息使用AJAX将对应的数据提交到后台部分进行处理。在登录界面中,访问者可以选择短信验证码和账户密码这两种方式进入系统。系统中用户登录的流程图如图4-2所示。图4-2登录流程图4.3后台管理模块个人博客管理系统中,博主需要对文章进行维护。博主可以在系统中查看到当前显示出的文章数量、文章的浏览量,同时可以关闭文章的评论权限。可以根据推荐程度,选择是否将文章进行置顶。若博主不希望之前的文章被游客浏览,可以将文章进行下架操作。在用户界面就无法看到文章。博主可以新录入或者编辑文章的分类,发布文章的时候可以勾选对应的分类,在用户界面,博文的显示将会变的更有序。评论管理模块,博主可以查看到文章的所有评论,可以将一些不友好的评论进行删除,或者将一些评论者加入黑名单,进入黑名单之后,游客就无法对文章进行评论操作。保证了系统的健康有序运行。4.4数据库设计4.4.1数据库概念设计一款完善的项目,它的数据库建模设计就显得很重要。通过对该系统的功能分析可以得到系统拥有的实体:用户表、博客文章内容表、用户评论表、博客分类表、博客标签表等关键数据表。系统中还有文件存储所返回的信息和存储路径的数据表。E-R图如图4-3所示。图4-3数据库E-R图4.4.2数据库关系表的设计 针对项目中的所使用的数据库模块进行概念设计,其中,如若出现了多对多关系的数据实体,就会采用一张中间表结构去存储数据的对应信息,像一对多或者一对一的数据关系,则就采用数据冗余的方式存储字段,这样可以避免一些多表操作,使得数据的查询速度加快很多。数据库进行设计得到如下几张表:用户表(t_user):存储博主的用户信息,以及评论者输入的用户信息,用户表(t_user)中各字段如表4-1所示。表4-1t_user表列名数据类型长度自增主键允许空外键描述idint11是是否否主键usernamevarchar30否否否否用户名passwordvarchar80否否否否密码nicknamevarchar30否否否否昵称emailvarchar65否否否否邮箱avatarvarchar254否否否否头像home_urlvarchar254否否否否主页地址staterolecreate_timeupdate_timetinyinttinyintdatetimedatetime4400否否否否否否否否否否否否否否否否状态角色创建时修改时博客文章表(t_post):存储博主编写的博客文章,将文章的内容采用文本编辑器填写,在数据库中采用text大字段对文本内容进行存储。博客文章表(t_post)中各字段如表4-2所示。表4-2t_post表列名数据类型长度自增主键允许空外键描述idint11是是否否主键titlevarchar65否否否否标题summaryvarchar254否否否否摘要summary_htmltext0否否否否摘要(html格式)contenttext0否否否否内容authorvarchar15否否否否作者yearchar4否否否否发表年份monthchar2否否否否发表月份daychar2否否否否发表日期cover_urlvarchar254否否否否封面图片地址cover_typetinyint4否否否否封面布局博客评论表(t_post_comment):阅读文章的游客可以对系统中的文章进行评论,同时也可以对文章下面已有的评论进行内容的回复。相关的回复信息采用该表结构进行保存。博客评论表(t_post_comment)中各字段如表4-3所示。表4-3t_post_comment表列名数据类型长度自增主键允许空外键描述idint11是是否否主键post_idint11否否否否文字idtitlevarchar50否否否否标题user_idint11否否否否评论用户idnicknamevarchar15否否否否评论用户昵称avatarvarchar254否否否否评论用户头像is_bloggertinyint4否否否否是否为博主contentvarchar254否否否否评论内容p_idint11否否否否父级评论idbanner_idint11否否否否面板idsource_nicknamevarchar15否否否否被回复者昵称留言表(t_guest_book):游客可以在博客系统的留言栏目对博主进行留言,同时博主也可以对用户的浏览进行回复。阅读博客系统的游客都可以看到留言内容。留言表(t_guest_book)中各字段如表4-4所示。表4-4t_guest_book表列名数据类型长度自增主键允许空外键描述idint11是是否否主键user_idint11否否否否留言用户idnicknamevarchar15否否否否留言昵称avatarvarchar254否否否否留言头像is_bloggertinyint4否否否否是否为博主contentvarchar254否否否否留言内容p_idint11否否否否父级留言idbanner_idint11否否否否面板idsource_nicknamevarchar15否否否否被回复者idis_deletetinyint4否否否否是否删除ip_addressvarchar64否否否否ip地址访问记录表(t_visit):记录游客每次访问博客的时间和ip地址,博主在后台的仪表盘界面可以查看到整个博客系统的访问状态。访问记录表(t_visit)如图4-5所示。表4-5t_visit表列名数据类型长度自增主键允许空外键描述idint11是是否否主键ip_addressvarchar65否否否否ip地址browservarchar32否否否否浏览器visit_datedate0否否否否访问日期create_timedatetime0否否否否创建时间update_timedatetime0否否否否修改时间图片存储表(t_attachment):博主可以将文章中所需要的图片存储在服务器,然后在数据库中保存相关图片的名称和URL。图片存储表(t_attachment)中各字段定义如表4-6所示。表4-6t_attachment表列名数据类型长度自增主键允许空外键描述idint11是是否否主键filenamevarchar128否否否否文件名称original_namevarchar128否否否否原始文件名称file_urlvarchar255否否否否文件路径thumbnail_urlvarchar255否否否否缩略图路径file_pathvarchar255否否否否本地路径file_keyvarchar255否否否否文件keycontent_typevarchar50否否否否内容类型file_typetinyint4否否否否文件类型file_sizebigint20否否否否文件大小positiontinyint4否否否否位置

5详细设计在一款互联网项目开发的过程中,详细设计有着突出的作用。它是对项目中的每一个模块进行细化的过程。该过程详细地介绍了项目开发中各个版块的实现流程及实现方法。5.1系统登录模块设计说明5.1.1模块描述此模块是针对于系统的登录功能进行相关的详细设计。5.1.2功能(1)博主使用已创建的账号进入系统。(2)使用手机号码,利用短信验证码的方式完成系统的登录认证。(3)使用账号和密码加图片验证码的方式进入系统。(4)系统设计两个角色,游客和博主,后台管理只允许博主自己登录系统。5.1.3输入项表5-1密码模块输入项项目名称数据类型用户登录名String用户登录密码图片验证码StringString表5-2短信验证码登录模块输入项项目名称数据类型注册手机号码String短信验证码String5.1.4设计方法用户在页面中输入用户名、密码和图片验证码,将数据包封装成JSON的数据形式发送到后台,在项目后台代码中根据验证码去查找缓存中是否存在验证码,如果存在,则根据解析到的用户名和密码在MYSQL中进行匹配查询,如果失败,就将封装失败的错误信息进行返回,并在页面给出相对应的错误提示[6]。用户在页面对应的输入框内输入注册的手机号,点击发送验证码按钮之后即可发起对应的数据请求到Java后台服务进行短信发送的验证,如果该输入的手机号在MYSQL数据库中不存在,则封装对应的错误信息进行返回,在前台页面弹出提示框。使用的用户获取验证码之后,在Java代码块中,去调用了该项目所引入的榛子云短信服务商,完成短信验证码的发送,并将发送随机生成的短信验证码数字存储在当前项目的session中。5.2文章管理模块5.2.1模块描述可以对博客系统中的文章进行管理。5.2.2功能(1)博主可以在后台管理系统中发布新的博文,撰写博文内容以及上传博文相关的图片。(2)博主可以对发布的博文设置相关的属性,例如将文章是否推荐、置顶等,同时还可以打开或者关闭文章的评论权限。(3)游客可以在客户界面查看到最新的博客文章,同时也可以按照筛选的类别去查看到文章内容。还会看到文章的浏览量以及评论等相关内容。5.2.3输入项 同上数据表4-2中的必填字段。5.2.4设计方法(1)在管理端界面,点击新增按钮之后可以编写新的文章,同时设置文章是否置顶或者开启、关闭文章的评论权限。博主编辑好内容后,点击页面中按钮,即可利用AJAX技术将所编辑的内容转为JSON的数据格式提交到后台,进行正确性校验之后即可将数据保存在数据库[7]。(2)对于一些需要下架的文章,在列表中选择删除即可,该删除不是物理删除,采用的逻辑删除,修改数据的flag字段,以保证系统的中的数据不会出现丢失的情况。(3)在用户端界面,游客在首页可以看到文章呈卡片状进行展示,同时在顶部会筛选出置顶的文章。在归档或分类界面,系统中的博客文章按照后台所定义的分类或归档方式进行文章的展示。用户在所有页面的右下角小组件内均可点击搜索,使用搜索功能对文章进行搜索。5.3评论留言模块设计5.3.1模块描述系统中游客可以对博主进行留言或者对文章进行评论。5.3.2功能(1)博主在后台管理端的仪表盘界面可以看到整个系统的运行状态,访问记录等系统中重要的信息。(2)后台管理端界面,博主可以查看到留言和评论的内容,可以对相关的留言进行后台控制操作。同时也可以将评论者的内容删除,或者将评论者加入黑名单,就无法对该博客系统进行评论或发言了。(3)游客在博客的前台界面可以对博主进行留言或者对文章发表自己的看法,同时也可以去回复别人的评论内容。5.3.3输入项同上表4-4中的必填字段。5.3.4设计方法游客在对博主进行留言或者对文章进行评论的时候,需要填上个人的信息,如果当前的人员被博主加入了黑名单之后,则无法进行留言和评论的操作。游客还可以对别人的评论进行回复,并且没有层级限定。博主可以登录后台管理界面,查看到所有人的评论,对评论内容进行管理。将一些不喜欢的游客,可以将其加入黑名单,限制其对本系统进行评论。

6编码实现在一款互联网项目开发的过程中,经过了上述的需求、概要、详细设计等阶段之后,编码的实现是项目中不可缺少的部分。此模块将从基础的代码的写到功能的完成方面来进行介绍相关与说明。6.1开发环境与组织结构该博客系统所需的开发环境:开发的PC系统:Windows10家庭版。JAVA版本号:JDK1.8.0_231。关系型数据库:MySQL5.7。开发工具:IntelliJIDEA2020.3。管理构建工具:ApacheMaven3.6.3。Linux运行系统:CentOS7.3.1611。项目代码的结构如图6-1所示。图6-1代码组织结构图6.2博客首页博客系统最为吸引用户的就是它的首页,只有做得让人耳目一新,才会对读者产生继续浏览下去的欲望,该博客系统采用简约大气的风格进行页面的展示。博客文章采用卡片式进行加载,鼠标点击会产生动画翻转效果。前台页面通过AJAX请求到数据后,再将其渲染在对应的页面部分。博客首页显示如图6-2所示。图6-2系统首页点击某一篇文章之后即可阅读文章的详细内容。文章详细显示如图6-3所示。图6-3文章内容此项目中,前端采用的Thymeleaf模版进行数据的渲染,前台获取后台传来的数据之后,将数据渲染到对应的模块中,完成博文的卡片的渲染与展示。渲染展示的关键代码如图6-4所示。图6-4博客卡片渲染代码6.3博文分享配置在项目中为了使得用户有更好的体验和优秀文章的传播,项目中接入了百度的文章分享插件,用户阅读文章之后,可以讲自己喜欢的文章通过QQ、微信等方式分享给别人进行阅读。这个功能也是本博客系统的一大优势所在。分享功能的核心代码如图6-5所示。图6-5分享功能代码6.4榛子云短信此项目中所采用的短信服务商是榛子云短信。相对于阿里云,榛子云短信的价格相对于更为便宜点。榛子云提供了项目开发中所需要的对应maven依赖,在pom文件中引入对应的依赖,即可完成SpringBoot框架和项目的整合。在Java代码块中利用Math.Rodam的函数即可随机生成六位数做为短信验证码,紧接着调用榛子云服务商的短信接口,完成默认的签名认证,调用发送短信的发送,传入生成的六位随机验证码,进行短信的发送。获取的短信发送成功之后的message就将六位随机验证码存储在Redis里面[8],以便将用户输入的验证码和系统中保存的验证码进行匹配。榛子云平台的短信配置如图6-6所示。图6-6榛子云配置

7系统测试此系统在前面经过一系列的分析、设计、编写代码等步骤之后,开发工作得以顺利完成。在IDEA的控制终端使用:mvncleanpackage-Dmaven.test.skip=true[9]命令进行打包,即可在项目的target下生成一个xxx.jar的文件,并且使用scp命令将对应的jar包上传到购买的腾讯云公网服务器。配置信息如下:CPU:Intel(R)1063CPU@2GHz。Linux系统:Centos7.3。运行内存:2GB。Java版本:JDK1.8.0_231在云服务器上,定位到jar包所在的目录位置,使用nohupjava-jarxxx&[10]命令将程序在服务器上进行后台启动,完成操作之后。该系统即可通过公网IP地址在外网进行访问,并可以直接在公网上进行后续的线上测试。7.1界面测试该系统采用的是开源的博客ML-blog设计风格进行页面的布局,后台管理系统采用layui的前台框架进行设计与开发。最终系统完成的开发界面与最初设计基本一致。后台管理系统的登录界面如图7-1所示。图7-1登录界面博客系统首页如图7-2所示。图7-2博客系统首页后台管理系统首页,默认界面是一个系统的仪表盘界面,可以查看到系统中的关键数据,对整个系统的运行状态有一个全面的了解。如图7-3所示。图7-3后台管理首页 博主可以点击后台管理的左侧菜单栏的博客列表,即可进入博客管理界面。博主可以发布新的文章和对系统中现在的文章内容或者权限进行相关的修改。页面如图7-4所示。图7-4博客列表页面评论列表,博主可以对评论进行删除或者将评论的用户加入黑名单。页面中的删除功能不是物理删除,只是修改了数据的状态,将评论从博客系统用户端页面中删除。评论列表如图7-5所示。图7-5评论列表页面7.2功能测试7.2.1登录问题 博主在登录系统时可以在界面上选用账号密码、手机短信验证码两种方式完成系统登录认证。此模块对系统账号密码登录的功能,设计了表7-6所示的测试用例,并展示出了测试结果图7-7、7-8。表7-6用户登录功能测试概述测试编号CS001功能描述博主使用密码登录功能URL/login/pwdlogin用例目的测试博主账号能否登录前提条件打开登录首界面测试操作编号输入/动作期望的输出响应实际情况是否正确错误编号1不输入内容给出提示不能为空提示不能为空正确2输入一项内容给出提示页面提示字段不能为空正确3输入后台中不存在的用户名或密码给出对应的错误提示页面提示xx错误正确4输入正确的用户名和密码给出登录成功的提示,并进入系统提示登录成功,并跳转到首页正确图7-7不填写内容图7-8输入错误验证码7.2.2用户评论功能游客在博客中可以对文章和博主进行留言。游客进行留言之前需要填写个人的基本信息才可以正常的去保存留言的内容,以防止用户进行恶意的留言。将个人信息和留言内容输入后,发起AJAX请求将数据提交到后台,并使用MyBatis插件将输入的数据保存到MYSQL关系型数据库。针对用户评论的功能,设计了表7-9的测试用例。测试结果如图7

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论