关于Spring Boot构建项目的相关知识

一        前端框架

1        VUE框架

1.1        简介

Vue是一款流行的JavaScript框架，用于构建用户界面和单页面应用程序。它的设计初衷是为了简化Web开发过程，使开发者能够快速构建交互性强、响应速度快的Web应用。

1.2        优点

1. 简单易用：Vue的API设计直观，学习曲线较为平缓，即使是新手也能快速上手。
2. 响应式数据绑定：Vue提供了响应式的数据绑定机制，让数据和视图保持同步，操作数据会直接影响视图的变化。
3. 组件化开发：Vue鼓励使用组件化的开发方式，使代码更易于维护和复用。
4. 生态系统丰富：Vue拥有丰富的插件和组件库，开发者可以根据需求快速找到适合的解决方案。

1.3        缺点

1. 社区相对较小：相比于React，Vue的社区规模相对较小，可能会导致在一些问题的解决方案上缺少足够的支持。
2. 更新频率较快：Vue的更新频率比较快，新版本的发布可能会导致一些插件或组件不再兼容。
3. 可维护性：随着项目规模的增大，Vue项目的可维护性可能会变得有一些挑战，需要更谨慎地组织代码结构。

2        React框架

2.1        简介

React 是一个由 Facebook 开发的流行的 JavaScript 库，用于构建用户界面。它主要用于构建单页面应用程序（SPA），通过使用组件化的方式来构建用户界面。以下是 React 框架的一些优缺点：

2.2        优点

1. 组件化开发：React 使用组件化的开发方式，将用户界面分解成独立的组件，使代码更加模块化和可重用。
2. 虚拟 DOM：React 使用虚拟 DOM 来提高性能，通过比较虚拟 DOM 和实际 DOM 的差异，只对有变化的部分进行更新，减少了页面重新渲染的开销。
3. 生态系统丰富：React 拥有庞大的生态系统，有大量的第三方库和工具可供选择，能够快速方便地开发应用程序。
4. 社区活跃：由于 React 是一个开源项目，拥有庞大的开发者社区，有很多资料和资源可以帮助开发者解决问题。

2.3        缺点

1. 学习成本高：React 有一定的学习曲线，特别是对于初学者来说，需要花一些时间理解它的工作原理和语法。
2. JSX 语法：React 使用 JSX 语法来描述界面，这种混合 HTML 和 JavaScript 的写法有时会让开发者感到困惑。
3. 只关注视图层：React 只是一个视图层的库，并不是一个完整的框架，因此需要结合其他工具和库来实现完整的应用程序。
4. 所有权独占：React 是由 Facebook 开发并维护的，有时候开发者可能会担心其未来的发展方向和变化。

3        Angular

3.1        简介

Angular是一个由Google开发的开源的前端Web应用框架，用于构建单页面Web应用和大型企业级应用。它采用MVC（Model-View-Controller）架构模式和组件化开发思想，提供丰富的功能和工具，使得开发者可以更高效地构建复杂的前端应用。

3.2        优点

1. 丰富的功能和插件支持： Angular提供了很多内置的功能和插件，如路由管理、表单验证、HTTP请求等，开发者可以直接使用这些功能，减少开发时间。

2. TypeScript支持： Angular使用TypeScript作为主要开发语言，TypeScript是JavaScript的超集，提供了静态类型检查和更严谨的语法规范，有助于减少代码错误和提高代码质量。

3. 强大的DI（依赖注入）系统： Angular内置了依赖注入系统，可以方便地管理组件之间的依赖关系，提高代码的可维护性和可测试性。

4. 组件化开发： Angular支持组件化开发，利用组件可以构建可复用、独立的功能模块，并通过组合这些组件来构建整个应用，使得代码更加清晰和易于维护。

5. 跨平台支持： Angular可以用于构建Web应用、移动端应用（使用Ionic框架）和桌面应用（使用Electron框架），具有较好的跨平台兼容性。

