JavaWEB 核心技术快速入门详解(一)

心已赠人 2023-02-26 06:28 2阅读 0赞

**目录**

WEB开发简述

1.JavaWEB应用

2.WEB资源介绍

3.WEB应用架构

3.WEB通信模式

4.URL请求路径

5.HTTP

6.WEB服务器（了解）

7.WEB应用结构图

--------------------

# WEB开发简述 #

## 1.**JavaWEB应用** ##

>  *  WEB：万维网，网络
>  *  WEB应用：网络应用程序
>  *  JavaWEB应用：用Java编写的网络应用程序

## 2.**WEB资源介绍** ##

我们在浏览器上能够查看的一切信息，都称之为WEB资源。

*  **静态WEB资源**：**代码不变，展示内容就不变**
 *  浏览器可直接解释执行

如: HTML、CSS、JS、图片、声音、视频….

*  **动态WEB资源**：**展示内容的改变，由程序控制**

如  : Sevlet、JSP。。。

>   网页统计登录人数：（程序控制）
> 
>        12:00     300人
> 
>        14:00     500人

## 3.**WEB应用架构** ##

C/S：客户端/服务器

B/S：浏览器/服务器

> 相同之处：都有服务器，服务器都是处理信息的大脑
> 
> 不同之处：
> 
>       ①C/S程序结构，服务器端压力轻，效果炫，数据安全性较好
> 
>         维护麻烦，安装其他依赖
> 
>       ②B/S程序结构：维护简单，不需要安装其他程序（有浏览器就行）。
> 
>        服务器端压力大，效果远不如C/S，数据安全性较差

>  *  WEB应用通讯模式：请求/响应模式
>  *  C/S：client/server（客户端/服务器）：客户端需要安装（为了该应用单独安装的）
>  *  **B****/S**：browser/server（浏览器/服务器）：只需要浏览器作为客户端即可
>  *  优缺点：
> 
> C/S：安全性高、升级和维护很不方便（客户端的代码量大）。
> 
> B/S：安全性低、升级和维护很方便（客户端的代码量小）。

> 解决：
> 
> 1.  服务器端压力（正在持续解决）
> 2.  数据安全性（已经解决）

## 3.WEB通信模式 ##

WEB程序采用B/S通信模式。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70][]

请求-响应 模型：

> 顺序：
> 
>    1、浏览器发送请求 。  （浏览器向服务器传递数据）
> 
>    2、服务器处理请求。   （服务器接收数据，并处理）
> 
>    3、服务器发送响应。   （服务器将处理结果传递回浏览器，让浏览器展示）

请求：浏览器向服务器发送数据

响应：服务器向浏览器发送数据

> 注意：
> 
>    1、请求-响应必须是成对出现。（有请求，必有响应；有响应之前，必先有请求）
> 
>     2、请求-响应会有多种情况（HTTP响应状态码）

## 4.URL请求路径 ##

URL：统一资源定位符，理解为：某个资源的地址

> **协议名://域名:端口号/资源位置?参数=值**
> 
>   协议，http、https、ftp等
> 
>   域名，域名或IP地址，都可以访问WEB资源。**域名最终会被翻译成：IP地址**
> 
>   端口号【可选】，程序必须使用端口号，才可以让另一个计算机访问。**http协议的默认端：80**
> 
>   资源位置【可选】，用于描述WEB资源再服务器上的位置。
> 
>   参数列表【可选】： **?参数1=值1&参数2=值2**，**用来发送请求的**。

> 如:     http://www.baidu.com:80/index.jsp?xxx=yyy&ccc=zzz

以下效果相同：

> http://www.baidu.com/
> 
> http://www.baidu.com:80/xxx/1.png

了解：

URL编码：把中文或特殊符号变为%16进制位，为了保证数据传递中的完整性

