Vue+SpringBoot+MySQL 前后端分离搭建个人博客

最新推荐文章于 2024-07-30 13:51:05 发布
最新推荐文章于 2024-07-30 13:51:05 发布
阅读量2k 收藏 10
点赞数 3
分类专栏： 前端 文章标签： vue springboot mysql blog personal
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40996400/article/details/105523320
版权

一 简介

主页：http://starss.me/

技术选型：SpringBoot + Vue(Vue cli + Vuex …) + MySQL

时间周期：十天

前后端分离，其中前端部署在GitHub pages，后端部署在阿里云。

二 博客页面

博客分为Home | Archives | Tags | Search | About | Link 五个部分。

2.1 Home

PC：
在这里插入图片描述

Mobile：

image-20200414221629119
2.2 Archives

在这里插入图片描述

2.3 Tags

在这里插入图片描述

2.4 Search

支持关键字查询。

在这里插入图片描述

2.5 About

在这里插入图片描述

2.6 Link

在这里插入图片描述

三 后台管理

由于时间原因，目前在后台管理部分仅实现了登陆验证，markdown格式发布，博文管理(增删改查)功能，其余部分将陆续上线。在此不进行展示。

四 参考

A. http://codingxiaxw.cn/

B. https://www.myong.top/

Github

https://github.com/Civitasv/blog
如果觉得不错，记得给个star噢