3.3        缺点

1. 学习曲线陡峭： 对于新手来说，学习Angular可能需要花费一些时间，特别是对于那些没有使用过类似框架的开发者来说。

2. 繁琐的语法： Angular的语法相对较为复杂，需要理解一些概念和概念之间的关系，可能会给开发者带来一些困扰。

3. 性能问题： 一些复杂的应用可能存在性能问题，特别是在处理大量数据和复杂页面结构时，需要进行额外的优化工作。

4        Vant

4.1        简介

Vant是一个基于Vue.js的移动端UI组件库，提供了丰富的组件和样式，可以帮助开发者快速构建响应式和美观的移动端应用。

4.2        优点

1. 提供丰富的移动端UI组件，方便开发者快速搭建界面。
2. 设计简洁明了，样式美观，提升用户体验。
3. 支持主题定制和国际化，适应不同项目需求。
4. 提供详细的文档和示例，便于开发者学习和使用。

4.3        缺点

1. 由于是基于Vue.js的库，对于不熟悉Vue.js的开发者可能需要一定的学习成本。
2. 对于特殊定制需求，可能需要自行扩展或调整组件，增加了一定的工作量。

5        Element-UI

5.1        简介

Element UI是一个基于Vue.js的组件库，提供了丰富的Web应用界面组件，包括按钮、表单、弹窗、导航等，能够帮助前端开发者快速构建现代化的Web应用界面。

5.2        在前端的作用

1. 提高开发效率：Element UI提供了丰富的预制组件，开发者可以直接使用这些组件，快速搭建出现代化的Web应用界面，减少了编写重复样式和逻辑的时间。

2. 美化界面：Element UI的组件设计简洁大方，样式美观，能够提升用户体验，使应用界面看起来更加专业和现代化。

3. 响应式设计：Element UI支持响应式设计，可以适配不同设备的屏幕大小，提供一致性的用户体验。

5.3        优点

1. 提供丰富的Web应用界面组件，且文档完善，易于上手。
2. 遵循Vue.js生态，与Vue.js框架无缝集成，使用方便。
3. 样式优美，功能丰富，能够满足大部分Web应用的需求。
4. 支持定制主题，可根据项目需求自定义样式。
5. 有着较大的社区支持和活跃度，问题解决和更新比较及时。

5.4        缺点

1. 体积较大，引入全部组件可能会增加页面加载时间。
2. 定制复杂的样式可能需要深入理解CSS和组件库的原理。
3. 随着Vue.js生态的发展，可能出现版本兼容性问题，需要及时更新维护。

6        axios

6.1        简介

axios是一个基于Promise的HTTP客户端，可用于浏览器和Node.js环境中，旨在简化前端与后端之间的HTTP请求和响应处理。

6.2        在前端的作用

1. 发起HTTP请求：通过axios，前端可以方便地发送GET、POST、PUT、DELETE等类型的HTTP请求，与后端进行数据交互。

2. 处理响应：axios支持Promise API，使得处理请求的响应变得更加简洁和高效，可以灵活地处理成功和失败的情况。

3. 拦截器：axios提供了拦截器机制，可以在请求发送或响应接收时进行拦截，对请求或响应进行统一处理，例如请求头的添加、loading状态的展示等。

6.3        优点

• 简洁易用：axios提供了清晰简洁的API，容易上手使用。
• 支持Promise API：处理异步请求方便，可避免回调地狱问题。
• 支持浏览器和Node.js环境：可在前端和后端统一使用，提高了代码的复用性。
• 支持拦截器：能够在请求和响应过程中进行拦截和定制化处理。
• 支持取消请求：可以取消正在进行的请求，避免不必要的网络请求。

6.4        缺点

• 体积较大：相比原生的fetch API，axios的体积稍大，可能会增加页面加载时间。
• 可能需要额外的配置：在一些特殊场景下，可能需要进行一些额外的配置或定制化处理。
• 需要手动捕获和处理错误：在处理请求的过程中，需要手动捕获并处理可能的异常情况。

