动态网页开发基础

2021年6月20日 2点热度 0条评论 来源: C小陈童鞋

动态网页开发基础

什么是动态网页

  • 动态网页是指在服务器端运行的,使用程序语言设计的交互式网页,它们会根据某种条件的变化,返回不同的网页内容。
  • 动态网页需要使用服务器脚本语言
动态网页的优势是什么?
  • 交互性:即网页会根据用户的要求和选择而动态的改变和显示内容
  • 自动更新:即无需改变页面代码,便会自动生成新的页面内容,可以大大节省工作量
  • 随机性:即当不同的时间,不同的人访问同一网址产生不同的页面的效果
动态网页是静态网页的替代品?
  • 不是,静态网页集合动态网页各有特点,网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少。
如何实现动态网页
  • 动态网页需要使用服务器端的脚本语言,如使用Java脚本语言的JSP技术。

为什么学习B/S框架技术

  • CS(Client/Server)客户端/服务器端架构
  1. 在客户端安装软件 , 通过网络与服务器端通信 ;

  2. 如果软件进行了微小的改动 , 维护人员都需要给这个已经安装的软件进行升级 , 工作量会很大 ;

  3. 随着Internet的普及与大规模应用 , 受制于C/S架构的应用程序存在很多缺点 , BS(Browser/Server)随之应运而生 ;

  • BS(Browser/Server)浏览器/服务器架构
  1. 基于B/S架构的Web应用程序由于不再受安装客户端的下限值 , 访问极其简便 , 但B/S架构并不是对C/S架构的否定 , 而是对其的一种变化或者改进 ;

  2. 在B/S架构下 , 应用系统完全放在应用服务器上 , 并通过应用服务器同数据库服务器进行通信 , 系统界面通过浏览器进行展现 ;

  • C/S架构和B/S架构的对比
  1. C/S架构的每一个客户端都需要安装和配置客户端软件 , 如果系统发生变化 , 则需要对每一个客户端去进行升级 ; 但在B/S架构中 , 软件应用的业务逻辑完全放在应用服务器端中 , 所有的客户端只是浏览器 , 不需要做任何的维护 , 客户端重新访问页面 , 使用的就已经是最新版本的软件了 , 系统维护人员只需要关注服务器的软件升级即可 ;

  2. B/S架构相对于C/S架构来说 , 也存在劣势 , 就是界面没有C/S友好 , 难以做出界面丰富的软件 , 在速度和安全性上需要花费巨大的设计成本 , 另外由于B/S架构的交互式请求/响应的模式 , 一旦数据信息发生变化则需要刷新页面才能看到 ;

B/S架构的原理
  • 浏览器接收用户的输入 :例如用户输入的登录名、密码等信息;

  • 浏览器向服务器端发送请求 :浏览器把请求消息发送到服务器端 , 等待服务器端的响应 ;

  • 数据处理 : 服务器端通常使用服务器端脚本语言 , 进行数据库的访问 , 查询 , 并返回查询结果 ;

  • 发送响应 : 服务器向浏览器发送响应信息(一般是动态生成的HTML页面) , 并由浏览器解释HTML文件 , 呈现结果页面 ;

什么是URL

URL(Unifform Resource Locator)的意思是统一资源定位符,用于完整的描述Internet上网页和其他资源的地址的一种表示方法。简单的说,URL就是常说的网址

在Internet上的所有资源都是独一无二的URL地址

URL的组成

  • 协议
  • 服务器域名或IP
  • 端口号
  • 路径
最常用的URL组成部分
  1. 第一部分:使用的传输协议,如最常用的HTTP协议(目前www中应用最广的协议)。
  2. 第二部分:主机IP地址(有时包含端口号,默认端口号是80),指请求的服务器的IP地址,这个地址是唯一的,也可以使用域名来代替IP地址发送请求。
  3. 第三部分:路径(包含请求的资源),由零个或者多个“/”隔开的字符串表示,一般用来表示服务器上的一个目录或文件地址。而请求的资源指请求内容的文字,可以是一个HTML页面,也可以是一个图像等服务器能提供的资源。
提示

第一部分和第二部分之间用 “: //” 隔开,第二部分和第三部分用 “/” 隔开。其中第一部分和第二部分是不可缺失的,第三部分有时可以省略。当第三部分省略时,大多数服务器会访问系统默认的欢迎页面。

部署简单的Web应用

Tomcat服务器

  • Apache Jakarta的开源项目
  • JSP/Servlet容器

Tomcat的目录结构

Tomcat 的启动和停止

  • 启动服务:bin目录下的startup.bat
  • 关闭服务:bin目录下的shutdown.bat
Tomcat服务启动检测
  • 在IE地址栏中输入http://localhost:端口号
  • 页面进入到Tomcat启动成功界面

Tomcat端口号配置

  1. 在Tomcat目录结构下找到子目录conf。
  2. 在conf目录中端口server.xml文件。
  3. 在打开的文件中,找到<Connector>节点,然后修改端口号。
  4. 保存设置
	<Connector port="8080" 
		protocol="HTTP/1.1 " 
		connectionTimeout="20000" 
	   redirectPort="8443 " 	
	/>
	<Connector port= "6060" 
		protocol="HTTP/1.1 " 
		connectionTimeout="20000" 
	   redirectPort="8443 " 	
	/>

Web应用的目录结构

创建,部署和发布项目

  1. 编写Web应用的代码

  2. 在webapps目录下创建应用文件目录

  3. 将创建的页面复制到应用目录下

  4. 启动Tomcat服务并进行访问

配置访问页面

  • 假定在web应用(news)下存在一个index.jsp页面,输入http://localhost:8080/news地址时,web容器会默认调用index.jsp页面

