xiyan-blog
xiyan-blog copied to clipboard
夕颜博客,一个基于微服务架构的前后端分离博客源码系统。Web端使用Vue + iView , 并且很好的适配移动端。后端使用SpringCloudAlibaba + mybatis-plus进行开发,使用 Jwt 做登录验证,使用ElasticSearch作为全文检索...
夕颜博客(K8S+Docker Compose容器编排+集成支付)
介绍
夕颜博客,一个基于微服务架构的前后端分离博客源码系统。Web端使用Vue + iView , 并且很好的适配移动端,目前支付宝小程序,微信小程序版,QQ小程序版,百度小程序版,字节跳动小程序版,Android版,IOS版,快应用版,360小程序版,H5版,采用的技术uniapp进行开发,一套代码发布10个平台,后端使用SpringCloudAlibaba + mybatis-plus进行开发,使用 Jwt 做登录验证,使用ElasticSearch作为全文检索服务,使用sentinel实现网关限流,熔断,降级,使用zipkin实现链路追踪,使用seate实现分布式事务,使用spring cloud stream 消息队列使用kafka,分布式任务调度XXL-JOB,使用ELK+Kafka+Filebeat日志收集,文件上传使用七牛云,数据加密AES,采用Nuxt.js作为服务端SSR渲染,加快SEO优化加快爬虫抓取,有Vue和Nuxt二套前端源码,个人免签支付系统采用的技术是SpringBoot+Layui+DB2+JPA,支持Linux和Windows一键部署夕颜博客系统,非常适合需要学习微服务的人才,采用K8S和docker compose二种容器编排模式 如果不喜欢粒子特效的可以在App.vue里面进行注释,觉得不错的,帮忙点个star
微信公众号,每天给大家提供技术干货 | QQ群欢迎各位一起来交流技术,探讨技术,互相学习 |
---|---|
![]() |
![]() |
站点演示
【夕颜Vue前端】:http://vue.xiyanit.cn/
【夕颜支付】:http://pay.xiyanit.cn/
【夕颜后台管理系统】:http://manage.xiyanit.cn/
支付宝小程序版 | 微信小程序版 |
---|---|
![]() |
![]() |
H5版 | QQ小程序版 |
![]() |
![]() |
Android版 | |
![]() |
系统架构图
后端技术
技术 | 说明 | 官网 |
---|---|---|
SpringBoot | MVC框架 | https://spring.io/projects/spring-boot |
SpringCloud | 微服务框架 | https://spring.io/projects/spring-cloud/ |
MyBatis-Plus | ORM框架 | https://mp.baomidou.com/ |
Swagger-UI | 文档生产工具 | https://github.com/swagger-api/swagger-ui |
Kibana | 分析和可视化平台 | https://www.elastic.co/cn/kibana |
Elasticsearch | 搜索引擎 | https://github.com/elastic/elasticsearch |
Filebeat | 轻量型数据采集器 | https://www.elastic.co/cn/beats/filebeat |
Logstash | 用于接收Kafka的数据并处理 | https://www.elastic.co/cn/logstash |
kafka | 消息队列 | http://kafka.apache.org/ |
邮箱 | ||
Seata | 分布式事务 | http://seata.io/zh-cn/ |
Spring Security | 安全框架 | https://spring.io/projects/spring-security/ |
fastjson | Json数据化 | https://github.com/alibaba/fastjson/ |
Sentinel | 流量管理 | https://github.com/alibaba/Sentinel |
Redis | 分布式缓存 | https://redis.io/ |
Docker | 容器化部署 | https://www.docker.com |
Hikari | 数据库连接池 | https://github.com/brettwooldridge/HikariCP |
七牛云 | 七牛云 - 对象储存 | https://developer.qiniu.com/sdk#official-sdk |
JWT | JWT登录支持 | https://github.com/jwtk/jjwt |
SLF4J | 日志框架 | http://www.slf4j.org/ |
Lombok | 简化对象封装工具 | https://github.com/rzwitserloot/lombok |
Nginx | HTTP和反向代理web服务器 | http://nginx.org/ |
Hutool | Java工具包类库 | https://hutool.cn/docs/#/ |
AES | 数据加解密 | https://blog.csdn.net/qq_40942490/article/details/107283195 |
Zipkin | 链路追踪 | https://github.com/openzipkin/zipkin |
第三方登录 | QQ 微博 | |
xxl-job | 分布式任务调度 | https://www.xuxueli.com/xxl-job/ |
前端技术
技术 | 说明 | 官网 |
---|---|---|
Vue.js | 前端框架 | https://vuejs.org/ |
Vue-router | 路由框架 | https://router.vuejs.org/ |
Vuex | 全局状态管理框架 | https://vuex.vuejs.org/ |
Nuxt.js | 创建服务端渲染 (SSR) 应用 | https://zh.nuxtjs.org/ |
iView | 前端ui框架 | http://v1.iviewui.com/docs/introduce |
Axios | 前端HTTP框架 | https://github.com/axios/axios |
mavon-editor | 富文本编辑器 | https://www.npmjs.com/package/mavon-editor |
Highlight.js | 代码语法高亮插件 | https://github.com/highlightjs/highlight.js |
bright-comment | Vue Emoji表情评论组件 | https://gitee.com/bright-boy/bright-comment |
vue-touch | 移动端手指滑动插件 | https://github.com/vuejs/vue-touch |
vue-particles | 粒子特效 | https://github.com/whq920729/vue-particles |
vue-social-share | 分享插件 | https://github.com/nicolasbeauvais/vue-social-sharing |
crypto-js | 数据加密 | https://www.npmjs.com/package/crypto-js |
vue-star-plus | 点赞插件 | https://github.com/vue-cabin/vue-star-plus |
vue-video-player | 视频播放器 | https://github.com/weilanwl/ColorUI |
@moefe/vue-aplayer | 音乐播放器 | https://www.npmjs.com/package/@moefe/vue-aplayer |
wangeditor | wangeditor富文本编辑器 | http://www.wangeditor.com/ |
v-viewer | 富文本图片预览插件 | https://www.npmjs.com/package/v-viewer |
vue-monoplasty-slide-verify | vue滑动验证码 | https://github.com/monoplasty/vue-monoplasty-slide-verify |
环境要求
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开发手册(嵩山版) 链接:https://pan.baidu.com/s/1KVEVXtpt7qEtKM__-00ysw 提取码:w0n3
-
- doc
1.1. - 数据库脚本
1.2. docker compose 一键部署脚本
1.3. 本地后端和前端构建镜像脚本
1.4. K8S 一键部署博客脚本
1.5. Nginx部署配置文件
- doc
-
- xiyan-parent
2.1. - xiyan-gateway gateway 网关
2.2. - xiyan-web-service 夕颜web服务
2.3. - oss-service 文件服务
2.4. - system-base-service 系统基础服务
2.5. - backstage-service 夕颜后台服务
2.6. - user-oauth2-auth 认证服务
2.7. - user-oauth2-auth-api 认证Feign调用api
2.8. - search-service 搜索服务
2.9. - admin-server Spring Boot Admin监控服务
- xiyan-parent
-
- nuxt-xiyan-frontend 夕颜源码Nuxt前端
-
- vue-xiyan-frontend 夕颜源码Vue前端
-
- vue-xiyan-backstage 夕颜源码后台管理系统
-
- xiyan-pay 夕颜个人免签支付
-
- xxl-job 分布式任务调度
项目地址
目前项目托管在 Gitee 和 Github 平台上中,欢迎大家 Star 和 Fork 支持~
Gitee地址:https://gitee.com/bright-boy/xiyan-blog
Github地址:https://github.com/694475668/xiyan-blog
部署项目文档
https://bright-boy.gitee.io/docs
备用文档
http://doc.xiyanit.cn/
后期计划:
- [x] 个人在线支付
- [x] ElasticSearch全文检索
- [x] 七牛云对象存储
- [x] 在线评论,回复,(支持表情)
- [x] 集成wangEditor和mavon双编辑器
- [x] ELFK+Kafka高吞吐量采集日志
- [x] Docker compose实现容器编排与管理
- [x] 毕设源码
- [x] 在线电视直播
- [x] 集成Spring Security安全框架
- [x] 在线留言板
- [x] 第三方QQ,微博登陆
- [x] Vue改造Nuxt
- [x] K8S部署夕颜博客
- [x] 后台管理系统
- [x] 夕颜博客App
- [x] 夕颜博客小程序
- [ ] 在线聊天
- [ ] 夕颜App扫码登录web端
- [ ] 夕颜课堂
- [ ] 个人中心
项目中初始用户和密码
后台:test 密码:yoostar403
Mysql:用户:root,密码:yoostar403
Redis:密码:yoostar403
Nacos管理页面: 用户:nacos,密码:nacos
Sentinel管理页面: 用户:sentinel,密码:sentinel
xxl-job: 用户:admin,密码:123456
支付: 用户:admin,密码:admin
Vue改Nuxt全面的SEO收录报告
小程序,App截图
移动端截图
PC端截图
登陆注册页
毕设源码栏目
开发工具栏目
技术交流栏目
说说交流栏目
金币充值栏目
排行榜栏目
留言板栏目
电视直播栏目
内容详情
评论
夕颜后台管理系统第一版
支付系统