博主技术平台地址
博主开源微服架构前后端分离技术博客项目源码地址,欢迎各位star
夕颜博客 (个人支付+K8S和Docker compose一键部署)
支持Linux系统|Windows系统一键部署夕颜博客,详细的部署文档,通过K8S和Docker compose二套容器编排管理
介绍
夕颜博客,一个基于微服务架构的前后端分离博客源码系统。Web端使用Vue + iView , 并且很好的适配移动端。后端使用SpringCloudAlibaba + mybatis-plus进行开发,使用 Jwt 做登录验证,使用ElasticSearch作为全文检索服务,使用sentinel实现网关限流,熔断,降级,使用zipkin实现链路追踪,使用seate实现分布式事务,使用spring cloud stream 消息队列使用kafka,分布式任务调度XXL-JOB,使用ELK+Kafka+Filebeat日志收集,文件上传使用七牛云,数据加密AES,SEO优化加快爬虫抓取,个人免签支付系统采用的技术是SpringBoot+Layui+DB2+JPA,支持Linux和Windows一键部署夕颜博客系统,非常适合需要学习微服务的人才,采用docker compose进行容器编排和管理, , 如果不喜欢粒子特效的可以在App.vue里面进行注释
系统架构图
后端技术
技术 | 说明 | 官网 | |
---|---|---|---|
SpringBoot | MVC框架 | https://spring.io/projects/spring-boot | |
SpringCloud | 微服务框架 | spring.io/projects/sp… | |
MyBatis-Plus | ORM框架 | mp.baomidou.com/ | |
Swagger-UI | 文档生产工具 | https://github.com/swagger-api/swagger-ui | |
Kibana | 分析和可视化平台 | www.elastic.co/cn/kibana | |
Elasticsearch | 搜索引擎 | https://github.com/elastic/elasticsearch | |
Filebeat | 轻量型数据采集器 | www.elastic.co/cn/beats/fi… | |
Logstash | 用于接收Kafka的数据并处理 | www.elastic.co/cn/logstash | |
kafka | 消息队列 | kafka.apache.org/ | |
邮箱 | |||
Seata | 分布式事务 | seata.io/zh-cn/ | |
Spring Security | 安全框架 | spring.io/projects/sp… | |
fastjson | Json数据化 | github.com/alibaba/fas… | |
Sentinel | 流量管理 | github.com/alibaba/Sen… | |
Redis | 分布式缓存 | redis.io/ | |
Docker | 容器化部署 | https://www.docker.com | |
Hikari | 数据库连接池 | github.com/brettwooldr… | |
七牛云 | 七牛云 - 对象储存 | developer.qiniu.com/sdk#officia… | |
JWT | JWT登录支持 | github.com/jwtk/jjwt | |
SLF4J | 日志框架 | www.slf4j.org/ | |
Lombok | 简化对象封装工具 | https://github.com/rzwitserloot/lombok | |
Nginx | HTTP和反向代理web服务器 | nginx.org/ | |
Hutool | Java工具包类库 | hutool.cn/docs/#/ | |
AES | 数据加解密 | blog.csdn.net/qq_40942490… | |
Zipkin | 链路追踪 | github.com/openzipkin/… | |
第三方登录 | QQ 微博 | ||
xxl-job | 分布式任务调度 | www.xuxueli.com/xxl-job/ |
前端技术
技术 | 说明 | 官网 | ||
---|---|---|---|---|
Vue.js | 前端框架 | vuejs.org/ | ||
Vue-router | 路由框架 | router.vuejs.org/ | ||
Vuex | 全局状态管理框架 | vuex.vuejs.org/ | ||
Nuxt.js | 创建服务端渲染 (SSR) 应用 | zh.nuxtjs.org/ | ||
iView | 前端ui框架 | http://v1.iviewui.com/docs/introduce | ||
Axios | 前端HTTP框架 | https://github.com/axios/axios | ||
mavon-editor | 富文本编辑器 | www.npmjs.com/package/mav… | ||
Highlight.js | 代码语法高亮插件 | github.com/highlightjs… | ||
bright-comment | Vue Emoji表情评论组件 | gitee.com/bright-boy/… | ||
vue-touch | 移动端手指滑动插件 | github.com/vuejs/vue-t… | ||
vue-particles | 粒子特效 | github.com/whq920729/v… | ||
vue-social-share | 分享插件 | github.com/nicolasbeau… | ||
crypto-js | 数据加密 | www.npmjs.com/package/cry… | ||
vue-star-plus | 点赞插件 | github.com/vue-cabin/v… | ||
vue-video-player | 视频播放器 | github.com/weilanwl/Co… | ||
@moefe/vue-aplayer | 音乐播放器 | www.npmjs.com/package/@mo… | ||
wangeditor | wangeditor富文本编辑器 | www.wangeditor.com/ | ||
v-viewer | 富文本图片预览插件 | www.npmjs.com/package/v-v… | ||
vue-monoplasty-slide-verify | vue滑动验证码 | github.com/monoplasty/… | ||
prerender-spa-plugin | 预渲染插件 | www.npmjs.com/package/pre… | ||
vue-meta-info | 动态设置meta标签插件 | www.npmjs.com/package/vue… |
环境要求
1. JDK(1.8+)
2. Maven (3.3.0+)
3. Redis服务 (3.0+)
4. MySQL (8.0+)
5. es(6.4)
6. Nginx
7. sentinel
8. kafka
9. ELK+Filebeat
10. Nacos
11. XXL-JOB
12. Seata
13. Zipkin
运行配置
夕颜源码使用了一些监控的 SpringCloud 组件,但是并不一定都需要部署,必须启动的服务包含
nacos,nginx,kafka, redis,mysql,xiyan-gateway,cms-service,oss-service,seate,xxl-job
其它的服务都可以不启动,也不影正常使用,可以根据自身服务器配置来启动
最低配置:1核2G 需要开启虚拟内存 文档地址
推荐配置:2核4G
项目目录
项目开发模式采用阿里巴巴规范进行开发,持久层DO,数据传输层DTO,业务BO,视图层VO Java开发手册(嵩山版) 链接:pan.baidu.com/s/1KVEVXtpt… 提取码:w0n3
-
- doc
1.1. - 数据库脚本
1.2. docker compose 一键部署脚本
1.3. 本地后端和前端构建镜像脚本
- doc
-
- xiyan-parent
2.1. - xiyan-gateway gateway 网关
2.2. - xiyan-web-service 夕颜web服务
2.3. - oss-service 文件服务
2.4. - user-service 用户认证服务
2.5. - search-service 搜索服务
2.6. - admin-server Spring Boot Admin监控服务
- xiyan-parent
-
- xiyan-frontend 夕颜源码前端
-
- xiyan-pay 夕颜个人免签支付
-
- xxl-job 分布式调度任务
项目地址
目前项目托管在 Gitee 和 Github 平台上中,欢迎大家 Star 和 Fork 支持~
Gitee地址:gitee.com/bright-boy/…
Github地址:github.com/694475668/x…
部署项目文档
站点演示
【夕颜前端】:test.xiyanit.cn
测试服务器响应比较慢可以访问线上地址 :xiyanit.cn/
【支付前端】:pay.test.xiyanit.cn
账户密码admin
【夕颜后台】:开发中。。。。。。。
后期计划:
- 个人在线支付
- ElasticSearch全文检索
- 七牛云对象存储
- 在线评论,回复,(支持表情)
- 集成wangEditor和mavon双编辑器
- ELFK+Kafka高吞吐量采集日志
- Docker compose实现容器编排与管理
- 毕设源码
- 在线电视直播
- 集成Spring Security安全框架
- 在线留言板
- 第三方QQ,微博登陆
- Vue单页面动态SEO优化
- K8S部署夕颜博客
- 在线聊天
- 夕颜课堂
- 个人中心
- 爬虫系统
- 后台管理系统
项目中初始用户和密码
Mysql:用户:root,密码:yoostar403
Redis:密码:yoostar403
Nacos管理页面: 用户:nacos,密码:nacos
Sentinel管理页面: 用户:sentinel,密码:sentinel
xxl-job: 用户:admin,密码:123456
支付: 用户:admin,密码:admin
移动端截图
PC端截图
登陆注册页
毕设源码栏目
开发工具栏目 技术交流栏目
排行榜栏目
留言板栏目
电视直播栏目
内容详情
评论
支付截图
目前项目托管在 Gitee 和 Github 平台上中,欢迎大家 Star 和 Fork 支持~