Spring Boot + MyBatis + Vue.js + Element UI 全栈开发实战

2013 年的时候，我们班同学们一行 8 个人，拉着行李箱，从学校来到北京，开始了漫长的北漂生活。我们学的是计算机技术与应用专业，找工作的方向就是 DBA、前端开发工程师、Java 开发工程师之类的。最开始的两年，工资不是很高，大家就住在回龙观整租的一套三居室里。慢慢的，收入也高了点，大多数人也有了对象，就各自分开租房了。

原本以为，随着各自工作的发展，我们之间的联系会变少，没想到，近几年，我们总会相互探讨对方的技术领域。原因无他，随着软件开发形势的发展，单纯的 Java 开发工程师、前端开发工程师已经无法满足岗位需要了，全栈开发的呼声越来越高。

工作多年之后，我们这些人的收入主要取决于两部分：工资和外快。工资要想涨上去，得有实力拿到更好的 Offer。技术领域的单一，是几个同学一直不敢跳槽的原因。面对一些很好的工作岗位，看着职位要求，简历都不敢投啊。

举个现实点的例子：你在智联招聘里搜索 Java 开发工程师，薪资范围在 10K 以上的，40% 的企业在岗位要求都会有前端开发经验的要求，类似这样的：

熟悉 HTML5、XML、JavaScript、Ajax、CSS 等 WEB 前端开发技术；

这样的：

了解或掌握 jQuery、Bootstrap、ExtJS 等 Javascript 框架的使用；

还有这样的：

熟练使用 jquery，Vue，MiniUi等 开源框架；

对 Java 工程师的前端开发经验有要求的，除了规模在 100 人以下只招 1 到 2 人的小公司外，还有公司规模在 10000 人以上招聘人数 10 人以上的大公司、国营企业。

对于 Java 开发工程师来说，熟悉 HTML5、JavaScript、CSS 等要求并不是问题，比较难的是对于熟练使用框架的要求。

同样的，搜索 前端开发工程师，也能看出同样的问题。对于前端开发工程师来说，熟悉后端开发语言更是一种考验。更不要说现在软件测试工程师的岗位要求里也开始出现熟悉前后端开发流程、至少熟悉一种前后端开发语言的字眼了。

工资不好涨，那接私活、赚外快呢？打开几个常用的接私活网站，做网站、开发系统、开发 APP 是最常见的工作，也是最有可能做的任务。如果你有合适的搭档，一个人做前端、一个人做后端，确实可以接到点项目、赚些外快。但如果你是纯前端开发或纯后端开发，又没有合适的搭档，这点外快也就很难赚到了。

拓展自己的技术能力，对于求职、晋升，乃至创业来说都至关重要。而成为一位全栈工程师，将为你带来更好的发展机会。

本专栏为有志于成为全栈工程师的你量身打造，带你进行一次 Spring Boot + MyBatis + Vue + Element 全栈项目开发实战。我们选用当下主流的技术，带你从零开始实现一个完整的云笔记应用，实现前端、后端、数据库设计与开发流程。

专栏的每篇文章都有对应的完整代码在 GitHub 上托管。大家既可以参考项目的代码风格规范自己的书写习惯，也可以从中学习到合适的技术知识和设计思想，还可以基于此项目开发自己的系统和应用。

• 如果你是没有开发经验的在校大学生，想从事开发工作而又不知道选择哪个方向；通过本专栏的学习，可以使你真正参与到前后端分离开发的项目中去，轻松入门全栈开发，在项目的实际开发过程中选择感兴趣的技术方向，并积累足够的项目经验。

• 如果你是有工作经验的前端开发工程师，对后端开发感兴趣；通过本专栏的学习，可以使你对 Java 后端开发全流程有深入了解，扩展你的知识领域。

• 如果你是有工作经验的 Java 开发工程师，希望在技术上进一步提升；通过本专栏的学习，不仅可以使你对 Java 各种技术有重新的认知，获取到各种有助于快速开发的工具和设计结构，还可以使你对前端开发全流程有深入了解，并通过快速搭建前端项目、灵活运用各种 Vue.js 组件及 Element UI 控件来完成你想要的功能和页面布局。

本专栏是我作为 Java 全栈开发工程师多年工作的总结和思考，融合了前后端开发过程中的一系列方法论，严格按照完整的规范化项目开发流程进行，共分为 7 个部分，33 篇。

• 第 1 部分：项目简介，介绍专栏内容结构，完成项目需求分析，正式立项。在需求分析中，明确项目目标及产品功能树，作为后续项目开发的依据。

• 第 2 部分：项目前期准备，进行项目正式开发前的所备工作：架构选择、数据库设计、接口文档设计等，以严谨的思想和正式的开发流程对待我们的项目，保证整个项目开发过程有法可依、有据可查。

• 第 3 部分：核心功能开发，进行云笔记项目后端核心功能的开发，以登录注册功能为引，将项目后端的基石打牢，为后续的快速开发做准备。在这一部分的学习中，你会对 Java 深入了解，自己动手设计安全易用的服务端架构、发送邮件、开发通用工具、存取文件、压缩图像……

• 第 4 部分：业务功能开发，这一部分重点讲述云笔记项目前端页面的设计，完成云笔记项目的业务功能，带你对 Vue.js 深入了解，掌握 Vue 路由配置、组件化开发、灵活运用各种开源组件。

• 第 5 部分：后台管理功能开发，这部分介绍云笔记项目的后台管理功能，从功能设计到前后端功能实现，带你完成一个完整的后台管理系统。

• 第 6 部分：项目升级，这一部分介绍如何将该项目改造能支撑起千万级的用户量大型分布式项目，通过这部分的学习，让你对大数据和高并发产生亲近感：原来你就在这里。

• 第 7 部分：小结，对本专栏的学习内容总结与回顾，查漏补缺，深入思考，同时也是一个项目完成后对项目进行中的经验与教训的总结。

通过对本专栏的学习，可以使你具备全栈开发的能力，并拥有以下能力：

• 项目业务功能的独立分析能力

• 接口文档、数据库结构的独立设计能力

• Spring Boot / MyBatis / Vue / Element 等框架的结构与用法

• Java 反射 / 泛型 / 自定义注解等基础知识

• Java 发送邮件 / 文件上传 / 图片压缩 / 图片解析等应用场景

• MyBatis 通用 Mapper / 自动建表等深度使用场景

• 拖拽组件 vuedraggable / 富文本编辑器 wangeditor / MarkDown 编辑器 mavon-editor / 图表 echarts / Excel 文件保存 file-saver + xlsx 等 Vue.js 组件的使用

• Http 请求测试工具 Postman  的使用

• JWT / HTTPS / Nginx 在前后端的应用

• Redis / RabbitMQ / js-base64 / @vue/cli  / 逆地理编码等其他知识的应用

从此，找工作不再是岗位挑你，而是你挑岗位；接私活也不再是观望状态，一刀在手，天下我有。所有说，前端开发工程师们、后端开发工程师们，是时候展现真正的技术了。做一名全栈开发工程师，你，准备好了吗？

即日起至 4 月 10 日，专栏《全栈工程师实战：从 0 开发云笔记》限时特惠！订阅专栏，即刻开启你的全栈工程师之路！