快速了解前后端数据交互，及实现原理

01、前言
通过之前分享的（html、css、js）可以制作网页，若把制作好的网页发布到网上，供其他人访问，那么这就是一个web项目

想要发布一个线上的web项目，也就是说其他人通过输入网址访问，就必须要有一个web服务器（如：tomcat）

02、先了解几个概念
1.什么是Tomcat？是一款开源的轻量级的web服务器，也可以理解成为中间件

简单理解为：前端浏览器发出的http请求经过tomcat中间件，向后端数据库要数据，数据库再通过tomcat返回给前端浏览器

2.什么是http协议？规定了浏览器和服务器之间的数据传输的格式

因为要访问web（线上）的项目，必须通过http协议才能访问

3.什么是servlet？就是一个运行在web服务器上的小的java程序，用户处理客户端发来的请求，并做出响应

4.为什么要用servlet？因为web服务器只擅长提供静态的页面，没有处理动态资源请求的能力

03、用户是如何访问一个web项目的？
通过输入网址访问：http://你的ip（可以通过ipconfig查）:tomcat端口号（默认是8080）/项目名。

举例解释说明：如：http://mail.163.com/index.

htmlhttp://:这个是协议，也就是网页在网上传输的协议

mail：这个是服务器名

163.com:这个是域名，是用来定位网站的独一无二的名字

mail.163.com：这个是网站名，由服务器名+域名组成

/：这个是根目录，也就是说，通过网站名找到服务器，然后再找服务器存放网页的根目录index.html：

这个是根目录下的默认网页（当然，163的默认网页是不是这个我不知道

只是大部分的默认网页，都是index.html）http://mail.163.com/index.html:这个叫做URL，统一资源定位符，全球性地址，用于定位网上的资源。

04、如何使用tomcat？

第一步：下载tomcat，通过http://tomcat.apache.org/进行下载

第二步：下载完毕，解压即可

第三步：解压后，进入找到bin/stratup.bat，双击即可开启

双击开启后如图

第四步：检验tomcat服务器是否成功开启在浏览器里面输入http://localhost:8080/，出现如下界面就是启动成功

05、如何发布一个tomcat项目呢？
针对上面讲到的开启tomcat的方法，但实际开发中一般采用Eclipse集成
Tomcat，开启和编码一体操作，这样更方便快捷，操作如下：

第一步：对Eclipse的服务环境进行配置

在eclipse软件界面中找到window—选择preferences

弹出界面选择Server

添加服务

选择tomcat服务

第二步：配置服务
创建服务

选择服务

设置服务：

设置完毕，ctrl+s保存后，Eclipse中出现一个servlet就算成功了

第三步：配置好之后，需要在eclipse中发布web项目
创建一个web项目

创建页面

发布项目

启动tomcat

测试是否成功：访问项目http://localhost:8080/web_test/

06、如何使用servlet？
上面讲到过开发一个动态网页，需要用到诸如（servlet）技术

如何使用servlet呢？实际开发中常用Eclipse开发Servlet，这样更方便快捷

第一步：新建Servlet

第二步：完成Servlet的配置

07、演示用servlet和tomcat开发一个动态网页

第一步：创建包和类

第二步：在对应的类中，用java编写一条输出语句

第三步：输入地址，访问java中编写的动态信息，显示如图 好了

天呐,我终于编辑完了,真想吐槽一下,csdn不能把word里面编辑好的带图片的文章直接导入

仓了天,我一张张的插入进来,近50张图片,真心挺累,这方面做的不如微信公众号方便

真心建议csdn产品改良一下

我是陈鹤元，前创业者，现互联网产品经理，微信公众号：陈鹤元，关注我，更多好文不错过~~