【Javaweb】Web工作原理、两种网页、两种脚本

简介: 之所以叫Javaweb是因为Java对Web领域的发展注入了强大的动力是web领域的主流脚本语言一门面向对象的编程语言,不仅吸收了C++语言的各种优点,还摒弃了C++里难以理解的多继承、指针等概念"一次编译,到处运行"决定了它的高度

@TOC

前言

之所以叫Javaweb是因为Java对Web领域的发展注入了强大的动力是web领域的主流脚本语言
一门面向对象的编程语言,不仅吸收了C++语言的各种优点,还摒弃了C++里难以理解的多继承、指针等概念"一次编译,到处运行"决定了它的高度

一.软件编程体系

1.B/S模型

B/S结构:==适用于广域网环境==应用程序及数据库系统都安装在服务器上,客户端只需安装一个浏览器软件。处理功能都运行在服务器端。
在这里插入图片描述

优点:维护方便、易于升级和扩展。处理功能运行在服务器端,客户端零维护。软件升级只需在服务器端更新程序即可软件重用性好。
缺点:服务器负担沉重,容易成为性能的瓶颈,客户端功能十分有限。 B/S架构也可理解为web架构,包含前端、后端、数据库三大组成部分。

==前端==
前端开发技术工具包括三要素:HTML、CSS和JavaScript,还有很多高级的前端框架,如bootstrap、jquery, VUE等
==后端==
后端开发技术工具主要有:Net、JAVA、PHP, Go等
==数据库==
主流的三种关系型数据库:Mysql.SQLserver、Oracle ,还有Nosql非关系型数据库:Redis、Mongodb等

2.C/S模型

C/S结构:主要==适用于局域网环境==客户端具有独立的处理功能,同时通过网络与服务器端通信。开发工具包括C++、Delphi、Java等。
在这里插入图片描述

==优势==:充分发挥客户端PC的处理能力,客户端响应速度快。服务器端一般不会成为性能的瓶颈。
==劣势==:系统的可扩展性和可维护性差。客户端需要专门安装;升级很不方便;可连接用户数有限。
C/S B/S
局域网,专门的小范围网络硬件环境,用户固定,用户数量有限 广域网,不必是专门的网络环境,只要是能接入lnternet的用户均可
升级和维护难,成本高 客户端零维护,易于实现系统的无缝升级
单一结构,软件整体性较强各部分间的耦合性强,可重用性较差 多重结构,各构件相对独立,可重用性较好
客户端和服务器端是平台相关的,多是Windows平台 客户端和服务器端是平台无关的
面向相对固定的用户群,对信息安全的控制能力强 面向不可知的用户群,对信息安全的控制能力相对较弱

二.http协议(🏁)

==定义==:HTTP (Hyper Text TransferProtocol)超文本传输协议是万维网客户端(Browser)与服务器端(Server)交互遵守的协议,是一个应用层的协议,TCP三次握手四次挥手,通过发包拆包的方式建立连接使用TCP连接进行可靠的传输。
1、HTTP协议是一种请求/应答协议,它通过客户机和服务器相互发送消息的方式工作。
2、使用HTTP消息头,可以实现客户机与服务器之间的HTTP请求和HTTP响应
在这里插入图片描述
HTTP的基本思想:客户端给服务器发送请求,服务器向客户发送响应。HTTP事务有两种类型:请求和响应
在这里插入图片描述
3、消息头分为:通用头,请求头,响应头和实体头等4类。

三.两种网页

1.静态网页

浏览器发出一个URL请求,与服务器建立连接;服务器接到请求后,在硬盘上找到相应的文件:若是静态网页→直接传送到客户端

在这里插入图片描述
纯粹HTML格式的网页被称为静态网页,通常是以.htm或.html为后缀的HTML文件。

2.动态网页

动态网页文件中含有HTML标记和程序代码,后缀随程序语言的不同而不同,如.asp、.aspx、.php、.jsp等需要数据库支持。
1、动态网页是由服务器执行相应的脚本程序后,动态生成的HTML文件。
2、不同的请求及访问数据的变化会生成不同的HTML代码,网页内容随时更新。 3、具有数据库访问功能,支持客户端和服务器端的交互。

在这里插入图片描述

五.端口脚本

脚本(Scripts)是指嵌入到Web页中的程序代码,所使用的编程语言称为脚本语言。==Java就可以作为一种脚本语言==
按照执行方式和位置的不同,脚本分为==客户端脚本==和==服务器端脚本==。

1.客户端脚本

客户端脚本在客户机上被Web浏览器执行
下面就是一段脚本语言

<html>
   <head>
       <title>懒羊羊的第一个网页</title>   
   </head>
    <body>
    <p>沸羊羊你好!</p>
  </body >
</html>