7        前端框架中组件化开发优点

• 代码复用性： 组件化开发可以使代码更加模块化和可重用，不同的组件可以在不同的页面中重复使用，提高开发效率。

• 可维护性： 组件化使得代码结构更清晰，每个组件只负责特定功能，易于维护和修改。

• 团队合作： 不同开发人员可以独立开发各自的组件，减少代码冲突，提高团队协作效率。

• 性能优化： 组件化开发可以实现按需加载，只加载需要的组件，提高页面加载速度和性能。

• 可扩展性： 新的功能可以通过添加、替换或定制组件来扩展页面，灵活性更高。

二        后端框架

1        Spring  Boot

1.1        简介

Spring Boot是一个基于Java的开发框架，旨在简化Spring应用程序的搭建和部署，它提供了一种快速开发应用程序的解决方案，可以帮助开发者快速构建独立的、生产级别的Spring应用程序，以及一系列的开箱即用的特性，如自动配置、自动化的部署、嵌入式的服务器等，让开发者可以更加专注于业务逻辑的开发。

1.2        优点

1. 快速开发：Spring Boot提供了许多开箱即用的特性和自动配置，可以帮助开发者快速搭建应用程序，减少繁琐的配置工作。

2. 集成性强：Spring Boot集成了许多Spring项目中常用的功能模块，如Spring Data、Spring Security等，开发者可以在项目中方便地使用这些功能。

3. 易于部署：Spring Boot提供了嵌入式的容器，可以把应用程序打包成一个可执行的JAR文件，方便部署和运行。

4. 社区活跃：Spring Boot拥有庞大的社区支持，开发者可以在社区中获取大量的资料、插件和解决方案。

1.3        缺点

1. 学习曲线陡峭：对于初学者来说，Spring Boot的学习曲线可能较为陡峭，需要一定的时间和精力去理解框架的核心概念和机制。

2. 过度自动化：虽然Spring Boot提供了许多自动化的特性，但有时候也可能会导致开发者失去对应用程序的控制，不利于定制化开发。

3. 过于笨重：有些开发者认为Spring Boot在某些情况下可能会显得过于笨重，不够轻量级，对于一些小型项目可能过于复杂。

2        Maven

2.1        简介

 Maven是一个基于项目对象模型（POM）的项目管理工具，它提供了一种标准化的项目结构和构建流程，帮助开发团队更加规范和高效地管理项目。Maven使用XML格式的POM文件来描述项目的结构、依赖和构建配置，通过插件机制提供了丰富的构建任务和功能，例如编译、打包、发布等。

2.2        优点

1. 依赖管理：Maven可以自动下载和管理项目所需的依赖库，简化了项目的构建和部署过程。
2. 统一的项目结构：Maven定义了标准的项目结构和生命周期，帮助团队成员更容易理解和共享项目。
3. 插件体系：Maven的插件机制允许用户扩展和定制构建过程，满足不同项目的需求。
4. 构建生命周期：Maven规定了清晰的构建生命周期和阶段，提供了标准化的构建流程。
5. 中央仓库：Maven中央仓库存储了大量的开源库和组件，加速了项目的依赖下载和管理。

2.3        缺点

1. 学习曲线：对于初学者来说，Maven的配置和使用可能需要一定的学习成本。
2. XML配置：Maven的配置文件使用XML格式，有时会显得冗长和复杂，不太直观。
3. 依赖传递问题：有时会出现依赖传递冲突或版本管理问题，需要仔细处理。
4. 插件质量不一：Maven插件的质量参差不齐，有些插件可能存在兼容性或稳定性问题。、

3        Redis

3.1        简介

Redis是一个开源的基于内存的数据结构存储系统，常用作缓存、消息队列和数据存储等用途。

