资料详情

基于Vue+SpringCloud+MySQL的前后端分离的博客网站设计与实现 毕业论文+前后端源码及数据库表

头像

JAVA/JSP

编号:547

基于Vue+SpringCloud博客的设计与实现

摘  要

博客是用来分享自己的心情和动态拉近人与人之间的距离,它改变了人们的在网上的交流方式,也增强了互联网的趣味性。 “微服务”是最近两年开始流行起来,但是其实早在20年前都有专家提出过,只不过当时的用户量并不像现在那么高。例如:一个系统的功能越丰富就会导致技术债务越多,但是基于单体应用(一个war包)开发的代码库越来越臃肿,可维护性差,代码“不坏不修”。为此,引入“微服务”架构的方式可以改善这个状况,每个微服务中心均在独立的进程中负责每种功能的业务,由一系列独立运行的微服务中心共同构建整个系统。现在web的前后端分离是企业的一种趋势,前后端分离同样也是技术创新的一种体现。得益于开发分离的趋势,Vue与SpringCloud的组合方式在如今的Web网站开发中占据重要的位置。

关键字: 微服务,Vue,SpringCloud.


Design and implementation of blog based on Vue + spring cloud

ABSTRACT

Blog is used to share their feelings and dynamically close the distance between people. It changes the way people communicate on the Internet, and also enhances the interest of the Internet. "Micro service" has become popular in the past two years, but in fact, it was proposed by experts as early as 20 years ago, but the user volume at that time was not as high as it is now. For example, the more functions a system has, the more technical debts it will incur. However, the code base developed based on single application (a war package) is becoming more and more bloated, with poor maintainability and "no damage, no repair" of the code. Therefore, the introduction of "micro service" architecture can improve this situation. Each micro service center is responsible for the business of each function in an independent process, and a series of independent micro service centers jointly build the whole system. Nowadays, the separation of front end and back end of web is a trend of enterprises, and the separation of front end and back end is also a reflection of technological innovation. Thanks to the trend of development separation, the combination of Vue and spring cloud occupies an important position in today's Web site development.

KEY WORDS: Micro service,Vue,SpringCloud.


目 录

摘  要

ABSTRACT

1 绪论

1.1 研究的背景

1.2 研究的目的

2 博客的相关理论与技术

2.1 博客系统理论分析

2.1.1 博客的微服务分析

2.1.2 博客的分布式分析

2.1.3 关于分布式锁分析

2.1.4 博客的高可用分析

2.2 前端的搭建

2.2.1 Node-Npm简介

2.2.2 采用的UI框架

2.2.3 v-charts图表

2.3 Vue架构

2.3.1 关于MVVM模式

2.3.2 关于Vue的生命周期

2.3.3 Ajax运行原理分析

2.3.4 使用Axios的原因

2.4 SpringCloud架构

2.4.1 SpringCloud框架

2.4.2 Zuul路由网关

2.4.3 Eureka服务发现组件

2.4.4 Feign负载均衡

2.4.5 Hystrix容错机制

2.4.6 Turbine聚合微服务

2.4.7 Zipkin跟踪微服务

2.5 Mysql数据库

2.6 Mybatis框架

2.6.1 Mybatis分页插件

2.7 Redis缓存中间件

2.7.1 Redisson综合中间件

2.8 RabbitMQ消息中间件

2.9 Elasticsearch搜索引擎

2.10 阿里云的增值服务

2.10.1 阿里云智能验证

2.10.2 阿里云短信服务

2.10.3 阿里云OSS存储

2.11 关于支付宝支付

2.11.1 同步与异步通知

2.12 本章总结

3 博客的需求分析

3.1 博客的微服务功能分析

3.2 本章总结

4 博客的设计分析

4.1 博客的架构设计

4.2 博客的数据库设计

4.2 本章总结

5 博客的设计实现

5.1 博客总体架构的实现

5.1.1 Vue架构的实现

5.1.2 SpringCloud架构的实现

5.1.3 博客的高可用的实现

5.2 用户的个人中心

5.2.1 登录的智能验证

5.2.2 博客的登录注册

5.2.3 登录的权限验证

5.3 用户的安全中心

5.3.1 用户的安全布局

5.3.2 用户的邮箱注册

5.3.3 用户的手机注册

5.3.4 用户的安全认证

5.3.5 用户的密码安全

5.3.6 用户的账号申诉

5.4 用户的文件中心

5.4.1 用户的头像存储

5.4.2 博客的图片存储

5.5 用户的签到中心

5.6 用户的会员中心

5.6.1 会员的流程控制

5.7 用户的支付中心

5.7.1 用户的支付中心

5.7.2 用户的账户钱包

5.7.3 用户的会员支付

5.7.4 用户的支付账单

5.8 用户的博客中心

5.8.1 用户的访问主页

5.8.2 用户的文章中心

5.8.3 用户的文章布局

5.8.4 点赞用户的文章

5.8.5 收藏用户的文章

5.8.6 评论用户的文章

5.8.7 博客的文章排行榜

5.9 博客的搜索中心

5.9.1 搜索引擎的应用

5.9.2 博客的分类搜索

5.9.3 博客的分类主页

5.10 本章总结

6 博客的测试分析

6.1 博客的请求抗压性分析

6.2 博客的功能扩展性分析

7 博客的注意事项

7.1 博客整合Hystrix后首次请求失败问题

7.2 SpringCloud中Turbine 1.X版本BUG

7.3 关于前后分离的CORS跨域问题

7.3.1 前后端分离的跨域

7.3.2 Nginx反向代理

8 结束语

致  谢

参考文献