扫盲篇前端界面与Java怎么联系起来？

Posted 2022-04-20 叁滴水

文章目录

• • 前言
  • 前端如何发送请求？
  • 如何理解服务？

前言

众所周知，java常用来做服务器开发。常有的功能如：

1. 登录操作，用来写账号密码验证逻辑。

2. 转账操作。

   等，一些私密性的操作。

   那么前端呢？前端主要是用来展示的，将后端的这些逻辑友好的展示给用户。如。

   登录的时候有正在登录的提示。

   

网卡的时候展示loding的提示

等等。久而久之，随着与用户交互的方式越来越多，出现了很多其它的端，如pc端（QQ）、安卓端（安卓上的QQ）、ios端、小程序等等，这些都是与用户交互的端，也都是用来展示的端。。

综上所述，可以总结来说：后端是主要做业务逻辑的，超级复杂的功能业务代码都在后端来处理。展示的端主要是用来跟用户交互的，展示性的代码，有前端、pc端、安卓端等等。这些用来展示的端一般都会对应同一套后端代码。例如：电脑和手机玩qq的时候，信息都是同步的。

前端请求如何到达后端的？

试想，我的在浏览器输入一个网站都发生了什么？难道是一个浏览器里面保存了世界上所有的信息吗？有的网页游戏那么好玩，几百兆的浏览器里面还能玩游戏？这也太厉害了。是如何实现的呢？

这里先放下四个字：信息传输。

1. 打开浏览器
2. 此时的浏览器是一个空壳，里面什么都没有。
3. 输入www.baidu.com
4. 此时浏览器会向百度服务器拉取html代码。这里的代码拉取一般有html、js、css、img等文件。
5. 拉取完成之后。浏览器对于这些代码进行解析并展示。
6. 展示完成之后显示百度框
7. 用户可以输入想要搜索的内容。
8. 浏览器收到用户想要搜索的内容，并去百度服务器拉取对应的信息。
9. 百度服务器返回搜索的内容，并在浏览器展示。

前端如何发送请求？

上面讲解了具体的加载思路，可以将上面的思路映射到我们的html代码和java代码上。输入域名的部分是不需要开发人员开发的。开发人员需要关注的是当页面加载完成之后，如何与服务器进行交互。

ajax、a标签、form 表单、img标签 等等。每个请求都会通过浏览器的调试工具进行捕捉。

上图展示的大部分是html的请求，但是一般情况下，我们后端java的接口路径为

• http://localhost:8080/system/user/login
• http://localhost:8080/system/student/getUserInfo

等等。一般情况下后端的接口路径为4个部分。

1. ip+端口。标注服务的地址信息。一般本地为localhost。tomcat默认的端口为8080，端口可以自行修改。
2. 项目名为前缀。好比上面的system。这个可以自行定义。假如是学生管理系统即可为studentSystem；老师管理系统为teacherSystem。
3. 模块名。这里分为用户模块、登录模块、老师管理模块、学生管理模块、图书管理模块等等。这里的每个模块一般会对应一个Controller。如UserController、StudentController、BookController等等
4. 方法名。这是会对应每个方法的作用，如login、getUserInfo、updateUser、deleteUser等等。

如何理解服务？

首先理解端口，端口可以认为是计算机与外界通讯交流的出入口。宏观上可以理解为usb端口、网线端口等等，微观上计算机有很多端口，范围为从0到65535。每个服务启动之后都要监听一个端口，当有信息传入时，会对于此端口的信息进行解析。（当然里面的结构会更加复杂，对于初级开发而言，可以暂时这么理解）。常见的端口为tomcat:8080、nginx:80、mysql:3306等等。

如下图，tomcat启动之后，会监听8080端口。当计算机的8080端口有信息输入时，会进行解析。因此浏览器在输入信息的时候要加上8080端口。如：http://localhost:8080/