• Redis是一个高性能的键值存储数据库，数据存储在内存中，可以持久化到硬盘。
• 支持多种数据结构，如字符串、哈希表、列表、集合、有序集合等。
• 提供了丰富的操作命令和功能，适用于各种场景，如缓存、实时统计、会话存储等。

3.2        优点

1. 高性能：Redis数据存储在内存中，读写速度非常快，适合高并发、实时性要求高的场景。
2. 丰富的数据结构：Redis支持多种数据结构，方便开发者根据需求选择合适的数据结构进行存储和操作。
3. 持久化支持：除了内存存储，Redis还支持数据持久化到硬盘，可以确保数据不会因服务器重启而丢失。
4. 分布式支持：Redis支持主从复制、集群等功能，可以实现数据的分布式存储和高可用性。
5. 丰富的功能：Redis支持事务、发布订阅、Lua脚本等功能，满足各种复杂应用场景的需求。

3.3        缺点

1. 数据量受限：Redis的数据存储在内存中，受到内存容量的限制，当数据量较大时，可能会导致内存压力。
2. 持久化效率：虽然Redis支持数据持久化到硬盘，但持久化操作可能会影响性能，需要权衡性能和数据持久化的需求。
3. 单点故障：Redis默认是单节点部署，如果节点发生故障，可能导致服务不可用，需要使用主从复制或集群等方式保证高可用性。
4. 复杂性：Redis功能丰富，对于新手可能存在一定学习成本，需要花时间熟悉其操作命令和配置。

4        Mybatis

4.1        简介

MyBatis是一个开源的持久层框架，它通过SQL映射文件将Java对象和数据库表进行映射，提供了方便的CRUD操作，核心思想是将SQL语句和Java代码解耦，使得数据库操作更加灵活和可控。

4.2        优点

1. 灵活性强：MyBatis允许开发者自定义SQL语句，可以编写复杂的SQL查询，满足各种需求。
2. 性能优秀：MyBatis使用动态SQL和预编译语句等优化技术，能够提升数据库访问性能。
3. 易学易用：相比于Hibernate等ORM框架，MyBatis学习曲线较低，配置简单，易于上手。
4. 与现有SQL兼容：MyBatis不会隐藏SQL，可以直接使用SQL语句，方便于开发者优化和调试。
5. 维护方便：MyBatis将SQL语句与Java代码分离，使得代码维护更加清晰，易于修改和扩展。

4.3        缺点

1. 需要手动编写SQL：相比于全自动的ORM框架，MyBatis需要开发者手动编写SQL语句，对于不熟悉SQL的开发者来说可能存在一定的学习成本。
2. SQL依赖：由于需要手动编写SQL，代码和SQL语句之间的耦合度较高，一旦SQL语句发生变化，需要及时修改代码。
3. 较为繁琐的配置：MyBatis的配置文件相对较多，配置项也较多，需要花费一定精力来配置。
4. 不适用于小型项目：对于小型项目来说，使用MyBatis可能显得过于复杂，适用于大型项目或者需要复杂SQL查询的场景。

三        运行环境

1        Mysql

1.1        简介

MySQL是一个流行的开源关系型数据库管理系统，它支持多种操作系统，提供了高性能、可靠性和易用性，广泛应用于Web应用程序和其他各种类型的应用中，使用标准的SQL语言进行数据库操作，支持事务处理以及多用户并发访问。

1.2        优点

1. 开源免费：MySQL是开源软件，可以免费下载和使用，适合中小型企业和个人开发者使用。
2. 高性能：MySQL具有优秀的性能表现，支持高并发访问、快速查询和高效的索引技术。
3. 可靠性高：MySQL具有稳定的数据存储引擎，支持事务处理，具备数据备份和恢复功能，能够保障数据的完整性和安全性。
4. 易用性：MySQL易于安装、配置和管理，提供了丰富的文档和社区支持，适合初学者和专业开发者使用。
5. 灵活性：MySQL支持多种存储引擎，能够满足不同业务需求，同时支持存储过程、触发器等高级特性。

