萌新打卡

今天学习了spring框架注解的前后端分离 所以来说说  有说错的地方欢迎大佬指正

首先创建一个web-app项目 然后在pom.xml中导入依赖

1.spring-mvc依赖

spring security vue 前后端分离 菜单管理 spring前后端分离框架_ajax

2.tomcat服务器依赖

spring security vue 前后端分离 菜单管理 spring前后端分离框架_字符串_02

3.ajax依赖 和一个lombok插件的依赖(可以不导入) 

spring security vue 前后端分离 菜单管理 spring前后端分离框架_字符串_03

 然后我们在web-app下添加我们的js库

spring security vue 前后端分离 菜单管理 spring前后端分离框架_后端_04

然后是resources下的xml文件配置了

spring security vue 前后端分离 菜单管理 spring前后端分离框架_后端_05

接下来就是我们的正式代码了,众所周知前后端分离的意义主要是用来提高代码的耦合性 让

专业的人员干专业的事情,不会出现前端等后端提交完数据才能整理jsp页面的行为 这就是前后端分离的意义了

接下来我们首先创建一个实现类

spring security vue 前后端分离 菜单管理 spring前后端分离框架_java_06

然后加上注解Controller

这个注解的意义是

@Controller用于标记一个类，使用他标记的类就是一个SpringMVC Controller对象，即一个控制器类，Spring使用扫描机制查找应用程序中所有基于注解的控制器类。分发处理器会扫描使用了该注解的类的方法，并检测该方法是否使用了@RequestMapping注解的方法才是真正处理请求的处理器。
在使用Controller注解前，需要在Spring配置文件中打开注解扫描

然后创建一个ajax.html页面来做测试  写一个点击事件 然后再写一个hello.jsp测试 里面随便写点东西

spring security vue 前后端分离 菜单管理 spring前后端分离框架_后端_07

spring security vue 前后端分离 菜单管理 spring前后端分离框架_spring_08

然后我们写第一个方法

spring security vue 前后端分离 菜单管理 spring前后端分离框架_字符串_09

这是一个简单的发送请求的方法

其中@RequestMapping注解我的理解是向哪个uri发送请求 走视图解析器的话

然后返回hello.jsp源码 所以返回结果是

spring security vue 前后端分离 菜单管理 spring前后端分离框架_ajax_10

但我们如果加了注解@ResponseBody

spring security vue 前后端分离 菜单管理 spring前后端分离框架_字符串_11

 

 结果就是

spring security vue 前后端分离 菜单管理 spring前后端分离框架_ajax_12

这个注解的作用是 不走视图解析器流程，返回hello字符串

如果返回值是字符串，那么直接将字符串写到客户端；如果是一个对象，会将对象转化为json串，然后写到客户端

总结:我们前端ajax.html发送请求 然后实现ajax业务方法中返回hello字符串 访问ajax01.do

这个路径  如果调用视图解析器的话会自动拼接成hello.jsp 如果没有就运用注解@ResponseBody截取名字返回字符串hello

如有错误请指正 谢谢