字节的Vue+Spring Boot前后端分离开发实战手册，Github获赞68K

骑猪看日落 2024-03-27 13:14 91阅读 0赞

### 企业技能要求 ###

现在企业通常要求程序员既要有实战技能，也要内功扎实，对于新项目可以快速上手，熟悉底层原理后还应后劲十足，因此在笔试和面试时结合底层知识、实战应用、设计思维三方面进行考查。针对这3个方面的需求，阿嘴找到了这份“**Vue+Spring Boot前后端分离开发实战手册**。”本手册有三大特点。

1.  注重实战应用。本手册精心设计的案例对于工作多年的人也具有很高的参考价值;手册中引入了两个项目，让读者体验“编程之美”和“编程之乐”。
2.  理论讲解丰富。深入浅出，环环相扣，让读者更容易理解。
3.  设计者思维植入。本手册可以让读者从知其然进化到知其所以然。一名优秀的程序员不仅要有良好的编码能力，还要有对整个项目的设计思想和把控能力，为以后的发展铺下“高速公路”。

![format_png][]

### 内容展示 ###

**该手册大体分为两篇，分别是Vue篇+Spring Boot篇**

### Vue篇 ###

![format_png 1][]

### 第1章大前端时代 ###

> 第1章介绍前端的历史，以及前端如何从静态页面过渡到如今的单页面应用及MVVM架构风格。

![format_png 2][]

### 第2章认识vue.js ###

> 第2章主要介绍Vue是什么，以及Vue引入网页的方式、开发工具等。

![format_png 3][]

### 第3章Vue基础语法 ###

> 第3章讲解Vue的基础语法。

![format_png 4][]

### 第4章自定义指令 ###

> 第4章讲解Vue除了允许核心功能默认内置的指令( v-model和v-show)，也允许注册自定义指令。

![format_png 5][]

### 第5章组件 ###

> 第5章深入讲述属性、事件和插槽这3个Vue基础概念、使用方法及其容易被忽略的一些重要细节。组件可以扩展HTML元素，封装可重用的代码。

![format_png 6][]

### 第6章过渡与动画 ###

> 第6章介绍Vue过渡和动画在恰当的时机添加或删除CSS类名。

![format_png 7][]

### 第7章前端工程化 ###

> 第7章介绍Vue工程化，在脚手架工具的基础上进行二次开发，为项目的开发提供了很好的底层内容。

![format_png 8][]

### 第8章U组件库和常用插件 ###

> 第8章主要讲解Vue-router客户端路由，使用它处理客户端请求路径、代码执行和数据展示等问题。Axios是一个基于promise的HTTP库，在Vue中Axios是比较常用的网络请求方法。Vuex状态管理能够在一个集中的空间处理应用状态。

![format_png 9][]

### 第9章实战:百度音乐项目 ###

> 第9章通过移动端百度音乐实战项目让读者提前体验前后端分离的魅力。

![format_png 10][]

### Spring Boot篇 ###

![format_png 11][]

### 第10章进入Spring Boot世界 ###

> 第10章讲解Spring Boot开发环境、IDEA构建Spring Boot项目及Spring Boot目录结构等。

![format_png 12][]

### 第11章Spring Boot整合Web开发 ###

> 第11章介绍Thymeleaf模板引擎，以及Spring Boot异常的处理等。

![format_png 13][]

### 第12章应用开发 ###

> 第12章介绍在实际项目中的应用开发，如文件上传与下载、定时器及E-mail的发送。

![format_png 14][]

[format_png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/f2d7174240874da0adac4c6fcb35941b.png
[format_png 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/bb8220794707414eaaa339d59de7717c.png
[format_png 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/07f136702e904fbf9c0a9fd7464f9b5d.png
[format_png 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/575295df8acc47b4a8fe897f1b974017.png
[format_png 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d61747fdaa4d424b8f9cd6ff32d6c024.png
[format_png 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/b9cc77f21eac4d0bad2adc6b1c05fc4e.png
[format_png 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/a4fa005b52c9439bbe5bc76a9be8a525.png
[format_png 7]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/e8f1db11a1164e2ab22b6fa2e6eed800.png
[format_png 8]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/bd3345a3cfd64dcb830f18bef94b3dc8.png
[format_png 9]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/9374046432a647168c0bea2e7a6605d3.png
[format_png 10]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/856c9ca5ce5b48ab93f56d9c60aae3c9.png
[format_png 11]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/5c24acbf4eb84309b9b248efe6808e80.png
[format_png 12]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/884e7aaa9d124279b48158b4f6176391.png
[format_png 13]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/47e864defb7f428e9806d283927392b1.png
[format_png 14]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/ac41ab8054904f0c97fbbdd1aaab14ae.png