Skip to content

mao888/personal-blog

Repository files navigation

项目:Vue-SpringBoot-PersonalBlog

个人博客网址http://www.huchao.vip/blogs

CSDN:毛_三月

介绍

一个基于SpringBoot + Vue+MybatisPlus+Shiro+JWT+Redis开发的前后端分离博客项目,带有超级详细开发文档。还未接触过vue或springboot开发,或者前后端分离 的同学,学起来哈。别忘了给PersonalBlog一个star!感谢

vueblog-vue的项目结构

├── README.md            项目介绍
├── index.html           入口页面
├── build              构建脚本目录
│  ├── build-server.js         运行本地构建服务器,可以访问构建后的页面
│  ├── build.js            生产环境构建脚本
│  ├── dev-client.js          开发服务器热重载脚本,主要用来实现开发阶段的页面自动刷新
│  ├── dev-server.js          运行本地开发服务器
│  ├── utils.js            构建相关工具方法
│  ├── webpack.base.conf.js      wabpack基础配置
│  ├── webpack.dev.conf.js       wabpack开发环境配置
│  └── webpack.prod.conf.js      wabpack生产环境配置
├── config             项目配置
│  ├── dev.env.js           开发环境变量
│  ├── index.js            项目配置文件
│  ├── prod.env.js           生产环境变量
│  └── test.env.js           测试环境变量
├── mock              mock数据目录
│  └── hello.js
├── package.json          npm包配置文件,里面定义了项目的npm脚本,依赖包等信息
├── src               源码目录 
│  ├── main.js             入口js文件
│  ├── app.vue             根组件
│  ├── components           公共组件目录
│  │  └── title.vue
│  ├── assets             资源目录,这里的资源会被wabpack构建
│  │  └── images
│  │    └── logo.png
│  ├── routes             前端路由
│  │  └── index.js
│  ├── store              应用级数据(state)状态管理
│  │  └── index.js
│  └── views              页面目录
│    ├── hello.vue
│    └── notfound.vue
├── static             纯静态资源,不会被wabpack构建。
└── test              测试文件目录(unit&e2e)
  └── unit              单元测试
    ├── index.js            入口脚本
    ├── karma.conf.js          karma配置文件
    └── specs              单测case目录
      └── Hello.spec.js

技术栈:

技术栈

安全框架整合

shiro整合jwt逻辑分析

项目效果:

登录

登录界面

博客主页

image

博客详情页

博客详情页

发表博客

发表博客

留言界面

image

项目文档:

博客网址: http://www.huchao.vip/blogs

项目资源链接:【Vue+SpringBoot】超详细!一周开发一个SpringBoot + Vue+MybatisPlus+Shiro+JWT+Redis前后端分离个人博客项目!!!【项目完结】 https://blog.csdn.net/qq_45696377/article/details/120049495

Githubhttps://mao888.github.io/Personal-blog/

项目视频讲解:【一周速成】Vue+SpringBoot前后端分离个人博客搭建!!!【简单易学】 https://www.bilibili.com/video/BV1VU4y1P7AJ?spm_id_from=333.999.0.0

项目部署: 1、Docker-compose+nginx部署SpringBoot+Vue前后端分离项目 https://blog.csdn.net/qq_45696377/article/details/121003309

2、【项目部署】Vue+SpringBoot前后分离个人博客项目实战部署保姆教程 Linux+docker安装部署启动一条龙教程 https://blog.csdn.net/qq_45696377/article/details/120478368

关注我的Github,后续陆续还会有开源项目

https://github.com/mao888

更多项目及学习资料请关注CSDN:毛_三月 6O{L1)P__}QFG(W2HTBYSQ7

博主10万字简书 UJU4N3@A%J$3SYH56T7~36S

About

A personal blog based on Vue+SpringBoot+MySql+Redis+Shiro+JWT

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published