地址：

教程内容第 1 部分

Vue+Boot项目实践（一）：项目介绍

Vue + Boot 项目实践（二）：搭建 Vue.js 项目

Vue+Boot项目实践（三）：前后端联合测试（登录页开发）

Vue+Boot项目实践（四）：数据库引入

Vue+Boot项目实践（五）：使用辅助前端开发

Vue+Boot项目实践（六）：前端路由与登录拦截器

Vue+Boot项目实践（七）：导航栏与图书页面设计

Vue+Boot项目实践（八）：数据库设计及增删改查

Vue+Boot项目实践（九）：核心功能前端实现

Vue+Boot项目实践（十）：图片上传与项目打包部署

第二部分

Vue+Boot项目实践（十一）：用户角色权限管理模块设计

Vue+Boot项目实践（十二）：权限控制及其实现思路

Vue+Boot项目实践（十三）：使用实现用户信息加密及登录认证

Vue+Boot项目实践（十四）：用户认证方案及完善的访问拦截

Vue+Boot项目实践（十五）：动态加载背景菜单

Vue + Boot 项目实践（十六）：函数级别权限控制的实现

Vue+Boot项目实践（十七）：后台角色、权限及菜单分配

Vue+Boot项目实践（十八）：博客功能开发

第三部分

Vue+Boot项目实践（十九）：Web项目优化方案

Vue+Boot项目实践（二十）：前端优化实践

Vue+Boot项目实践（二十一）：缓存的应用

开放源代码选择

：一款开源工具，帮助你构建企业级后台管理系统，无需前端代码

：纯Hook多标签微前端管理系统解决方案

前言

之前写过一些关于 Java EE 的文章，主要是理论性的，目的是帮助大家快速了解 Java EE 的核心内容，尽快爬出这个老坑，进入 Java Web 开发的新世界。当然，光有理论是不够的，还有很多细节需要在实践中去了解，所以我决定做一个实战教程。

这个项目很简单，是一个纯粹为了教程而创建的原型，可以算是一个简单的带后端的门户网站。所以学习的时候不要感到任何压力，我想你能学得比我写的快得多。

我的目标是通过这个教程帮助新手或者刚开始学习相关技术的人还原一个完整的项目，对前后端分离的Web开发有一个整体的认识。

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

当然每个人理解方式不同，一些重要细节可能没有讲清楚，欢迎在评论区提问，个人水平有限，肯定有不少不对的地方，还请谅解和谅解。

1. 项目概况

我把这个项目命名为“白纸”，我猜很多同学会用它来做课程设计之类的。建议大家试着在里面加入一些自己的想法。如果只是交一张白纸，良心不会痛吗？（狗头救命）

开个玩笑而已，之所以称之为白纸，是因为随着教程的进行，它会逐渐完善，象征着从无到有，从有到多的创造知识的过程。

我还给它取了一个英文名，（ ），纯粹是为了谐音。

项目遵循敏捷开发的原则，会根据大家的反馈整理新的需求，并动态的扩展、调整、优化。初期按照简单的分层架构进行设计，如下图所示：

项目需要不断穿梭于前端与后端，但在做教程的时候，我会尽量以模块化的方式来讲解。

另外，我将教程分为几个阶段，以便逐步讲解知识点，由易到难。

各个阶段的主要内容如下（随着教程的进展不断更新）：

第一部分

本项目第一部分以图书信息管理为例，帮助您理解以下内容：

各个页面的效果如下：

登录页面：