实战wiki知识库系统-笔记

最新推荐文章于 2025-04-09 00:29:06 发布

原创最新推荐文章于 2025-04-09 00:29:06 发布 · 1.8k 阅读

8 ·

CC 4.0 BY-SA版权

SpringBoot 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了SpringBoot项目搭建、后端架构完善与接口开发，包括@Controller与@RestController的区别、HTTP请求映射注解的使用。同时，讲解了Vue3项目创建与配置，以及如何通过axios进行前后端数据交互。最后，提供了Vue和SpringBoot整合的实践总结，并列举了相关高频面试题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 导学

2. Spring Boot项目搭建

在这里插入图片描述

SpringCloud 相当于Spring Boot 加上一些组件
@Controller 注解返回的是某个页面
@RestController相当于@Controller + @ResponseBody 返回的是json字符串

@GetMapping用于将HTTP
GET请求映射到特定处理程序方法的注释。具体来说，@GetMapping是一个作为快捷方式的组合注释@RequestMapping(method
= RequestMethod.GET)。

@PostMapping 用于将HTTP
POST请求映射到特定处理程序方法的注释。具体来说，@PostMapping是一个作为快捷方式的组合注释@RequestMapping(method
= RequestMethod.POST)。

@RequestMapping:
一般情况下都是用@RequestMapping（method=RequestMethod.），因为@RequestMapping可以直接替代以上两个注解，但是以上两个注解并不能替代@RequestMapping，@RequestMapping相当于以上两个注解的父类！

类似的组合注解还有： @PutMapping、@DeleteMapping、@PatchMapping
总结下来就是@PostMapping和@GetMapping都可以用@RequestMapping代替，如果读者怕在映射的时候出错，可以统一写@RequestMapping，当然这样写的话也有弊端，笼统的全用@RequestMapping,
不便于其他人对代码的阅读和理解！还是建议区分开来写！养成良好的代码习惯！

@ComponentScan(“com.jiawa”) 包扫描
@MapperScan(“com.jiawa.wiki.mapper”) mapper包扫描

3. 后端架构完善与接口开发

idea安装 FreeMybatis plugin 插件方便mapper接口和mapper文件查看跳转
总结：本章知识点梳理
在这里插入图片描述
思考：高频面试题

4. Vue3 + Vue CLI 项目搭建

npm get registry --显示当前镜像网址
npm config set registry http://registry.npm.taobao.org/ --设置使用淘宝镜像

vue cli指定版本安装与卸载(最好使用cnpm 命令安装)

npm install -g @vue/cli@3.11.0
npm uninstall -g @vue/cli

npm list显示已经安装js插件的列表

TypeScript 和 JavaScript 的区别？

vue目录结构(使用)
https://blog.csdn.net/qq_43181545/article/details/107463456
在这里插入图片描述

在这里插入图片描述

5. 前后端交互整合

axios安装 npm install axios --save
(安装指定版本 npm install axios@0.21.0 --save)

知识点梳理:
请添加图片描述
高频面试题: