《基于SSM的编程技术类博客系统的设计与实现.docx》由会员分享,可在线阅读,更多相关《基于SSM的编程技术类博客系统的设计与实现.docx(49页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、基于SSM的编程技术类博客系统的设计与实现摘要:博客是是互联网信息产生的主要来源之一。博客将信息采集与发布最大程度的简单化与快捷化,对个人能力提升也具有极大的帮助。一方面,极大地丰富了网络信息的资源,在时效性、连续流动性、信息形态多样化方面优势明显,另一方面存在信息虚假,信息过多导致找不到需要的信息等问题,特别是在编程技术方面的,编程技术迭代更新快,所以信息都存在一个时效性问题,并且各种技术不断的迭代更新,人们对查阅博客的需求越来越旺盛。为了使系统在UI交互上,能有更好的体验,通过对基于Ant Design 设计体系的 React UI 组件库研究,并且根据系统web前端 阮一峰. ECMAS
2、cript6入门M. 电子工业出版社, 2014。组件化的思想,通过前端工程化技术构建,采用了react的前端框架技术,解决的关于前端上的UI交互问题,实现了系统前端的搭建,并且提高了系统的前端效率,在开发后端的时候,由于SpringBoot核心能够快速整合第三方框架,基于SpringMVC无配置文件(纯Java)完全注解化+内置tomcat-embed-core实现SpringBoot框架,Main函数启动,所以针对系统需求选择了Spring boot框架做为后端开发的主要技术,简化后端编码、配置、部署,并且继承了Spring框架的优点。在后端开发中,为了解除SQL与程序代码的耦合,并且在研
3、究中,MyBatis具有通过提供DAO层,将业务逻辑和数据访问逻辑分离,使系统的设计更清晰,更易维护,更易单元测试的优点,所以使用MyBatis作为持久层框架,简化了持久层开发。在数据库方面,考虑到系统需要具有高性能且相对简单,可移植性,运行速度快的数据库,所以选择了MySQL作为系统的数据库,实现了系统数据查询的性能上的提高。在系统的实现中,使用Spring boot的JAVA美韦斯 (Mark Allen Weiss). 数据结构与算法分析:Java语言描述M. 机械工业出版社, 2009。后端框架,数据查询使用MyBatis框架,数据库使用MySQL 美 福达. SQL必知必会(第4版)
4、M. 人民邮电出版社, 2013。,系统通过React提高前端性能实现前后端分离,使系统前后端分工合理。最终实现,在前台,用户可以进行博客浏览,在后台,管理员可以对博客的文章,友情链接,栏目进行管理,并且在博客的文章使用富文本编辑器对文章进行编辑操作。系统共计有博文管理模块,友情链接模块,栏目管理模块,留言模块。关键词:博客,网络信息,文章Design and Implementation of a SSM-Based Programming Technology Blog SystemAbstract:Blog is one of the main sources of Internet i
5、nformation. The blog simplifies and simplifies the collection and release of information to the greatest extent, and it also greatly helps to enhance personal abilities. On the one hand, it has greatly enriched the resources of network information, and it has obvious advantages in timeliness, contin
6、uous liquidity, and diversification of information forms. On the other hand, there are false information, too much information, which can not find the information you need, etc., especially In terms of programming technology, programming technology updates iteratively quickly, so there is a problem
7、of timeliness in information, and various technologies continue to iteratively update, peoples demand for checking blogs is more and more vigorous.In order to make the system have a better experience in UI interaction, through the research of the React UI component library based on the Ant Design de
8、sign system, and according to the idea of the system web front-end componentization, it is constructed through front-end engineering technology and uses React The front-end framework technology solves the problem of UI interaction on the front-end, realizes the construction of the front-end of the s
9、ystem, and improves the front-end efficiency of the system. When developing the back-end, SpringBoot core can quickly integrate third-party frameworks, based on SpringMVC without configuration files (Pure Java) Fully annotated + built-in tomcat-embed-core to realize the SpringBoot framework, the Mai
10、n function starts, so the Spring boot framework is selected as the main technology for back-end development according to system requirements, simplifying back-end coding, configuration, and deployment, and Inherited the advantages of Spring framework. In the back-end development, in order to remove
11、the coupling between SQL and program code, and in the research, MyBatis has provided a DAO layer to separate business logic and data access logic, making the system design clearer, easier to maintain, and easier to unit test. Advantages, so using MyBatis as the persistence layer framework simplifies
12、 the development of the persistence layer. In terms of the database, considering that the system needs a high-performance, relatively simple, portable, and fast-running database, MySQL was selected as the systems database to achieve the performance improvement of the system data query.In the impleme
13、ntation of the system, the JAVA back-end framework of Spring boot is used, the MyBatis framework is used for data query, and MySQL is used for the database. The system improves front-end performance through React to achieve front-end and back-end separation, so that the systems front-end and back-en
14、d division of labor is reasonable. Eventually, in the foreground, the user can browse the blog. In the background, the administrator can manage the blog articles, friendly links, and columns, and use the rich text editor to edit the articles in the blog articles. The system includes a blog post mana
15、gement module, a friendship link module, a column management module, and a message module.Keywords: Blog,Internet information,Article目 录第1章 绪论11.1系统的开发背景及意义11.2国内外研究现状11.3系统的主要研究内容21.4系统开发环境与开发工具3第2章 系统需求分析42.1可行性分析42.1.1经济可行性42.1.2技术可行性42.1.3操作可行性42.2系统的总体需求42.3系统的业务需求52.3.1 编程技术类博客系统前台62.3.2 编程技术博
16、客系统后台72.4系统功能的需求分析72.4.1前台子系统功能分析82.4.2用户前台子系统功能分析82.5 UML系统建模92.5.1用例图92.5.2用例图规约表102.6本章小结15第3章 系统设计163.1系统功能设计163.1.1前台子系统163.1.2后台子系统173.2 编程技术博客系统类图183.2.1 博客系统概念类图183.2.2 前台用户和游客查看博客文章类图183.2.3 用户留言类图193.2.4 用户登录类图193.2.3 用户注册类图193.2.3 博客文章管理类图203.2.3 友情链接管理类图203.2.3 留言管理类图203.2.3 栏目管理类图213.3
17、编程技术博客系统顺序图213.3.1 用户系统顺序图213.3.2 后台系统顺序图243.4 编程技术类博客系统活动图283.5 编程技术博客系统状态图293.6 数据库设计303.7 网络接口设计323.8 本章小结32第4章 系统实现334.1 编程技术博客系统前台子系统界面实现334.2 编程技术博客系统后台子系统界实现344.3 本章小结37第5章 系统测试385.1 系统测试的目的385.2 系统测试的意义385.3 测试用例及结果385.4 本章小结40第6章 结束语416.1 全文总结416.2 课题展望41参考文献42致 谢43第1章 绪 论1.1系统的开发背景及意义由于网络技
18、术的发展十分迅速,越来越多的人们将获取信息的方式转变为依靠网络获取,网络信息化已经深入到人们平常的生活和学习之中。在现在这个互联网时代中,海量的互联网信息带给别人方便的同时,虚假的信息也带给别人很大的麻烦,面对海量的信息,我们在查阅后可能会经常被遗忘,同时也会因为信息分类不完善,而导致我们曾经看过的知识混乱。所以怎么才能在繁多的信息中,发现并记录有用的信息呢?这时候就需要一些类似笔记本的东西来进行记录,而在互联网,博客是目前最为有效的一种记录方式。在博客里自由发表个人感言,和更多人进行研究讨论,相互学习。无形中,它已经成为我们生活中交流的一种工具。所以,要怎样提高博客新技术来获得更多人的认可是
19、一个值得研究的一个技术问题。写作有关技术的博客,常常会发现自以为完整的想法其实只是未经整理过的碎片,会感到有许多概念性的东西无法彻底得到运用,而对技术的理解也是停留在抽象层面,通过博文记录的方式可以有效的提高对编程技术的理解,以及对信息的检索能力。目前,我国的博客平台主要有新浪博客,网易博客,CSDN博客,简书,博客园,腾讯博客。但除了CSDN博客平台和博客园,其它均为内容广泛的平台,所以在这些平台较难找到关于编程技术方面的信息。CSDN博客平台和博客园虽然是专注于编程技术类的博客平台,但是平台上存在大量的过期,无用的信息,并且CSDN和博客园这两个平台都存在一定程度的缺点,例如SEO优化,界
20、面优化,可用资源少等问题。鉴于此,基于SSM的编程技术类博客系统综合各平台有点,并且按照个人所需将会给编写博客提升极大的便利。1.2国内外现状研究我国的博客发展十分迅速,各行各业均有涉及,并且随着各大门户的强力推动,国内如CSDN,新浪博客等,国外如WordPress,Wix,Blogger,Tumblr等。国外,在1998年世界上只存在少量的博客主页,2000年伴随美工托管博客主页的发展,博客开始爆发式增长。2005年至今,博客已经渗透到各行各业,而在国内,2005年,博客也开始向着所有网民普及。当今,博客已经成为互联网庞大信息的主要来源之一,同时也是人们通过学习新兴技术的主要途径之一。国内
21、外都通过博客来交流编程技术上的心得,并且通过这种方式,使自身在编程技术领域上的话语权变得越来越重,还可以认识更多志同道合的人,并且随着博客内容的丰富,其包含的信息价值也会不断的提升,博客作为一种新的工作方式,新的方式已经被更多人认可和使用,同时因为博客的存在,对需要通过互联网查找信息的人,起到了极大的便利,特别是从事互联网事业人员,更是习惯性的通过互联网查找自己所需要的信息。 很多网站提供了各种基于B/S 模式的个人博客系统,让用户可以快速搭建起属于自己的博客,但是对于编程技术类博客来说,在对于代码的博文而言,还是不能满足其需要,同时市面上各种个人博客系统都存在一定的缺点,一个满足于特定需求编
22、程技术领域的博客更能吸引到同一领域的人。1.3系统的主要研究内容当前各种技术和工具层出不穷,各大公司在开发过程中都会使用工程化的方法构建和维护的系统,目的主要是为了提高系统的质量,编程技术类博客系统在研究中根据工程化的需要,而采用前后端分离的开发模式,系统架构的前后端分离出于三方面考虑,其一是提升系统的业务处理能力;其二是提升系统的可用性;其三是提升系统的扩展能力。编程技术类博客系统主要实现了更适合于编程技术类博客的发布,因为其他网站提供的个人博客系统存在不适合编程类博客的使用功能,系统通过对不需要的功能进行优化,定制出更适合于编程开发的一个博客系统。前后端根据不同的特点以及优势,负责不同的职
23、责。前端负责View和Controller层,前端负责展现/交互逻辑通过使用react组件式开发,前端JavaScript 美克罗克福德. JavaScript语言精粹M. 电子工业出版社, 2012。可以做很大部分的数据处理工作,对服务器的压力减小到最小,后台错误不会直接反映到前台,错误接秒较为友好。React引入虚拟DOM机制,React会在内存中构建一个相对应的DOM树,当组件的状态发生变化时,React就会重新构建整个DOM数据,然后将整个DOM树和上一次的DOM树进行对比,得出DOM结构变化的部分(Patchs),然后将这些Patchs 再更新到真实DOM中,这种方式虽然在对比DOM
24、树的时候消耗了一定的性能,但是对比整个DOM重新渲染,无疑更具备优势徐超. React进阶之路M. 清华大学出版社, 2018。同时使用Jquery美Jonathan ChafferKarl Swedberg韦斯 (Mark Allen Weiss). jQuery基础教程(第4版)M. 人民邮电出版社, 2013。,使交互上更加友好。后端负责只负责Model层,业务处理/数据等,后端主要使用SpringBoot和MyBatis框架,SpringBoot是伴随Spring 4.0而生的,作用在于帮助开发者快速的搭建Spring框架,并且集成了Spring的优秀功能,对于我们的编码起到一个简化的
25、作用,在Spring框架的使用中,通常需要进行繁琐的配置,各种XML,Annotation配置会让人眼花缭乱,而且配置出现问题后也很难排除,所以系统使用SpringBoot,简化了开发的流程。在部署系统上,也只需要将项目打包成jar包,就可以在服务器上启动项目。对数据库的查询操作,使用MyBatis框架吴为胜、杨章伟. Spring+Spring MVC+MyBatis从零开始学M. 清华大学出版社, 2019。,灵活的使用SQL语句,可编写灵活和高性能的SQL语句。并且解除SQL语句与代码的耦合,同时通过简洁的代码美Robert C. Martin . 代码整洁之道M. 人民邮电出版社, 2
26、009。,编写程序,遵从Java编程规范美高斯林(Gosling,J.). Java编程规范M. 中国电力出版社, 2006。1.4系统开发环境与开发工具8GB的Windows 8.1 x64操作系统,1.8版本的JDK,8.0版本的tomcat,因为速度、可靠性和适应性而备受关注和使用结构化查询语言(SQL)进行数据库管理的MySQL,以上环境将作为系统的开发环境。 Visual Studio Code被作为系统客户端的开发工具, Idea被作为服务器的开发工具, SSM框架将被服务器端作为开发框架,React框架将被作为前端开发框架,选择antd作为前端开发过程中的主要组件。采用restf
27、ul风格接口,使用以上工具将作为系统的开发工具。第2章 系统需求分析2.1可行性分析2.1.1经济可行性基于SSM的编程技术类博客系统的设计与实现是本人的毕业设计,从整个系统的设计到开发都由本人自己完成,并且使用开源的工具进行协助开发,在开发的过程中,通过网络查找各种资料,通过开源平台GitHub查找案例,避免在系统开发上的经济开销。在整个系统开发完成并使用之后,将投入到博客的正式使用中。2.1.2技术可行性该系统作为本人的毕业设计,而本人已修完所有在校课程,已经具备开发Web客户端和Java后端服务器的技术。Web客户端使用的开发工具为Visual Studio Code,采用HTML、CS
28、S、JavaScript 美克罗克福德. JavaScript语言精粹M. 电子工业出版社, 2012。技术;后台开发工具为idea,采用Java语言 美塞若(Sierra,K.),(美)贝茨(Bates,B.) . Head First JavaM. 中国电力出版社,2007。,使用SSM框架;数据支持使用MySQL5.1.37。2.1.3操作可行性博客系统是基于Web的,具备良好的交互体验,通过异步请求数据,页面显示流畅,以及减轻服务器的压力,并且共用后端程序代码,不需要修改后端代码就可以适配于Web界面、手机、平板等多种客户端。用户能够随时浏览该系统。2.2系统的总体需求编程技术博客系统
29、需要有前台子系统和后台子系统,前台用户可以随时进行浏览博客系统内的信息,后台系统管理员可以对博客内容进行日常管理,例如博客文章的发布,修改以及删除,同时也可以管理栏目分类,留言管理,以及友情链接的设置。通过后台管理博客系统的信息,前台也可以通过栏目分类,对博客系统内的内容进行浏览,用户在前台登录,即可对文章进行留言。2.3系统的业务需求以下是对系统(博客系统的前台和博客系统的后台)的业务需求分析。博客系统的后台业务需求主要有查看栏目列表,管理友情链接列表,管理文章列表,管理留言列表,管理员登录,具体流程图如图2.1博客系统后台业务流程图。博客系统的前台业务需求主要有用户注册登录,浏览博客文章,
30、用户留言,查看友情链接流程图如图2.2博客系统前台业务流程图。图2.1博客系统后台业务流程图图2.2博客系统前台业务流程图2.3.1 编程技术类博客系统前台用户在进入前台子系统后,能够进行个人信息管理,直接点击博客进行浏览,或者通关点击栏目筛选博客文章进行浏览,同时在浏览博客时,可在博客文章下方进行留言。如果用户为登录状态,进入前台子系统后,并不会展示个人信息,会提示时一个游客的身份进行浏览,同时留言功能也会被屏蔽,游客如果点击留言,则会跳转到登录页面,要求进行用户的登录或者注册。用户点击登录前台系统将会跳转到登录页面,用户可以直接进行登录和注册功能。用户在登录后,可以查看留言信息,并且对留言
31、信息进行回复,或者删除,同时浏览博客文章时候也可以进行博客文章的留言。博客系统前台的业务流程图如图2.2。2.3.2 编程技术博客系统后台管理员进入博客系统后台后,假设未登录,则被拦截返回登录界面,管理员登录后,有四个管理模块,分别是博客文章管理模块、栏目管理模块、留言管理模块、友情链接管理模块。在博客文章管理模块,管理员可以对博客文章进行管理;在栏目管理模块,管理员可以对博客系统的栏目进行管理,添加和修改文章的时候,更新栏目可选选项;在留言管理模块,可以对留言进行回复和删除,对应的操作会显示在文章的留言下方;在友情链接模块,可以增加或者删除友情链接。博客系统后台的业务流程图如图2.1。2.4
32、系统功能的需求分析编程技术类博客系统主要分为前台子系统和后台子系统,在前台子系统中,主要包括的能有:能够用户进行登录注册的功能,用户和游客可以直接进行博客文章查看,用户登录后可以进行博客文章留言,用户的个人信息修改功能那个;在后台子系统中,只有管理员能够进行登录,主要包括功能有:管理员登录,增加文章,删除文章,发布文章,跳转进行文章浏览,对已经添加文章的一个发布和取消发布的功能,具备博客系统的栏目增加,删除,查看功能,用户留言信息查看,回复,删除功能,友情链接增加和删除的功能。编程技术类博客功能模块图如图2.3。图2.3编程技术类博客系统功能模块图2.4.1前台子系统功能分析(1) 登录注册:
33、实现用户子系统的登录注册,用户只有在注册并且成功登录的情况下,才可以对博文进行留言,在点击留言的时候,假设用户没有登录,也会提示先登录。(2) 浏览:用户可以通过前台对系统的博客文章进行浏览。(3) 留言:用户在登录之后,可以对博客文章进行留言操作,并且可以查看留言记录互留言回复。(4) 个人信息:用户在登录之后,可以修改个人信息,如用户姓名等。2.4.2用户前台子系统功能分析(1) 登录:管理员只有登录之后才能进入系统对博客,友情链接,栏目,留言进行管理。(2) 博客文章管理:主要是对博客系统内的文章进行新增博客文章,修改博客文章,删除博客文章,查阅博客文章操作。(3) 友情链接管理:管理员
34、登录后,可以对友情链接进行创建和删除操作。(4) 留言管理:管理员可以对博客文章的留言进行查看,回复和删除操作。(5) 用户管理,可以查看用户的基本信息。图2.4编程技术类博客系统前台用例图2.5 UML系统建模2.5.1用例图用例模型的基本组成部分有用例、角色(或参与者)和系统。用户业务如图2.4编程技术博客系统前台子系统用例图所示。后台业务如图2.5编程技术类博客系统后台用例图。图2.5编程技术类博客系统后台用例图2.5.2用例图规约表用例规约表:表2-1登录注册用例规约表用例编号2-1用例名称登录注册功能描述当游客注册或登录之后,身份变为用户。执行者游客、用户、管理员前置条件博客系统正常
35、运行。后置条件如果是游客,游客身份变为用户;如果是管理员,成功进入后台管理系统。涉众利益用户登录后,可以对博客系统的文章进行留言,以及查看留言操作。管理员登录后,可以对博客系统的博客文章,栏目,友情链接,留言进行管理。基本路径用户:1. 如果用户未注册,可以选择注册,进入用户注册;2. 按照规则填写个人信息,邮箱等;3. 注册成功并转为用户身份;4. 如果用户已注册,则输入登录信息;5. 用户登录成功后,继续浏览博客前台。管理员:1. 管理员进入后台登录页面;2. 输入管理员的账号密码信息;3. 登录成功则进入博客系统后台;扩展无字段列表用户:1. 邮箱、用户名、密码管理员:1. 用户名,密码
36、业务规则无备注无表2-2查看博客文章用例规约表用例编号2-2用例名称查看博客文章功能描述当用户或游客进入博客系统前台的时候,可以对博客文章进行查看。执行者用户、游客前置条件进入编程技术博客系统前台。后置条件显示系统的博客文章信息。涉众利益用户和游客可以查看系统内的博客文章。基本路径1. 进入博客系统前台。2. 点击对应的博客文章。扩展1. 通过栏目分类可以查看对应栏目下的文章1.1 选择栏目;2.2 选择对应的博客文章。字段列表1.博客文章标题;2.博客文章内容;3.博客文章所属栏目。业务规则无备注无表2-3留言管理用例规约表用例编号2-3用例名称留言功能描述在登录后,用户可以对博客文章进行留
37、言。执行者用户前置条件登录到博客系统后置条件留言成功涉众利益用户足不出户就能购买商品。基本路径1. 进入某篇博客文章;2. 输入留言信息;3. 确认留言发表;扩展 查看留言记录进行回复。字段列表1.留言编号;2.用户编号;3.博客文章编号;4.留言信息;5.回复信息;业务规则需要用户身份才能下单备注无表2-4栏目管理用例规约表用例编号2-4用例名称栏目管理功能描述管理员可以新增和删除栏目执行者管理员前置条件登录到博客系统后台。后置条件能够对系统栏目进行增加和删除操作。涉众利益用户和管理员可以查看栏目。基本路径1. 查看栏目列表;2. 新增栏目:2.1 输入新增的栏目名称;2.2 添加栏目标签;
38、2.3 提交新增栏目信息;3. 删除栏目3.1 点击某条栏目的编辑按钮;3.2 选择删除选项;3.3 确认删除栏目信息;扩展无字段列表1.栏目编号;2.栏目名称;3.栏目标签业务规则无备注无表2-5个人信息用例规约表用例编号2-5用例名称个人信息管理功能描述用户可以查看并修改个人资料。执行者用户前置条件登录到博客系统前台。后置条件用户查看并修改个人资料成功。涉众利益用户可修改账号密码,提高账号安全性。基本路径1. 点击用户姓名,进入个人信息修改界面;2. 选择或填写信息;3. 提交修改后的信息。扩展无字段列表1.用户名;2.密码;4.邮箱;5.手机号码; 业务规则无备注无表2-6博客文章管理用
39、例规约表用例编号2-6用例名称博客文章管理功能描述管理员可以对博客文章进行新增,删除,修改,查询操作。执行者管理员前置条件登录到博客系统后台。后置条件对博客文章进行管理涉众利益管理员可以通过对博客的文章进行操作,丰富系统的信息,以及对博客内容进行更新,以适应编程新兴技术的实时更新,吸引更多的用户,提高网站排名,同时也可有误信息进行及时的修改。基本路径1. 新增博客文章1.1 管理员进入博客系统后台,点击“博客管理”,进入博客管理 页面。1.2 点击“添加博文”,进入添加博客文章的页面1.3 填写新增博客的信息,点击“保存”,系统提示“是否新增博客文章”,确认则博客文章新增完成,取消则返回添加博
40、客文章的页面。2. 删除博客文章2.1 管理员进入博客系统后台,点击“博客管理”,进入博客管理页面。2.2 选择博客管理页面的博客文章,在对应要操作的博客文章后面点击“删除”,系统提示“是否删除博客文章”,确认则博客文章删除完成,取消则返回博客管理页面。3. 修改博客文章3.1 管理员进入博客系统后台,点击“博客管理”,进入博客管理 页面。3.2选择博客管理页面的博客文章,在对应要操作的博客文章后 面点击“修改”,进入博客文章修改页面。3.3 编辑修改的博客信息。3.4 点击“保存”,系统返回到博客文章管理页面。扩展字段列表1.博客文章编号;2.博客文章标题;3.博客文章描述;4.博客文章内容
41、;5.博客文章所属栏目;6.博客发布时间。业务规则无备注无表2-7栏目管理用例规约表用例编号2-7用例名称栏目管理功能描述管理员可以对博客系统的栏目进行增加或者删除操作。执行者管理员前置条件管理员登录到博客系统后台。后置条件管理员可以增加和删除栏目。涉众利益管理员可以通过管理栏目,限制博客文章的所属栏目。基本路径1. 增加栏目;1.1 点击栏目管理,进入栏目管理页面;1.2 点击“添加栏目”,进入添加栏目页面;1.3 填写栏目信息后,点击“确认”,添加栏目成功,返回到栏目管理页面2. 删除栏目:2.1 点击栏目管理,进入栏目管理页面;2.2 在展示的栏目列表中,选择要删除的栏目,点击“删除”,
42、系统提示“是否删除栏目”,确认则删除栏目成功,返回到栏目管理页面,取消则直接返回栏目管理页面;扩展无字段列表1.栏目编号;2.栏目标题; 业务规则无备注无表2-8友情链接管理用例规约表用例编号2-8用例名称友情链接管理功能描述管理员可以管理系统的友情链接执行者管理员前置条件登录到博客系统后台后置条件管理员增加和删除友情链接成功涉众利益管理员可以通过管理友情链接,丰富系统的内容基本路径1. 增加友情链接;1.1 点击友情链接管理,进入友情链接管理页面;1.2 点击“添加友情链接”,弹出添加友情链接弹窗;1.3 填写友情链接信息后,点击“确认”,添加友情链接成功,弹窗消失,点击“取消”,取消添加友
43、情链接,弹窗消失。2. 删除友情链接:2.1 点击友情链接管理,进入友情链接管理页面;在展示的友情链接列表中,选择要删除的友情链接,点击“删除”,系统提示“是否删除友情链接”,确认则删除友情链接成功,返回到友情链接管理页面,取消则直接返回友情链接管理页面;扩展无字段列表1.友情链接编号;2.友情链接名称;3.友情链接地址。 业务规则无备注无2.6本章小结 本章首先主要总体分析出编程技术类博客系统前台和后台;然后对前台和后台的业务需求进行分析并且用业务流程图分别展示了用户在前台和管理员在后台的业务流程,对博客系统的经济可行性,技术可行性,操作可行性进行了分析,同时对系统的总体需求和业务需求进行了
44、功能的展示,为了能够直观的介绍博客系统所具备的功能,制作了用例图和用例规约,对系统进行了明确的说明。第3章 系统设计3.1系统功能设计本系统由前台子系统和后台子系统组成。3.1.1前台子系统(1) 登录注册功能:在前台,顶部均有“登录”的提示,假设用户已经登录,则显示的是用户的姓名,通过点击登录,进入登录界面后,输入用户名和密码进行登录,登录完成后,前台的顶部“登录”提示变为用户名,点击后将可对用户的密码,邮箱进行修改,如果忘记密码,则需要回答创建用户的时候的提示问题,进行找回密码的操作。用户在点击登录的时候,没有进行注册则需要点击登录界面的注册,进行用户账号注册,注册需输入邮箱,以及忘记密码
45、的密码重置答案和密码,注册成功后,将跳回到前台的主页。(2) 用户留言功能:用户登录后,在查阅文章后,可以在文章的下方留言输入框进行留言操作,此外,可以点击留言的删除按钮,对发布的留言进行删除处理。(3) 博客文章查看功能:用户进入前台后,可以直接对博客文章进行浏览操作,点击博客文章列表的选项,将进入博客内容的详细描述,同时也可通过选择栏目,然后对想要查看的博客文章内容进行栏目上的筛选,浏览同一栏目下的博客文章。(4) 个人信息模块:用户在已经登录的情况下,点击顶部用户名,即可展示用户的邮箱,账号名称,账号信息,同时也可以对用户的信息进行修改,假设要修改密码,点击下方的修改密码按钮,在新的弹窗
46、中同时输入旧密码和两次确认密码,旧密码和确认密码无误后,即可成功修改密码,并且进行自动保存,点击退出,则会退出登录,用户将变成未登录的状态。3.1.2后台子系统(1) 登录注册功能,管理员进入系统之前必须先登录,管理员打开后台之后就是登录界面,在登录界面输入账号和密码后才可以进行登录。(2) 在管理员登录成功之后,便进入主界面,在主界面默认显示的是博客文章列表,并且列表有分页,每页显示15条记录,点击博客可对博客文章进行修改和删除操作,同时在主界面也可以添加博客文章,进入博客文章添加的界面,添加完成后,会返回到博客文章列表。(3) 栏目管理功能,在主界面中选择左侧第二个栏目管理,即可进入栏目管理页面,栏目管理页面展示已有的栏目列表,选择指定栏目信息,点击删除,提示框提示是否确认删除栏目,点击删除则会成功删除栏目,点击取消则删除栏目的操作撤销,提示框消失。在栏目管理页面可以进行增加栏目操作,选择添加栏目,要求输入栏目信息,点击确定后,增加栏目成功,同时返回栏目管理页面。(4) 留言管理模块,在主界面中选择左侧第三个留言管理,即可进入留言管理页面,留言管理页面展示所有的留言信息和对应的留言信息的文章标题,用户信息,选择指定的留言信息,可以进