寒假第一个springboot+vue音乐网站实战项目

文章目录

• 前言
• 一.成果展示
• 二. 后端流程
• • 2.1数据库表设计
  • 2.2. 后端搭建
  • • 2.2.1 mybatis-plus逆向工程生成代码简化开发
    • 2.2.2 配置数据,跨域和静态资源放行
    • 2.3. 流水线式开发模式
• 三.前端vue搭建
• • 3.1 前端基本环境搭建
  • • 3.1.1 脚手架搭建和容易出现的错误
    • 3.1.2 axios与后端交互搭建
  • 3.2 基本书写流程
  • 3.3 前端再次强调注意的
• 四.项目部署步骤.
• 总结

---

前言

前端使用: vue/cli “^4.5.15”
后端使用: springboot2.6.2, mybatis-plus3.5.9,mybatis-plus-generator3.5.1
部署:nginx,tomcat,webpack
小结.虽然项目花里胡哨,但是难度不大.收获最多的是:
1.技术选型,任务需求.一旦确定,后期变更代价惨重.
2. 注意备份
3.数据库表单设计
4.bug解决方案
5.更深入体会的是MVVM架构开发模式,流水线式创建实体并实现业务逻辑:
domain/pojo/bean → dao/mapper → mapper.xml → service → serviceimpl → controller
6.记得优先对前端进行数据校验.

感谢b站王汉远前辈和开发中帮助我的人.由于版权原因,开源项目不公布任何歌曲
由于当时选型失误,也没有围绕api开发.这就导致歌曲都是自己一首一首上传的…因此技术选型是我踩得最大的坑.

一.成果展示

前台大概总览

后台大概总览

二. 后端流程

2.1数据库表设计

在这一个单用户项目中基本手握一本 java开发手册,遵守其中规约就可以了.(但是这怎么说呢,目前阶段感觉像鸡肋.因此我接着打算看看mysql高级)
单用户项目开发基本通用样例,但仍然应当考虑自己项目的实际需求

2.2. 后端搭建

2.2.1 mybatis-plus逆向工程生成代码简化开发

为了方便开发,我们应当先建立数据库.之后使用mybatis-plus的逆向工程,代码生成器! 这里不建议使用 lombok 省略 实体的构造器和get,set方法.(我曾看到过这样一句话,如果java内部到处充斥着这种像lmobok可以修改源代码的插件,那么就如同无根浮萍,没有自己的核心竞争力,java迟早被取代!)但我们不可否认,它也很方便,我一般用lombok主要是用他的@slf4j日志.

这种方式可以帮助我们自动生成
domain/pojo/bean(完全生成) → dao/mapper (生成模型和一般crud方法)→ mapper.xml (生成模型和一般crud方法)→ service (生成模型和一般crud方法)→ serviceimpl (生成模型和一般crud方法) → controller (生成模型和一般crud方法) 如果不满意它自带的crud方法,我们可以自己写,建议自己写!
该方法要注意的是mybatis-plus-generator3.5.1版本是一个转变 代码生成