1.3        缺点

1. 性能瓶颈：在极高并发或大规模数据处理场景下，可能会出现性能瓶颈，需要进行优化。
2. 单机限制：MySQL作为关系型数据库，存在单机性能和容量的限制，不适合大规模分布式系统。
3. 复杂查询效率低：对于复杂查询和连接操作，MySQL的性能可能不如一些NoSQL数据库。
4. 存储引擎选择：不同的存储引擎对性能和功能支持有所差异，需要根据实际需求选择合适的存储引擎。

2        JDK

2.1        简介

JDK是Java Development Kit的缩写，是Java开发工具包。它是Oracle公司针对Java开发者提供的一个开发环境，包含了Java运行时环境（JRE）、Java编程工具和Java基础类库等组件。

2.1        优点

1. 跨平台性：Java是一种跨平台的编程语言，JDK可以在不同的操作系统上运行，实现一次编写，到处运行。
2. 开发效率高：JDK提供了丰富的开发工具和类库，可以帮助开发者提高开发效率。
3. 强大的生态系统：Java拥有庞大的生态系统，有丰富的第三方库和框架可供选择。
4. 安全性高：Java具有严格的安全性限制，JDK提供了安全性管理机制，可以保护应用不受恶意攻击。
5. 丰富的文档和社区支持：JDK有大量的文档和社区支持，开发者可以方便地获取帮助和学习资源。

2.2        缺点

1. 内存消耗大：Java应用程序在运行时需要消耗大量内存。
2. 启动速度慢：由于Java需要启动虚拟机，因此相对于一些原生应用程序而言，启动速度较慢。
3. 学习曲线陡峭：Java是一种较为复杂的编程语言，学习曲线较为陡峭。
4. 可移植性差：虽然Java是跨平台的，但在一些特殊的系统环境下可能会出现兼容性问题。
5. 性能相对较低：相比于一些编译型语言，Java的性能可能稍逊一筹。

3        Tomcat

3.1        简介

Tomcat是一个开源的、轻量级的Servlet容器，是Apache软件基金会的一个项目。它实现了Java Servlet和JavaServer Pages（JSP）规范，并提供了一个运行Java Web应用程序的环境。

3.2        优点

1. 轻量级：Tomcat是一个轻量级的Servlet容器，占用资源相对较少。
2. 易于配置和部署：Tomcat提供了简单易用的配置文件，使得配置和部署Web应用程序变得容易。
3. 开源免费：Tomcat是开源软件，可以免费使用和修改。
4. 支持大部分JavaEE规范：Tomcat支持大部分JavaEE规范，能够满足大部分Web应用程序的需求。
5. 社区活跃：Tomcat拥有庞大的用户社区和开发者社区，提供丰富的支持和插件资源。

3.3        缺点

1. 性能稍逊一筹：相对于一些商业的Java应用服务器，如WebSphere、WebLogic等，Tomcat在性能上可能略逊一筹。
2. 不支持全面的JavaEE规范：Tomcat虽然支持大部分JavaEE规范，但并不完全支持全部规范，一些高级功能可能需要额外的插件或组件来实现。
3. 缺乏一些高级功能：一些高级的管理和监控功能可能在Tomcat中不够完备，需要额外的工具或插件来实现。
4. 安全性：Tomcat默认配置可能存在一些安全隐患，需要进行适当的配置和加固来确保安全性。

四        前后端如何实现跨域

1        概念

跨域是指在Web开发中，当浏览器尝试发起一个跨域请求（即请求的目标不是当前页面所在的域名或端口），浏览器会执行同源策略（Same-Origin Policy），阻止页面中的JavaScript访问不同域的资源。跨域问题通常会出现在前后端分离的项目中，前端将页面部署在一个域名下，而后端API服务部署在另一个域名下时。

