浅谈JAVAWEB交互

冷不防 2021-10-14 22:51 382阅读 0赞

javaweb交互是一个很简单的事情，我们一起看一下：

### 以最经典的mvc模式为例： ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1YWl4aWFvaGFpXzE_size_16_color_FFFFFF_t_70][]

**解释：**

在javaweb中，程序一般放在tomcat中运行，用户访问网页，tomcat首先解析路径，然后跳转到自己的资源中。这样就可以看到静态界面。

如果用户发起请求，一般前端发起请求主要有form表单，ajax进行请求，当然也可以直接url进行请求（默认方法get）。

java中有一个servlet的框架，然后这个框架首先会把用户的请求的请求头请求体一些信息封装成9个对象提供给servlet和jsp使用。这样我们就可以通过这几个内置对象对请求信息进行使用，以及响应用户请求。

动态网站的根本还是操作数据库，所以在后台中操作数据库是必不可少的操作。

我们在后台进行连接数据库（通过http请求数据库端口默认3306），但是我们连接数据库以后，要进行什么操作呢？

以登录功能为例，用户输入账号密码以后，我们通过servlet给我们封装的对象可以读取出用户提交的信息，然后我们把用户填写的数据组装成sql语句，进行逻辑上判断账号密码是否正确。

然后把判断的结果通过servlet返回给用户。

**优点：**

对于前后端熟悉的人来说这种模式开发速度快，简单方便。

**缺点：**

耦合度太高，尤其是jsp前后端代码杂糅在一起，对于前端或者后端不熟悉的人，写起来就非常恶心。

### ResTFul风格： ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1YWl4aWFvaGFpXzE_size_16_color_FFFFFF_t_70 1][]

大体的流程图是这样的，但是这样并不能展现RestFul的风格。

用户通过前台向后台发起请求以后后台通过统一的格式（提前约定好的），返回给前台。当然在返回给前台数据之前，先会对传过来的数据进行表单验证，然后前端拿到数据以后，去执行怎样渲染后台就不会去再关心了（一般都是用js动态的“画出来”）。

在RestFul风格里边任何请求按照格式都能请求到后台数据，但是我们还是要对请求进行过滤的，对于有些非法请求直接拦截了。既然这这样那么我们一个台就可以对应多个前台了，这样就有了**前后端分离**，前后端分别在不同的服务器上部署。

既然前后端分开了，那么不可避免的会遇到跨域的问题，这个问题要怎么解决呢？

前端若想通过ajax请求后台数据，那么必然要先解决跨域问题，这时候就要使用一种CORS技术，\[CORS全称为Cross Origin Resource Sharing（跨域资源共享），服务端只需添加相关响应头信息，即可实现客户端发出AJAX跨域请求\]，这种技术使用方便，易于实现，大多数浏览器能支持。

说着说着交互，我也不知道自己瞎说了半天啥。。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1YWl4aWFvaGFpXzE_size_16_color_FFFFFF_t_70]: /images/20211015/876a322140db47a78818de860c45c5f8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1YWl4aWFvaGFpXzE_size_16_color_FFFFFF_t_70 1]: /images/20211015/9113c9cbd96a4d25a2d07da2a4c0059f.png