> 百度搜索"煌sir"
> 
> [https://www.baidu.com/s?ie=utf-8&f=8&rsv\_bp=1&tn=baidu&wd=%E7%85%8Csir&oq=%25E4%25BC%25A0%25E6%2599%25BA%25E6%2592%25AD%25E5%25AE%25A2&rsv\_pq=9cbf0eac00051f41&rsv\_t=b1ectYnp8YrCyVoTY4oDCdXYBMoXXCcA3ZN9gITQKGdIU8sBahLqzQNrlZs&rqlang=cn&rsv\_dl=tb&rsv\_enter=1&rsv\_sug3=16&rsv\_sug1=5&rsv\_sug7=100&rsv\_sug2=0&rsv\_btype=t&inputT=7773&rsv\_sug4=8522][https_www.baidu.com_s_ie_utf-8_f_8_rsv_bp_1_tn_baidu_wd_E7_85_8Csir_oq_25E4_25BC_25A0_25E6_2599_25BA_25E6_2592_25AD_25E5_25AE_25A2_rsv_pq_9cbf0eac00051f41_rsv_t_b1ectYnp8YrCyVoTY4oDCdXYBMoXXCcA3ZN9gITQKGdIU8sBahLqzQNrlZs_rqlang_cn_rsv_dl_tb_rsv_enter_1_rsv_sug3_16_rsv_sug1_5_rsv_sug7_100_rsv_sug2_0_rsv_btype_t_inputT_7773_rsv_sug4_8522]

扩展：

> *扩展：URI（**Uniform Resource Identifier**），统一资源**标识**符（URI包含URL，URI正在替代URL）*

练习:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70 2][]

## 5.**HTTP** ##

*  HTTP（HyperText Transfer Protocol）是什么

> 1.  用来访问网页的协议（html）
> 2.  http的作用：浏览器与服务器之间通讯的一种格式。

## 6.WEB服务器（了解） ##

>  *  **tomcat**:小型、免费、开源。  几乎用的都是tomcat（集群）
>  *  WebLogic:大型、收费。功能最强大   （大型服务器）

*  WEB服务器的作用：服务器提供了基本的网络应用的基础。
 *  JavaWEB服务器的作用：他可以把jsp/servlet这些java的动态资源转换成静态资源。
 *  本人使用的web服务器：tomcat（jsp/servlet容器）

## 7.**WEB应用结构图** ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70 3][]

看完恭喜你,又知道了一点点!!!

**你知道的越多,不知道的越多! **

**~感谢志同道合的你阅读,  你的支持是我学习的最大动力 ! ****加油 ,陌生人一起努力,共勉!!**

> **注: 如果本篇有需要改进的地方或错误,欢迎大神们指定一二~~**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70]: /images/20230209/4bdf2f9303704bd684cafc3a29961b8c.png
[https_www.baidu.com_s_ie_utf-8_f_8_rsv_bp_1_tn_baidu_wd_E7_85_8Csir_oq_25E4_25BC_25A0_25E6_2599_25BA_25E6_2592_25AD_25E5_25AE_25A2_rsv_pq_9cbf0eac00051f41_rsv_t_b1ectYnp8YrCyVoTY4oDCdXYBMoXXCcA3ZN9gITQKGdIU8sBahLqzQNrlZs_rqlang_cn_rsv_dl_tb_rsv_enter_1_rsv_sug3_16_rsv_sug1_5_rsv_sug7_100_rsv_sug2_0_rsv_btype_t_inputT_7773_rsv_sug4_8522]: https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=baidu&wd=%E7%85%8Csir&oq=%25E4%25BC%25A0%25E6%2599%25BA%25E6%2592%25AD%25E5%25AE%25A2&rsv_pq=9cbf0eac00051f41&rsv_t=b1ectYnp8YrCyVoTY4oDCdXYBMoXXCcA3ZN9gITQKGdIU8sBahLqzQNrlZs&rqlang=cn&rsv_dl=tb&rsv_enter=1&rsv_sug3=16&rsv_sug1=5&rsv_sug7=100&rsv_sug2=0&rsv_btype=t&inputT=7773&rsv_sug4=8522
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70 1]: /images/20230209/25163903eea44c28816006b8423b9b4c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70 2]: /images/20230209/e63b0d7fff8343d3abdc3d2dc23c1a11.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70 3]: /images/20230209/b09c8445f3d24082b5da00c6dc57f033.png