2        跨域容易产生的错误

1. 跨域请求被浏览器阻止，导致请求失败。
2. Cookies、LocalStorage等跨域数据共享被阻止。
3. XHR、Fetch等AJAX请求受到同源策略的限制。

3        解决跨域的方法

1. CORS（跨域资源共享）：服务端设置响应头Access-Control-Allow-Origin等字段，允许特定源访问资源。一般情况下，可以在后端服务中配置相关的CORS设置来进行解决。

2. JSONP（JSON with Padding）：通过动态添加<script>标签来实现跨域数据请求。JSONP利用了<script>标签的src属性不受同源策略的限制这一特性，但只支持GET请求。

3. 代理服务器：在前端应用和后端API之间设置一个代理服务器，让前端应用发送请求到代理服务器，再由代理服务器转发请求到后端API，最后将结果返回给前端应用。代理服务器可以解决跨域问题，并可以在服务器端进行额外的验证和处理。

4. WebSocket：WebSocket协议没有同源策略限制，可以实现跨域通信。前后端通过WebSocket通信可以避免浏览器的同源策略限制。

5. 跨域资源嵌入：可以在响应中添加CORS响应头，允许特定的来源使用<link>、<script>、<img>、<video>等标签引入资源，从而绕过跨域问题。

五        资源层

1        DB

1.1        简介

DB是Database的缩写，指数据库。数据库是用于存储和管理数据的系统，可以对数据进行有效地组织、管理和访问。数据库可以分为关系型数据库（如MySQL、Oracle）和非关系型数据库（如MongoDB、Redis）等不同类型。

1.2        优点

1. 数据集中管理：数据库可以集中管理数据，确保数据的一致性和完整性。
2. 数据共享：多个用户和应用可以通过数据库共享数据，提高数据的可访问性。
3. 数据安全：数据库提供了权限控制和数据加密等功能，保护数据的安全性。
4. 数据备份和恢复：数据库可以进行定期备份，保障数据的安全性和可靠性。
5. 数据查询和分析：数据库支持灵活的查询和数据分析功能，帮助用户快速获取需要的信息。

1.3        缺点

1. 成本高昂：数据库系统的采购、部署和维护都需要一定的成本。
2. 复杂性：数据库系统通常具有复杂的结构和功能，需要专业知识进行管理和维护。
3. 数据一致性：数据库需要确保数据的一致性和完整性，这可能会导致性能损失。
4. 备份与恢复：数据库备份和恢复过程可能耗费时间和资源。
5. 数据安全：数据库需要保障数据的安全性，包括防止数据泄露、丢失等情况。

2        ES

2.1        简介

ES指的是Elasticsearch（简称ES），是一个开源的分布式搜索和分析引擎，采用Apache Lucene作为核心引擎。Elasticsearch使用倒排索引的数据结构，能够高效地对大规模文本数据进行全文搜索和分析。

2.2        特点

1. 分布式架构：Elasticsearch采用分布式架构，将数据存储和处理分布在多个节点上，提高了系统的可扩展性和容错性。
2. 实时搜索：ES能够实现实时的数据索引和搜索，用户可以快速获取最新的数据和查询结果。
3. 多种查询：Elasticsearch支持全文检索、聚合分析、地理空间搜索等多种查询方式，满足不同应用场景的需求。
4. 高性能：ES具有高效的搜索性能和可扩展性，能够处理大规模数据量的搜索需求。
5. 开发者友好：Elasticsearch提供了丰富的RESTful API和客户端库，方便开发者对其进行集成和使用。

ES指的是Elasticsearch（简称ES），是一个开源的分布式搜索和分析引擎，采用Apache Lucene作为核心引擎。Elasticsearch使用倒排索引的数据结构，能够高效地对大规模文本数据进行全文搜索和分析。

Elasticsearch最初是为了实现全文搜索功能而开发的，但随着其功能的不断扩展，它已经成为了一个功能强大的实时分布式搜索和分析引擎。Elasticsearch具有以下特点：

