• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

夕颜博客: 夕颜博客,一个基于微服务架构的前后端分离博客源码系统。Web端使用Vue + i ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

夕颜博客

开源软件地址:

https://gitee.com/bright-boy/xiyan-blog

开源软件介绍:

夕颜博客(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.xiyankt.com/
【夕颜支付】:http://pay.xiyankt.com/
【夕颜后台管理系统】:http://manage.xiyankt.com/
【技术笔记】: https://bright-boy.gitee.io/technical-notes

技术笔记微信小程序版
支付宝小程序版QQ小程序版
Android版H5版

系统架构图

输入图片说明

后端技术

技术说明官网
SpringBootMVC框架 https://spring.io/projects/spring-boot
SpringCloud微服务框架https://spring.io/projects/spring-cloud/
MyBatis-PlusORM框架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/
mail邮箱
Seata分布式事务http://seata.io/zh-cn/
Spring Security安全框架https://spring.io/projects/spring-security/
fastjsonJson数据化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
JWTJWT登录支持https://github.com/jwtk/jjwt
SLF4J日志框架http://www.slf4j.org/
Lombok简化对象封装工具 https://github.com/rzwitserloot/lombok
NginxHTTP和反向代理web服务器http://nginx.org/
HutoolJava工具包类库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-commentVue 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
wangeditorwangeditor富文本编辑器http://www.wangeditor.com/
v-viewer富文本图片预览插件https://www.npmjs.com/package/v-viewer
vue-monoplasty-slide-verifyvue滑动验证码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. Nginx7. sentinel8. kafka9. ELK+Filebeat10. Nacos11. XXL-JOB12. Seata13. 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部署配置文件
    • 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监控服务
    • 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/xiyan-blog-deployment-document

备用文档

http://doc.xiyankt.com/

后期计划:

  •    个人在线支付
  •    ElasticSearch全文检索
  •    七牛云对象存储
  •    在线评论,回复,(支持表情)
  •    集成wangEditor和mavon双编辑器
  •    ELFK+Kafka高吞吐量采集日志
  •    Docker compose实现容器编排与管理
  •    毕设源码
  •    在线电视直播
  •    集成Spring Security安全框架
  •    在线留言板
  •    第三方QQ,微博登陆
  •    Vue改造Nuxt
  •    K8S部署夕颜博客
  •    后台管理系统
  •    夕颜博客App
  •    夕颜博客小程序
  •    在线聊天
  •    夕颜App扫码登录web端
  •    夕颜课堂
  •    个人中心

项目中初始用户和密码

后台:admin 密码:yoostar503#
Mysql:用户:root,密码:root
Nacos管理页面: 用户:nacos,密码:nacos
Sentinel管理页面: 用户:sentinel,密码:sentinel
xxl-job: 用户:admin,密码:123456
支付: 用户:admin,密码:admin

Vue改Nuxt全面的SEO收录报告

输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明

小程序,App截图

输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明

移动端截图

输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明

PC端截图

登陆注册页输入图片说明输入图片说明毕设源码栏目输入图片说明开发工具栏目输入图片说明技术交流栏目输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明

说说交流栏目输入图片说明金币充值栏目输入图片说明排行榜栏目输入图片说明留言板栏目输入图片说明电视直播栏目输入图片说明输入图片说明内容详情输入图片说明输入图片说明输入图片说明评论输入图片说明

夕颜后台管理系统第一版

输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明

支付系统

输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap