博客系统的设计与实现.docx

《博客系统的设计与实现.docx》由会员分享，可在线阅读，更多相关《博客系统的设计与实现.docx（30页珍藏版）》请在第一文库网上搜索。

1、一设计背景.1.1选题现状3123二开发环境及技术构架32.1)Pzi.I*32.2技术架构42. 2.1jyJriJr心J43. 2.2springboot44. 23VUe.js*i5. 2.4mybatisp1us5rf55.1 系统目标56. 2*肯匕而jj.57. 3性能要求6vt-.64.1系统功能总体设计74. 2E074. 2.1开发流程74. 2.2JIJP.84. 2.3操作流程98. 3系统数据库统f*104. 3.1数据库表联系105. 3.2数库表设V十11五系统实现125*1_g1P/3月丹彳t126. 11用户注册12512JIJPit125. 2用户模块145.

2、 2.1I彳口J息、145. 2.2个人博客155. 2.3Pi155. 3首页模块165. 3.1欢迎169. 4功能中心模块175. 4.1写留言176. 4.2相册197. 4.3商城215.5关于模块225.5.1关于本站225.6管理员模块225.6.1用户管理225.7系统响应式布局23六总结30参考文献31-设计背景1.1 选题现状随着我国经济水平的提高，信息技术的快速发展，网络的普及，几乎每个人都有了自己的电脑或者手机，进行网上冲浪。人们越来越喜欢或者倾向于网络交友，如网上聊天，网上分享照片，网络购物等等。因此，开发网络交友平台成为时代发展的必然趋势，博客系统就是其中的一大分支

3、。1.2 选题意义高度发达的信息时代，人们网上交友，我们提供一个友好的交友平台，在这里可以分享自己的喜怒哀乐，也可以分享自己曾经看到过的美景。为广大网名提供一个绿色交友，资源分享，学习技术交流是我奋斗的方向。二开发环境及技术构架2.1 开发环境与工具博客系统采用前后分离技术，MYSQ1数据库，SPringbOot框架，VUe前端。系统所用的系统开发环境如下表21所示。表2-1系统开发环境环境版本Springboot2.2.2vue2.0MySQ1MySQ18.0+JDKJDK-8.0开发工具上使用如下图2-2所示。表2-2系统开发工具环境版本Idea2019.2.4webstorm2019.2

4、.1navicat122.2 技术架构2.2.1 前后分离前端和后端分为两个工程，后端就是去实现业务逻辑，提供前端所需要的AP1接口。而前端就调用后端提供的接口，实现前端页面的交互逻辑，运用Fiodejs或者ajax进行交互。前端工程师专心做前端，后端工程师专心做后端，提高工作效率。2.2.2 springbootSpringBoot是由Pivota1团队提供的全新框架，其设计目的是用来简化新SPring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，SpringBoot致力于在蓬勃发展的快速应用开发领域(rapidapp1i

5、cationdeve1opment)成为领导者。2.2.3 vue.jsVuejs是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。VUe的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和VU6生态系统支持的库开发的复杂单页应用。2.2.4 mybatisp1sMyBatis-PIus(简称MP)是一个MyBatis的增强工具，在MyBatis的基础上只做增强不做改变，为简化开发、提高效率而生。三需求分析3.1 系统目标系统运行流畅，不会出现用户请求功能不能实现问题，即使后台发生错误，

6、前台给予用户友好的提醒，提醒用户重新操作或者稍后操作。前台交互友好，成功失败都要给予用户友好的提醒。功能全部完善好。依据以上总体目标，对该系统提出以下需求：(1)系统需要漂亮页面效果，能够快速清晰的了解整个系统所具备的功能，且交互方式友好，让用户对操作成功与否一目了然。(2)系统操作简单，使用户登陆即可知道系统功能，并且使用。(3)数据库设计合理，不要造成数据冗余，竟可能优化性能，提高请求速度。3.2 功能需求(1)注册界面和功能：用户都注册登陆后才能访问系统，注册页面包括：输入账号；输入密码；确认密码；输入用户名；注册按钮提交请求。完成注册提醒注册成功然后页面跳转到首页，用户名不能重复。若用

