[前端项目]vue+springcloud的博客系统

4 篇文章 0 订阅
4 篇文章 0 订阅

Part1项目名称

《豆子前端博客系统》

Part2项目定位

  • 个人博客系统

  • 后台管理系统

  • 单点登录系统

  • 知识分享平台

Part3项目周期

2020-11 ~ 至今

系统基本稳定,但仍在改进和维护

Part4项目介绍

  • 《豆子前端博客系统》是我本人个人经过课程学习后开发和使用的博客系统。

  • 前端模块包括:博客模块(评论、点赞、浏览数)、问答模块、归档模块(类别和标签)、壁纸分享模块、自我介绍模块

  • 后台管理模块包括:博客管理(文章、分类、标签增删查改)、轮播图管理、系统管理(用户管理、角色管理、菜单管理)

  • 单点登录:登录成功后,在统一的二级域名的cookies将部分用户信息和refreshToken和accessToken存储起来。

  • 后端:基于springcloud+docker应用容器搭建的后台restful接口服务。

1项目在线地址

多说无益,还是劳烦大家直接在线上看项目吧!

更新:服务器没钱付费啦!所以网站暂时停掉了

博客:http://blog.douziqianduan.icu/

后台管理:http://admin.douziqianduan.icu/

单点登录:http://login.douziqianduan.icu/

api统一接口:http://api.douziqianduan.icu/

nacos:http://106.13.13.79:8848/nacos/index.html

2技术栈

  • 架构:前后端分离

  • 开发IDE:Inteillj、Webstorm

前端部分

  • 博客系统:vue2.6 + nuxt2.0(服务端渲染)+ element-ui2.13(UI框架)+ mavon-editor(md编辑)+ axios(网络请求)+ vuex

  • 后台管理系统:vue2.6  + vue-admin-template(二次开发) + axios(网络请求)+ vuex

  • 单点登录系统:vue2.6 + axios(网络请求)+ vuex

  • 测试模拟数据:EasyMock

后端部分

  • 语言:jdk9

  • 依赖管理:maven3.6

  • 框架:Spring Boot2.3.2 + Spring Cloud

  • 配置管理&注册中心:Alibaba nacos1.41

  • 认证技术:Spring Security OAuth2 + jwt

  • 服务网关:Spring Cloud Gateway

  • 服务调用:Spring Cloud Feign

  • 缓存数据库:redis5.0

  • 数据库:mysql5.7

  • 数据库连接池:druid

  • 接口文档:swagger-ui

  • 对象存储:阿里云对象存储OSS

  • 部署:docker容器技术

Part5项目仓库地址

  • 个人博客系统:https://gitee.com/BruceCat/vue-nuxt-blog-front-end

  • 博客后台管理系统:https://gitee.com/BruceCat/mengxuegu-blog-admin

  • 博客单点登录系统:https://gitee.com/BruceCat/vue-nuxt-blog-sso.git

  • 博客spring cloud后端:https://gitee.com/BruceCat/mengxuegu-blog-server.git

Part6部分项目截图

3个人博客

image-20210414155735678

image-20210414155851869

4后台管理

image-20210414194608965

image-20210414195212715

5单点登录

image-20210414160112088

6运行、部署

image-20210414194240999

image-20210414194409962

7swagger文档

image-20210414212306427

### 回答1: VueSpringCloud是两个独立的技术,分别用于前端和后端开发。在一个电商项目中,Vue通常用于构建前端界面和实现交互逻辑,而SpringCloud用于实现后端的业务逻辑和系统架构。 Vue是一个前端框架,它的特点是轻量级、灵活和易学习,非常适合开发单页面应用。Vue使用组件化的思想,将一个页面分解为多个独立的组件,每个组件负责不同的功能,从而实现页面的高复用性和可维护性。在电商项目中,可以使用Vue来实现商品列表、购物车、订单管理等功能页面。 SpringCloud是一个微服务框架,它提供了一系列的服务组件和工具,用于快速开发、部署和管理分布式系统SpringCloud基于Spring Boot,可以轻松地与其他Spring组件集成,如Spring MVC、Spring Data等。在电商项目中,可以使用SpringCloud来实现用户管理、商品管理、订单管理等后端服务。 关于电商项目的源码,一般来说,前端和后端的源码是分开的。前端的源码主要是基于Vue进行开发,通常包含HTML、CSS、JavaScript等文件。而后端的源码主要是基于SpringCloud进行开发,通常包含Java代码、配置文件等。 前端的源码主要用于构建用户界面和实现页面交互逻辑。它通过调用后端的接口获取数据,并将数据展示给用户。用户在前端界面上的操作会触发相应的事件,前端通过调用后端的接口来处理这些事件。 后端的源码主要用于实现业务逻辑和系统架构。它通过定义接口、编写业务逻辑和调用后台数据库等方式来处理请求。这些请求可以来自前端,也可以来自其他后端服务。 总之,VueSpringCloud是电商项目中常用的技术,用于实现前端和后端的功能。电商项目的源码通常分为前端和后端两部分,前端主要基于Vue开发,后端主要基于SpringCloud开发。 ### 回答2: Vue springcloud 电商项目源码是一个基于 Vue.js 和 Spring Cloud 架构开发的电商项目的代码,它提供了一个完整的电商平台的功能。 Vue.js 是一个流行的前端框架,通过使用它,开发人员可以轻松地构建用户界面。Vue.js 对数据的双向绑定和组件化的开发方式,使得开发人员能够高效地开发出动态和可交互的用户界面。 Spring Cloud 是一个微服务架构的解决方案,它提供了一套完整的解决方案来构建分布式系统。通过使用 Spring Cloud,开发人员可以轻松实现服务注册与发现、负载均衡、熔断器等功能,从而简化了分布式系统的开发和部署。 这个电商项目源码结合了 Vue.js 和 Spring Cloud 的优点,提供了一个高可扩展性、易于维护的电商平台。它包含了用户注册、登录、商品浏览、购物车管理、订单管理、支付等常见的电商功能。开发者可以根据实际需求对其进行定制和扩展。 该项目源码还提供了一套完整的开发文档和示例,开发人员可以根据文档来了解项目的整体架构和各个模块的功能实现细节,从而快速上手并进行二次开发。 总之,Vue springcloud 电商项目源码是一个基于 Vue.js 和 Spring Cloud 架构开发的电商项目的代码,提供了一个完整的电商平台的功能,并附带了详细的开发文档和示例,方便开发人员进行二次开发和定制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值