Civitasv
关注
  • 3
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
MySql+SpringBoot+Vue 搭建一个完整的前后端分离项目
weixin_44062380的博客
04-16 7067
完整项目搭建流程 虽说 SpringBoot 相较于 SSM 框架，大大减轻了配置的繁琐，但是，要整合 MyBatis ，统一异常处理，Vue等一系列东西，还是要费一番劲的。 这次将创建的整个流程记录下来，方便以后的项目搭建。 要搭建一个完成的前后端分离项目，分为这么几个部分：数据库、后端、前端 如果是为微信小程序搭建一个后端服务，那就只要看到数据库、后端就可以了 数据库 一般在新建项目的时候，我们会选择专门为这个项目新建一个用户，并为这个用户，赋予只属于这一个项目的所有权限 1. 连接 admin 只有
Java Spring-boot mybatis mysql vue 前后端完全分离的后台管理系统
05-22
项目采用SpringBoot+Vue开发。 ## 后端技术栈 1.SpringBoot 2.SpringSecurity 3.MyBatis 4.MySQL ## 前端技术栈 1.Vue 2.ElementUI 3.axios 4.vue-router 具体详细配置以及运行请参照压缩包里的readme.md
SpringBoot + Vue + MySql项目快速上手（前后端分离项目）（一）
qq_44988175的博客
07-10 2377
基于SpringBoot+Vue+MySql的前后端分离项目（一）
后台管理系统(springboot+vue3+mysql)
最新发布
心态的博客
07-30 616
在我们做项目时，都会用到后台管理系统。使得管理员可以通过该平台来维护前台的数据，查看一些数据的趋势等。所以开发后台管理系统基本是每个项目必备的一环，但大多数都是重复的增删改查操作。而且模版都长得差不多，怎么可以快速开发一个后台管理系统呢？这里我推荐大家使用开源的项目[vue-element-admin](https://gitee.com/youlaiorg/vue3-element-admin)在这个基础上去开发特定需求的效果。这样可以节省大量不必要的时间。
springboot vue组件写的个人博客系统
推理小孩的博客
02-07 1865
springboot vue组件写的个人博客系统 个人写的博客管理系统，学习java不到一年 欢迎探讨交流学习 https://github.com/Arsense/ssmBlog  项目地址 如果觉得好的 帮忙star一下 谢谢! 基本技术 环境: Springboot+mysql+admintle+vue.js+mybatis环境搭建的个博客 ...
Vue博客前端页面及交互
qq_45366447的博客
04-22 3004
二、Vue前端 接下来，我们来完成vueblog前端的部分功能。可能会使用的到技术如下： vue element-ui axios mavon-editor markdown-it github-markdown-css 1、环境搭建 1 下载node.js node.js官网 检查版本（是否安装成功） 2 安装Vue环境 # 安装淘宝 npm npm install -g cnpm --registry=https://registry.npm.taobao.org # vue-cli 安装依赖包
基于Vue+SpringBoot+Mybatis Plus+MySql+UniApp的前后端分离在线学习平台系统，包.zip
02-22
这是一个全面的在线学习平台系统的实现，采用了现代Web开发的主流技术栈，包括前端的Vue.js、后端的SpringBoot框架、数据库管理系统MySql以及Mybatis Plus作为数据操作的增强工具。下面将对这些关键技术进行详细解释...
SpringBoot+vue+mysql前后端分离的社区养老管理系统的开发
02-20
SpringBoot+vue+mysql前后端分离的社区养老管理系统的开发 此项目是一款采用SpringBoot+vue+mysql前后端分离的项目，用于社区养老登记造册、服务管理、服务发布、志愿者招募等。 资料中包含，系统部署文档，sql等，...
java+手把手vue+springboot前后端分离项目实战---社区项目后端代码.zip
08-17
本项目是一个基于Java、Vue和SpringBoot的前后端分离实战案例，主要涵盖了社区类Web应用的后端开发。在这个项目中，我们将深入学习和实践如何使用这些技术来构建一个功能完善的社区平台。以下是对该项目涉及的技术点...
基于Springboot+MyBatisPlus+Vue前后端分离大学生毕业论文答辩系统
06-08
《基于Springboot+MyBatisPlus+Vue前后端分离大学生毕业论文答辩系统》是一个现代的、高效的、全栈式开发的Web应用，旨在为大学生提供一个便捷的毕业论文答辩管理平台。该系统充分利用了Springboot、MyBatisPlus和...
（二） 用户管理页面--基于SpringBoot+MySQL+Vue+ElementUI+Mybatis前后端分离面向小白管理系统搭建
wdyan297的博客
01-15 5221
前一个任务中，我们完成了项目开发环境和运行环境的搭建。本次任务开始，我们将正式进入后台管理系统搭建。 说明：如果对VUE的基本框架不太熟悉，我们将在*任务六-前后端数据跨域连接之一-分页查询*中进行介绍。 一般后台管理系统的核心就是用户管理、角色管理（含权限分配）、菜单管理，以及一些业务管理。业务管理通常以及根据不同的角色进行了权限分配。本次任务完成用户管理页面。
spring+springmvc+mybatis搭建的一个佳期酒店管理系统附带mysql数据库
04-26
spring+springmvc+mybatis搭建的一个佳期酒店管理系统附带mysql数据库
SpringBoot +vue 框架项目.zip
05-23
SpringBoot +vue 框架项目 代码简洁优秀 注释清楚 可以拿来直接进行二次开发 欢迎程序员们一起努力进步！
基于SSM+SpringBoot+Vue+MySQL前后端分离的高校宿舍管理系统
m0_59652139的博客
10-26 1704
项目运行截图 技术描述 开发工具： idea/eclipse 数据库： mysql Jar包仓库： Maven 前段框架： vue/ElementUI 后端框架： spring+springmvc+mybatis+springboot 资料说明 基于SSM+SpringBoot+Vue+MySQL前后端分离的高校宿舍管理系统，包含管理员，宿舍管理员，学生等多种用例角色。整体功能包含学生宿舍管理，宿舍管理，学生管理，学生管理，班级管理，宿舍楼管.
基于SpringBoot + Vue的个人博客系统06——前端环境搭建
芊雨的博客
08-30 2340
1、使用 vue-cli 创建项目，并且安装依赖 vue-cli文档： https://cli.vuejs.org/zh/ 说明： 博客样式仿照 reco ，官网：https://vuepress-theme-reco.recoluan.com/，reco 是基于 VuePress 的一个静态博客，如果只是想搭建静态博客的话 reco 可以是一个好的选择，托管到 gitee page 或者 github page 上都很方便。 使用 npm install XXX 命令安装如下依赖： // pa
基于SpringBoot + Vue的个人博客系统05——时间线接口
芊雨的博客
08-28 896
简介 博客一般都会有一个时间线，本篇介绍时间线接口的实现 代码实现 1、开发时间线功能之前，我们先将数据库中的文章时间打乱，这样的话按照年份汇总会显得比较均匀 package pers.qianyucc.qblog.service; import cn.hutool.core.util.*; import lombok.extern.slf4j.*; import org.junit.*; import org.junit.runner.*; import org.springframework.bean
基于Spring Boot+Vue的博客系统 23——博客前台细节优化
芊雨的博客
10-26 556
使用history路由 vue-router 默认 hash 模式 —— 使用URL的hash来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 我们可以在/src/router/index.js中修改router配置，使用history模式的路由。 当使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id。 ...
Spring boot+Shiro+ spring MVC+swagger UI +Mybatis+mysql+Vue +Element UI 之一vue和spring boot整合
Just Do It!
12-21 4300
1 为什么是vue+spring boot技术选型核心框架：Spring Boot 1.5安全框架：Apache Shiro 1.3视图框架：Spring MVC 4.3持久层框架：MyBatis 3.3定时器：Quartz 2.3数据库连接池：Druid 1.0日志管理：SLF4J 1.7、Log4j页面交互：Vue2.x为什么是MVVM那么在我继续之前，我也想和大家回顾一下Web开发的发展简史...
基于SpringBoot + Vue的个人博客系统15——写文章功能
芊雨的博客
09-01 3984
简介 写文章页面，使用 Markdown 编辑器， 关于Markdown编辑器，vue-admin-template 默认使用的是 tui.editor ，这里使用 mavonEditor，因为 mavonEditor 的用法更加简单，文档也通俗易通，而且个人感觉样式更加美观，可以根据个人喜好自行选择。 tui.editor : https://github.com/nhnent/tui.editor mavonEditor : https://github.com/hinesboy/mavonEdito
SpringBoot+Vue+MyBatisPlus：实战前后端分离项目与权限管理系统
本资源是一份实战指南，详细介绍了如何使用Spring Boot、Vue.js以及MyBatisPlus技术构建一个前后端分离的项目——VueAdmin权限管理系统。作者“虾米大王”通过该教程，旨在帮助读者从零开始学习和搭建一个高效开发...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值