前言 之前写了一些关于 Java EE 的文章，主要是理论性质的，目的是帮助大家快速了解 Java EE 的核心内容，早日爬出这个陈旧又绕不开的坑，进入 Java Web 开发的新天地。当然只有理论是不够的，有很多细节需要在实践中理解，所以我决定做一个实践教程。

这个项目十分简单，是一个纯粹为教程而生的原型，可以视为一个简陋的带后台的门户网站。所以学习时不用有什么压力，估计你们学的比我写的快很多。

我的目标是根据这个教程，可以帮助 新入行的或是刚开始学习相关技术 的小伙伴们把一个完整的项目还原出来，建立起对前后端分离式 Web 开发的整体认知。

一开始，我会尽量详细地描述开发的过程，帮助大家快速上手。随着项目进展，曾经讲到过的、比较容易搜索到的内容会适当省略。

当然，每个人的理解方式不同，可能有些重要的细节没讲到位，欢迎大家在评论区提问。受限于个人水平，一定有很多说的不对的地方，大家理解一下，友善白嫖哈。

一、项目概述 这个项目我把它命名为 “白卷”，估摸着很多同学会拿它做课程设计之类，建议你们尽量加点自己的东西在里面，直接交白卷，你的良心不会痛吗？（狗头保命）

开个玩笑，叫白卷是因为它随着教程进展逐渐完善，象征着知识的从无到有，从有到多。

另外我还给它起了一个英文名字，叫 White Jotter（白色笔记本），纯粹是为了谐音。

项目遵循敏捷开发原则，会根据大家反馈的意见整理出新的需求，动态扩展、调整、优化。初始阶段按照简单的分层架构设计，具体见下图：

应用架构 （一）第一部分 这个项目的第一部分以图书信息管理为示例，主要帮助大家理解以下内容：

如何从 0 开始搭建 Web 项目？ 什么是前后端分离？如何实现前后端分离？ 单页面应用有哪些特点？ 如何在 Web 项目中使用数据库并利用网页实现增删改查？ 在开发中如何利用各种辅助手段？ Vue.js 的基本概念与用法 简单的前端页面设计 如何部署 Web 应用？ 各个页面的效果大致如下： （二）第二部分 项目的第二部分是后台管理模块的开发，主要包括以下内容：

后台管理模块的常见功能与布局（内容管理、用户\权限管理、运维监控） 用户身份验证、授权、会话管理与信息加密存储 Shiro 框架的使用 实现不同粒度的访问控制（www.2782322.com） 结合内容管理，实现文章的编写与展示 （三）第三部分 第三部分是在前面的基础上，分析项目存在的不足，并对其进行由点及面的优化。

当简单的优化无法达到我们想要的目的时，就需要从架构层面进行整体的升级改造，那就是下一套教程的事情了。

（四）开源精选 在做这个项目的过程中结识了一些小伙伴，他们凭借一腔热枕坚持为开源社区做贡献，开发出了许多优秀的项目。我打算在编写教程的同时穿插对这些项目的介绍，以便让更多朋友们了解这个群体，甚至加入到新兴项目的发展壮大过程中去。

这里给读者们提供一个福利，如果你有拿的出手开源项目希望更多人知道，我可以无条件帮你推广，甚至文案也可以帮你修改，当然，前提是这个项目真的有价值。

二、技术栈 参考技术架构图，项目使用的主要技术如下：

1.前端技术栈 1.Vue.js 2.ElementUI 3.axios

2.后端技术栈 1.Spring Boot 2.Apache Shiro 3.Apache Log4j2 4.Spring Data JPA 5.Spring Data Redis

3.数据库 1.MySQL 2.Redis