其实做一个 SpringBoot + vue 项目并不难,大概可以分为几个步骤:

  1. 决定技术选型,比如常见组合:springboot、mybaits plus、vue、es、redis等

  2. 搭建项目骨架

    1. 统一结果封装

    2. 全局异常处理

    3. 实体校验

    4. 会话、权限控制

    5. 跨域、安全等问题

  3. 业务功能开发

    1. 新建数据库表和字段

    2. 自动代码生成基本实体、service和mapper等

    3. 挣对业务开始功能开发

    4. 前后端接口对接

  4. Vue前端开发

    1. 前端登录拦截、路由处理

    2. token刷新与保存

    3. 封装axios等工具类

  5. 功能测试、上线部署等

作为练手项目,我们一般会选择简单博客项目、后台管理系统。那么如何才能从零开始完整开发出一个可以使用的项目呢?

其实基本上按照上面的步骤,一般开发项目的时候,我喜欢先列出开发步骤,也就是开发目录,比如我准备开发一个基于springboot + vue的前后端分离的博客项目,那么我就会针对前端和后端列出以下目录:

后端开发:

b3086082bf1694f61968f56c1a638dbb.png

前端开发

28673d99bc0ac874b766342bcc4fe938.png

当然了,这要求你对项目开发有一定的了解了。

如果你不了解也没关系,我已经把这个博客项目vueblog的完整开发文档项目开发视频项目源码 已经分别免费发布到了网站、B站和github

4万字完整开发文档

184686c5ff7a1b3a83ecc426776923e9.png

273分钟完整开发视频,已经40万播放量

b09829f08dec35e5103071684382aba5.png

项目源码,已经2000+star

8047e8264d2d2572c6de73f0f6742fff.png

很长很长,这里不方便贴出来。如果你需要这份项目学习资料,那么关注下面的这个公众号Java问答社,然后回复关键字【345】即可获取!

  1. 扫码并关注公众号 Java问答社

  2. 在公众号后台回复关键字 345 。

23f23d5ab18ce6ca7a9adbfb6bd38eb2.png

👆 微信扫一扫上方二维码

回复「 345」即可获取上面所有资料


除了上面的VueBlog博客项目,我还开发了一个基于springboot、security、vue的前后端分离管理系统VueAdmin。

10万字前后端完整开发文档:

c1270455d8275780ab7a38727fd35b38.png

7ba8b0a54b3ef7ebd74cc0d9dcafdb69.png

811分钟完整开发视频,10万播放

db1ce1b4228c930c0bc6adf68aa80610.png

项目源码

3b535387e58c30e42da47530b17a6897.png

如果你同样需要这份项目学习资料,那么关注下面的这个公众号Java问答社,然后回复关键字【234】即可获取!

  1. 扫码并关注公众号 Java问答社

  2. 在公众号后台回复关键字 234 。

ab7bda8cee8c68c55efda908b84ad472.png

👆 微信扫一扫上方二维码

回复「234」即可获取上面所有资料

学完这两个项目之后,你会发现,其实Springboot + Vue其实并不难!!

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