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

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

前言

之所以叫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课都拿高分!

相关文章
|
4月前
|
前端开发 JavaScript 开发者
探索Web设计新纪元:CSS3的革新特性如何重塑我们的网页视觉体验?
【8月更文挑战第26天】随着Web技术的发展,CSS3为前端开发带来了众多激动人心的新特性,极大提升了网页设计的视觉效果与创意空间。本文通过对比CSS3与CSS2,详细介绍了CSS3在选择器增强、圆角阴影处理、渐变背景应用、转换动画实现、文字效果优化、媒体查询支持及多列布局方面的显著改进,展示了CSS3如何助力开发者打造更具吸引力和互动性的网页体验。
56 1
|
4月前
|
存储 数据库 开发者
Ruby的魔法之旅:如何从命令行脚本演变为Web应用
【8月更文挑战第31天】在编程领域,Ruby凭借其灵活优雅的语法深受开发者喜爱。从命令行脚本到Web应用,Ruby均能游刃有余。它可以帮助我们简化日常任务,如批量重命名文件或自动备份数据。随着技能提升,Ruby还能用于开发复杂的数据抓取工具,并通过Sinatra框架快速搭建Web接口,实现功能共享。其强大的社区支持和简洁的代码风格,使Ruby成为探索编程世界的理想选择,无论处理文本还是构建应用,Ruby都能带来高效与便捷。
41 0
|
1月前
【Azure App Service】PowerShell脚本批量添加IP地址到Web App允许访问IP列表中
Web App取消公网访问后,只允许特定IP能访问Web App。需要写一下段PowerShell脚本,批量添加IP到Web App的允许访问IP列表里!
|
2月前
|
JavaScript API 开发工具
(H5-Web3D-ThreeJS)在网页三维CAD中绘制窗户模型
本文介绍了如何使用mxcad3d在网页中创建一个简单的三维窗户模型。通过官方教程搭建环境,编写绘制窗户模型的代码,并在点击按钮后展示模型效果。最终模型包括窗框和玻璃部分,具备丰富的三维建模功能和便捷的API支持。
|
3月前
|
小程序 前端开发 中间件
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
本文介绍了如何在ThinkPHP框架中配置跨域请求,使用了TP内置的跨域类`\think\middleware\AllowCrossDomain::class`。文章还讨论了小程序和web网页在跨域请求格式上的区别,并提供了解决方案,包括修改跨域中间件源码以支持`Origin`和`token`。此外,还介绍了微信小程序跨域请求的示例和web网页前端发送Axios跨域请求的请求拦截器配置。
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
|
2月前
|
Web App开发 前端开发 网络性能优化
Web网页端IM产品RainbowChat-Web的v7.2版已发布
RainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIMSDK (Github地址) 的产品级移动端IM系统)。
38 1
|
2月前
|
前端开发 Java API
JAVA Web 服务及底层框架原理
【10月更文挑战第1天】Java Web 服务是基于 Java 编程语言用于开发分布式网络应用程序的一种技术。它通常运行在 Web 服务器上,并通过 HTTP 协议与客户端进行通信。
29 1
|
3月前
|
安全 关系型数据库 Shell
Web安全-浅析CSV注入漏洞的原理及利用
Web安全-浅析CSV注入漏洞的原理及利用
155 3
|
2月前
|
存储 安全 前端开发
在前端开发中需要考虑的常见web安全问题和攻击原理以及防范措施
在前端开发中需要考虑的常见web安全问题和攻击原理以及防范措施
170 0
|
3月前
|
SQL 安全 搜索推荐
Web安全-伪静态网页
Web安全-伪静态网页
41 3