您好,欢迎来到华佗小知识。
搜索
您的当前位置:首页前后端数据交互,及实现原理

前后端数据交互,及实现原理

来源:华佗小知识


前后端数据交互,及实现原理

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.html

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

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中编写的动态信息,显示如图

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuo0.cn 版权所有 湘ICP备2023017654号-2

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务