1. 分布式架构：Elasticsearch采用分布式架构，将数据存储和处理分布在多个节点上，提高了系统的可扩展性和容错性。
2. 实时搜索：ES能够实现实时的数据索引和搜索，用户可以快速获取最新的数据和查询结果。
3. 多种查询：Elasticsearch支持全文检索、聚合分析、地理空间搜索等多种查询方式，满足不同应用场景的需求。
4. 高性能：ES具有高效的搜索性能和可扩展性，能够处理大规模数据量的搜索需求。
5. 开发者友好：Elasticsearch提供了丰富的RESTful API和客户端库，方便开发者对其进行集成和使用。

六        其他相关技术的应用

1        ajax

1.1        简介

Ajax（Asynchronous JavaScript and XML） 是一种利用JavaScript和XML进行异步通信的技术，可以在不重新加载整个页面的情况下，通过后台服务器请求数据并更新部分页面内容，提升用户体验。

• Ajax 是一种在 Web 开发中用于创建动态页面的技术，它允许客户端与服务器进行异步数据交换，无需刷新整个页面。
• Ajax 可以通过使用 XMLHttpRequest 对象或者通过 fetch API 发送异步请求。
• Ajax 可以接收并处理来自服务器的非结构化数据，如 JSON、XML 等，从而实现数据的动态加载和更新。

1.2        优点

1. 页面无需刷新： Ajax 可以在不刷新整个页面的情况下，向服务器请求数据并更新页面内容，提升用户体验。
2. 提高网页加载速度： 由于只更新部分页面内容，减少了不必要的数据传输，可以加快网页加载速度。
3. 减轻服务器负担： Ajax 可以在不重新加载整个页面的情况下向服务器请求数据，减少了服务器的负担。
4. 异步请求： 可以实现异步请求，提高了网页的响应速度。

1.3        缺点

1. 兼容性问题： 不同浏览器对于 Ajax 的支持可能存在兼容性问题，需要进行兼容性处理。
2. SEO难度： 由于 Ajax 更新页面内容不会改变 URL，搜索引擎难以获取页面完整内容，对 SEO 不友好。
3. 安全性问题： Ajax 可能会导致一些安全性问题，如跨站脚本攻击（XSS）和跨站请求伪造（CSRF）等。
4. 增加前端复杂性： 使用 Ajax 可能会增加前端开发的复杂性，需要处理异步请求的各种情况，增加了代码的维护成本。

2         JS与JSP

2.1        JavaScript（JS）

1. JavaScript是一种脚本编程语言，主要用于为网页添加交互功能和动态效果。
2. 客户端脚本语言，运行在浏览器中，由浏览器解释执行。
3. 主要用于处理网页中的事件，验证表单数据，操作DOM（文档对象模型）等。
4. JavaScript代码可以嵌入在HTML中或者作为外部脚本引入网页中。
5. 常用的JavaScript库包括jQuery、React、Angular等，用于简化开发过程和增强功能。

2.2        JSP（JavaServer Pages）

1. JSP是一种基于Java的服务器端技术，用于创建动态网页。
2. 服务器端技术，运行在服务器端，由服务器解释执行，生成HTML返回给客户端。
3. 主要用于生成动态内容、与数据库交互、处理表单提交等服务器端操作。
4. JSP文件包含HTML代码和Java代码，可以访问服务器端的Java对象（如Servlet）。
5. JSP通常与Servlet结合使用，Servlet处理业务逻辑，JSP将结果呈现给用户。

3        路由的使用

1. 后端项目（Spring Boot）：定义RESTful API并提供数据服务。
2. 前端项目（React）：使用React Router来定义前端路由和页面导航。
3. 在React组件中触发后端API请求并展示数据。

    通过合理定义路由并结合API调用，可以实现前后端项目之间的交互和数据传输。