开发者社区> 懒羊羊.java> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

【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/SB/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课都拿高分!

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
SpringBoot学习---Web开发(静态资源处理,首页和图标)
SpringBoot学习---Web开发(静态资源处理,首页和图标)
214 0
VScode插件推荐(web开发)
VScode插件推荐(web开发)
135 0
【HTML入门】从网页搭建开始学习Java Web开发
今天开始总结学习Java Web,而学习Java Web我们应该先学习一些网页搭建基础的东西,今天我们就先从HTML开始。
105 0
【SpringBoot 2】(六)配置文件 web开发相关(二)
【SpringBoot 2】(六)配置文件 web开发相关(二)
65 0
【SpringBoot 2】(六)配置文件 web开发相关(一)
【SpringBoot 2】(六)配置文件 web开发相关(一)
29 0
【学习笔记】【Idea】开发WEB程序
【学习笔记】【Idea】开发WEB程序
43 0
面试官问我Python日历模块,我直接用Flask开发Web版日历应用给他
面试官问我Python日历模块,我直接用Flask开发Web版日历应用给他
42 0
推荐这几个流程图设计器web开发方案
前沿:一个流程图设计器需要什么?一个是图的绘制能力、基于svg或者canvas来绘制各种形状的节点(矩形、圆形、多边形)以及线,一个是图与图之间的交互包括拖拽,节点之间的连线等,最后是画布面板的便捷性,其中包括:比如ps中的网格功能、对其线、步骤回撤、画布的可伸缩、快捷按钮等等,那前端社区有啥开源解决方案,方便我们快速开发一个属于自己的流程图设计器?
404 0
艾伟_转载:VS 2010 和 .NET 4.0 系列之《代码优化的Web开发Profile》篇
本系列文章导航 VS 2010 和 .NET 4.0 系列之《ASP.NET 4 中的SEO改进 》篇 VS 2010 和 .NET 4.0 系列之《干净的Web.Config文件 》篇 VS 2010 和 .
1089 0
艾伟_转载:ASP.NET开发中关于Web标准的几点建议
  Visual Studio.NET从2003到现在的2008,一路走来慢慢强大……从以前的vs2003能自动改乱你的html代码到现在在vs2008中都能直接对html代码进行w3c标准验证并提示了,非常不易。
791 0
+关注
懒羊羊.java
我亦无他,惟手熟尔
文章
问答
文章排行榜
最热
最新
相关电子书
更多
WEB浏览器中即将发生的安全变化
立即下载
Web应用系统性能优化
立即下载
从Web到Cloud App——YunOS Web App 开发经验分享
立即下载