通过在记事本编写更改文件后缀格式为.html就可在本机浏览器运行,不需要借助服务器也不需要http协议的几次握手挥手,这就是典型的客户端脚本

==静态网页只能包含客户端脚本==,动态网页则可以包含客户端脚本和服务器端脚本。因此,静态网页中的任何脚本都不能在服务器上运行,而动态网页中的某些脚本只能在Web服务器上运行。

2.服务器端脚本

服务器端脚本在服务器上被Web应用服务器执行

1、常见的客户端脚本语言有 VBScript、JavaScript等。
2、工作机制:将脚本嵌入到Web页面中,并随着HTML文件一起传送到客户端,由浏览器解释执行。在脚本执行期间==无须与服务器交互==,可以对用户的操作直接做出响应。
==我在本机启动tomcat服务的前提下,将脚本语言编写好以后在浏览器通过输入绝对路径的方式执行,脚本语言就变成了服务器端脚本语言==
在这里插入图片描述

所以还是指向一点——==运行的环境决定脚本的性质==
共同点:
脚本运行于服务器端,能够动态生成网页;-脚本运行不受客户端浏览器限制;
脚本被嵌入到HTML文档中,执行后返回HTML代码。

最后祝大家web课都拿高分!

相关文章
|
1月前
|
数据采集 数据挖掘 Python
使用Python构建简单的Web爬虫:实现网页内容抓取与分析
本文将介绍如何使用Python编写一个简单的Web爬虫,实现对特定网页内容的抓取与分析。通过学习本文,读者将了解到如何利用Python的requests和Beautiful Soup库来获取网页内容,并通过示例演示如何解析HTML结构,提取所需信息。此外,我们还将讨论一些常见的爬虫挑战以及如何避免被网站封禁的策略。
|
2月前
|
JavaScript 前端开发 测试技术
使用Selenium执行JavaScript脚本:探索Web自动化的新领域
本文介绍了如何在Selenium中使用JavaScript解决自动化测试中的复杂问题。Selenium的`execute_script`函数用于同步执行JS,例如滑动页面、操作时间控件等。在滑动操作示例中,通过JS将页面滚动到底部,点击下一页并获取页面信息。对于只读时间控件,利用JS去除readonly属性并设置新日期。使用JS扩展了Selenium的功能,提高了测试效率和精准度,适用于各种自动化测试场景。
55 1
|
2月前
|
前端开发
web前端---------网页中的选项
web前端---------网页中的选项
27 0
|
2月前
|
前端开发 数据安全/隐私保护
web前端----------网页中的输入框
web前端----------网页中的输入框
30 0
|
2月前
|
前端开发
Web前端开发------网页分组元素
Web前端开发------网页分组元素
25 0
|
2月前
|
网络协议 Shell 网络安全
实验目的1.编译安装httpd2.优化路径3.并将鲜花网站上传到web服务器为网页目录4.在客户机访问网站http://www.bdqn.com
实验目的1.编译安装httpd2.优化路径3.并将鲜花网站上传到web服务器为网页目录4.在客户机访问网站http://www.bdqn.com
169 0
|
8天前
|
前端开发 JavaScript Python
使用Python读取本地行情csv文件,做出web网页画出K线图实现案例
【5月更文挑战第4天】使用Python绘制K线图的步骤:1) 安装pandas, matplotlib和Flask;2) 用pandas读取CSV文件并处理数据;3) 创建Flask应用,渲染包含K线图数据的HTML;4) 编写HTML,使用ECharts库绘制K线图。
26 0
|
12天前
|
JavaScript 前端开发
【Web 前端】网页上有 5 个div元素,如何使用JQ来选择它们?
【5月更文挑战第1天】【Web 前端】网页上有 5 个div元素,如何使用JQ来选择它们?
|
13天前
|
运维 前端开发 JavaScript
【专栏:HTML进阶篇】HTML与Web标准:构建可访问与可维护的网页
【4月更文挑战第30天】本文探讨了HTML与Web标准的关系,强调遵循标准对创建高质量、可访问、可维护网页的重要性。通过使用语义化标签、提供文本替代、合理使用表格和列表,可提升网页可访问性;通过结构化文档、添加注释、分离结构与表现,能增强网页可维护性。遵循Web标准,可确保网页在不同设备上的兼容性,并满足各类用户需求。
|
13天前
|
移动开发 JavaScript 前端开发
【专栏:HTML进阶篇】HTML模板与Web组件:可复用的网页元素
【4月更文挑战第30天】HTML模板和Web组件提升网页开发效率和可维护性。HTML模板,如&lt;template&gt;元素和服务器端模板引擎,用于创建可复用的HTML结构。Web组件是自定义的HTML元素,结合影子DOM和模板,实现封装的可重用组件。两者助力构建高效、现代的网页和网站。