7、户输入输入已存在用户名，测提醒注册失败，页面不跳转。(2)登录界面和功能：每个用户都需要登陆才能进行操作，登陆页面包括：输入账号；输入密码；输入验证码；登陆按钮提交请求；注册页面超链接。完成登陆提醒登陆成功，用户名错误提醒用户用户名输入错误，密码错误提醒用户密码输入错误，验证码错误提醒用户验证码输入错误。(4)文章浏览界面和功能：文章管理页面在首页，可以浏览发布的文章，包括迷糊搜索文章。管理可对文章进行增删该查，操作完成提醒使用者操作成功或者失败；而用户只能对文章进行浏览，不能添加，修改和删除。(5)写留言界面和功能：用户可在该界面留言，点赞拉黑和回复，操作完成提醒用户操作成功或者失败。管理员

8、可对留言进行删除。(6)相册界面和功能：用户可在该界面进行图片上传，上传后的图片会在该页显示，用户可以浏览图片，管理员可对图片进行删除操作。(7)商店界面和功能：用户可在该界面进行商品浏览，点击商品可跳转至商品详情页，里面显示商品的所有信息，还可扫码添加卖家qq或者微信。管理员可对商品上架和下架。操作完成提醒操作成功或者失败。(8)关于系统界面和功能：网站信息，没有功能。(9)用户管理界面和功能：管理员才能进的页面。查看所有用户和删除用户。(IO)用户个人信息界面和功能：用户查看个人信息，还可编辑自己的信息，修改头像。修改完成提醒修改完成，修改失败提醒修改失败。(11)用户个人播客界面和功能：

9、用户查看自己所有留言，对历史留言可以删除。删除成功提醒删除成功，失败提醒失败。3.3 性能要求电脑手机浏览器运行，推荐使用谷歌浏览器四系统设计4.1 系统功能总体设计4.2 图4-1-1系统结构图4.3 系统详细设计4.3.1 开发流程在开发博客系统时，首先进行需求分析，进而对系统进行总体的设计规划,再设计数据库库，然后编码，最后测试，本系统的开发流程如图4-2所示图4-2-1-1开发流程422用户登陆为了保证系统的安全性，要使用本系统必须先登陆到系统中。其登录流程图如图4-2-2-1所示。图4-2-2-1登陆流程4.2.3操作流程用户打开系统，首先进入系统登录界面，用户需通过正确的用户名、密

10、码、验证码进行登录，系统会进行检查用户登录信息，信息正确则进入对应用户功能界面，可进行功能操作处理，否则提示信息错误，登录失败。博客系统操作流程如图4-3-3-1所示。图4-2-3-1操作流程4.3系统数据库统计4.3.1数据库表联系商品表(store)文章表S类型idbig!userJdbiginttit1evarcharwbbe4dvarchrcontentvarcharcreaedatedatetimeupdtesd4tedatetimedeee-status*留言表idb9tUSOrjdbgintcontentvrcarcret.dtdatetimeupdte.datedatetime

11、de1ete/UtUSintUPitdownint留言回复表idbigituserJdbigintb1ogJdbigintcontentvarcharCrUate_datedatetimeUPdate.datedatetimedoet.StatUSint相册表idbigiMuserJdbiganturvarcharcontentvarcharcreate-dMedatetimeupdte-datedteimede1etatusint用户表idbi9tusernamevarcharpasswordvrchrnmevarcharro1evarcharsexmtphonevarcharemai1varchraddressvarcharUserJmgvarcharcreateasdatedatetimeupdatedatedatetimede1ete_$ttuSinfd叔鼻nu11K1202050200200000200000000020205000025500000000aQ202020200002000000042020150200020000000203020010200200