JSP简介

  • JSP (Java Server Pages):在HTML中嵌入Java脚本代码,当用户通过浏览器请求访问Web应用时,使用JSP容器对请求的JSP进行处理和运行,然后将生成的页面返回客户端浏览器从进行显示;

  • JSP 与 PHP、ASP、ASP.NET 等语言类似,运行在服务端的语言。

  • JSP(全称Java Server Pages)是由 Sun Microsystems 公司倡导和许多公司参与共同创建的一种使软件开发者可以响应客户端请求,而动态生成 HTML、XML 或其他格式文档的Web网页的技术标准。

  • JSP 技术是以 Java 语言作为脚本语言的,JSP 网页为整个服务器端的 Java 库单元提供了一个接口来服务于HTTP的应用程序。

  • JSP文件后缀名为 *.jsp 。

  • JSP开发的WEB应用可以跨平台使用,既可以运行在 Linux 上也能运行在 Windows 上

JSP页面组成

  • JSP页面的组成:静态内容、指令、表达式、小脚本、声明、标准动作、注释等。

静态内容

  • 静态内容是JSP页面中的静态文本,其基本是HTML文本,与Java和JSP无关;

JSP指令元素

  • JSP 指令元JSP 指令元素的作用是通过设置指令中的属性,在 JSP 运行时,控制 JSP 页面的某些特性;
  • JSP 指令一般以 <%@ 开始, 以 %> 结束。
<%@ page language="java" import="java.util.*,java.text.*" contentType="text/html; charset=UTF-8" %>

  1. language

指定当前页面的脚本语言,当前JSP版本只能使用Java作为脚本语言。默认就是Java作为脚本。

  1. import

在实际开发中使用频繁,通过import属性可以在JSP文件的脚本中引用类。如果一个import属性引入多个类,需要在多个类之间用逗号隔

  <%@ page import=“java.util.*,java.text.*”%>

上面的引用格式也可以分为以下两部分:

	<%@ page import=“java.util.*”%>
	<%@ page import=“java.text.*”%>	
  1. contentType

该属牲的设置在开发过程中是非常重要的,而且经常被用到,中文一直是困扰开发者的一个问题,而 cantentType 属性可以对编码格式进行设置,

这个设置告诉 Web容器在客户端浏览器上以何种格式及使用何种编码方式显示响应的内容;contemType 属性的具体设置格式:

 <%@ page contentType=”text/html;chaeset=UTF-8”%>
  • text/html 和 charsetzUTF-8 的设置之间使用分号隔开,它们同属于 contentType 属性值,当置为 text/html 时,表示该页面以 HTML 页面的格式进行显示 charset=UTF-8 表示在浏览器中将以UTF-8的编码方式显示内容;

JSP脚本元素

  • 在JSP 页面中,将小脚本 (scriptlet)、表达式 (expression) 、声明 (declaration) 统称为 JSP元素,用于在 JSP 页面中嵌入 Java 代码,实现页面的动态处理;
  1. 什么是小脚本

小脚本可以包含任意的 Java片断,形式比较灵活 , 通过在 JSP 页面中编写小脚本可以执行复杂的操作和业务处理,编写方法是将 Java 程序片断插入<%%>标记中;

  1. 什么是表达式

表达式是对数据的表示,系统将其作为一个值进行计算和显示,当需要在页面中输出一个Java变量或者表达式值时,使用表达式是非常方便的;

Web容器遇到表达式时,会先计算嵌入的表达式值或者变量值,然后将计算结果输出到面中;

	<%=Java 变量表达式%>
  1. JSP声明

在编写 JSP 页面程序时, 有时需要为 Java 脚本定义成员变量和方法,这时就需要使用 JSP 声来实现;

	<%! Declaration; [Declaration].....%>
JSP中的注释
  • HTML 注释方法; 其使用格式是 <!-- 注释内容–>。 其中的注释内容在客户端浏览器中查看源代码时可以看到,这种注释方法是不安全的,而且会加大网络的传输

  • JSP注释标记:其使用格式是 <%-- 注释内容–%>,在客户端通过查看源代码看不到注释的内容,安全性比较高;

  • 在JSP脚本中使用注释:在脚本中进行注释和在 Java 类中进行注释的方法是一样的,其使用格式是 <% //单行注释%>、<%/多行注释/%>

JSP的执行过程

Web容器处理JSP文件请求需要经过3个阶段:

  • 翻译阶段:当 Web 容器接收到 JSP 请求时,首先会对 JSP 文件进行翻译 , 将编写好的 JS文件通过 JSP 容器转换成可识别的 Java 源代码

  • 编译阶段:经过翻译后的 JSP 文件相当于编写好的Java源文件,此时仅有 Java 源文件是不够的,必须将Java源文件编译成可执行的字节码文件;

  • 执行阶段:经过翻译和编译两个阶段,生成了可执行的二进制字节码文件,此时进入执阶段,当执行结束后,把生成的结果页面返回客户端浏览器显示;

一旦 Web 容器把 JSP 文件翻译和编译完成,Web 容器就会将编译好的宇节码文件保存在内存中,当客户端再次请求相同的 JSP 时,就可以重用这个编译好的字节码文件,而不会把同一个 JSP 重进行翻译和编译。这就大大提高了 Web 应用系统的性能。如果对 JSP 进行了修改,再次访问该 JS页面, Web容器会重新执行翻译和编译。所以. JSP 在第一次请求时会比较慢, 后续访问的速度很快;

使用集成开发工具创建Web应用

总结

    原文作者:C小陈童鞋
    原文地址: https://blog.csdn.net/chenHaiJaheike/article/details/88178845
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。