SSMSSM包括Spring、MyBatis、SpringMVC 在学习SSM之前，我们会学习Maven工具 在学习SSM之后，我们会学习SpringBoot与MyBatisPlus 我们学习的版本是：Spring6+SpringBoot3 快速掌握：全新SSM+Spring Boot+MyBatis-Plus实战精讲 (wolai.com)

微头条项目开发在进行微头条项目开发的时候，学习到了新的知识点，在此记录下来 Postman测试工具Postman API Platform | Sign Up for Free 接口不同与java中的interface接口文件，我们在这里要提到的是前端 -> 后端的业务接口 在我们目前编写的微头条项目中，前端访问业务接口的形式是通过不同的URI来实现的 在后端中，Controller层定义

Element-plus组件库Element Plus 是一套基于 Vue 3 的开源 UI 组件库，是由饿了么前端团队开发的升级版本 Element UI。 Element Plus 提供了丰富的 UI 组件、易于使用的 API 接口和灵活的主题定制功能，可以帮助开发者快速构建高质量的 Web 应用程序 由于 Vue 3 不再支持 IE11，Element Plus 也不再支持 IE 浏览器。

Pinia实现多个组件中的数据传递 组件传参 路由传参 通过Pinia状态管理定义共享数据 Pinia在使用时，有点像Sevlet中的域对象 Pinia数据无法进行持久化，Pinia结合SessionStorage或者LocalStorage可解决这个问题 Pinia的数据默认为响应式数据，且实时更新 Pinia安装依赖在使用Pinia之前，我们按例首先安装他的依赖 1npm install

同源禁止策略同源策略是浏览器的一种安全策略，要求协议、域名、端口都相同才能互相访问 如果其中有一个不相同，浏览器会禁止页面加载或执行与自身不同域的脚本 这个策略有助于阻隔恶意文档，减少可能被攻击的媒介 前端：http://localhost:5173/ 后端：http://localhost:8080/ 我们发现，前后端端口不同，就会被浏览器当成不同的服务器，会触发同源禁止策略，从而浏览器无法

Axios-拦截器axios.js 在项目src文件夹下建立axios.js文件 建立一个实例对象，这个实例对象可以设置一些异步请求的基本信息 使用实例对象配置请求拦截器和响应拦截器 把这个实例默认暴露 和路由守卫，filter都有一些相似 123456789101112131415161718192021222324252627282930313233343536373839404

Axios轻松启动在学习axios之前，我们先安装axios的依赖（再一次体现vue是渐进式框架的特点） 1npm install axios 从axios框架中导入axios 1import axios from "axios"; 注：axios使用的是默认暴露，导入时不需要加大括号 使用Axios设置请求的参数（请求三要素） Axios的返回值是一个promise对

Promise前端中的异步技术，类似Java中的多线程+线程结果回调 Promise是异步编程的一种解决方案，ES6将其写进了语言标准，统一语法，提供了Promise对象 Promise中储存一个未来才会结束的事件（通常是一个异步操作），他提供了统一的API，各种异步操作都可以使用方法处理 Promise有三种状态： Pending（进行中） Resolved（已完成，又称Fulfilled）

Vue-路由守卫路由守卫有点像是Java中的Filter过滤器，它可以在路由页面切换前后去执行一些功能代码 全局前置守卫：在路由切换前被调用，可以用于验证用户登录、中断导航、请求数据等 全局后置守卫：在路由切换之后被调用，可以用于处理数据、操作Dom、记录日志等 守卫代码写在 router.js文件中 全局守卫每次路由切换页面前，都会执行beforeEach中的回调函数 回调函数提供三个

Vue-路由传参在vue中，页面路由里不再只能由 ?key=value 的形式传递参数 还可以使用路径参数的方式传递参数 路径参数router.js 路由规则准备页面ShowDetail，并在路由规则中添加路径映射 1234567routes: [ { path: "/showDetail/:id/:laguage",