动态网页开发基础

最新推荐文章于 2023-06-12 15:31:36 发布
最新推荐文章于 2023-06-12 15:31:36 发布
阅读量2.1k 收藏 11
点赞数 2
分类专栏： JSP/Server技术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenHaiJaheike/article/details/88178845
版权

动态网页开发基础

什么是动态网页
  • 动态网页是指在服务器端运行的，使用程序语言设计的交互式网页，它们会根据某种条件的变化，返回不同的网页内容。
  • 动态网页需要使用服务器脚本语言
动态网页的优势是什么？
  • 交互性：即网页会根据用户的要求和选择而动态的改变和显示内容
  • 自动更新：即无需改变页面代码，便会自动生成新的页面内容，可以大大节省工作量
  • 随机性：即当不同的时间，不同的人访问同一网址产生不同的页面的效果
动态网页是静态网页的替代品?
  • 不是，静态网页集合动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少。
如何实现动态网页
  • 动态网页需要使用服务器端的脚本语言，如使用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小陈童鞋
关注
专栏目录
JSP动态网页开发基础 访问数据库
04-19
JSP动态网页开发基础 访问数据库
动态网站开发基础
carolAnn的专栏
02-18 183
动态网站开发基础 动态网页：指在服务器端运行的程序或网页，会随着不同的客户，不同的时间，反悔不同的值. 特点: 1交互性 :网页会根据用户的要求和选择而改变.. 2 自动更新: 根据数据生成新的网页. 3 随机性: 不同的时间,不同的人访问同一网址会产生不同的页面效果 (注:动态网页绝非是静态网页的替代品,网站采用动态还是静态主要取决于网站的功能需求和内容的多少) ...
动态网页开发
大前端开发工程师、互联网方向创业者
11-22 1651
动态网页开发简介
第一章 动态网页开发基础pptx
07-16
了解B/S架构的基本概念 掌握手动创建和运行Web项目 掌握JSP页面元素的内容 掌握使用MyEclipse创建和运行Web项目 了解Web程序的调试与排错
动态网页开发基础.docx
12-17
动态网页开发基础
1.动态网页开发基础.pptx
12-21
1.动态网页开发基础
动态网页开发基础实训指导书第四次实训.doc编程资料
04-06
动态网页开发基础实训指导书第四次实训.doc
小型动态网站的开发（web课程设计）
03-18
开发一个小型动态网站，实现用户注册、登录、浏览商品、选购商品等功能。 二、实验内容 1、开发一个小型动态网站，实现用户注册、登录、浏览商品、选购商品等功能。 2、各页面功能： （1）Reg.html： 注册表单中至少要有用户名、密码，提交后转到后台reg.asp处理； （2）reg.asp： 使用request对象接收注册信息，把用户名、密码保存到users表里，然后重定向到登录页面Login.html； （3）Login.html： 在登录表单里输入用户名、密码，提交后转到shop.asp； 登录页面和注册页面要互有超级链接； （4）Login.asp： 接收登录时输入的用户名、密码，与数据库中的users表中的用户名、密码比较： 如果都相等则登录成功，页面将重定向到购物页面Shop.html,里面有商品浏览信息，用户可以从中选择自己想要的商品。 如归登录失败，重定向到登录页面Login.html重新登录，未注册的可以由登录页面上的超级链接转到注册页面去注册；
PHP+MySQL动态网站开发实例教程
07-17
PHP+MySQL动态网站开发基础教程 李颖，是这上实例源文件
动态网站开发学习笔记01：网页开发基础
最新发布
HTML778的博客
06-12 927
目录一、HTML基础（一）HTML简介1、HTML2、HTML语言的基本格式3、<!DOCTYPE>声明4、html标签5、head标签6、body标签7、编写第一个网页8、关于编写HTML文件的工具9、HTML标签概述（1）单标签（2）双标签（3）注释标签二、常用的HTML标签（一）段落、行内和换行标签（二）文本样式标签（三）表格标签(四）表单标签1、表单域<form>2、表单控件<input>（五）多行文本标签（六）列表标签1、无序列表2、有序列表3、定义列表（七）超
开发动态网页基础
weixin_30305735的博客
07-05 121
一.动态网页：能跟用户进行交互的网页，能够处理用户请求的网页。优点：1.交互性 2.自动更新 3.随机性 二.B/S架构：浏览器；客户端零维护；与操作系统平台的关系最小化；在响应速度和安全性上需要花费更多设计成本 　C/S架构：需要专门的客户端应用；客户端需要单独维护和升级；对客户端操作系统一般有限制；能充分发挥客户端处理能力，客户端响应快 　　　　　　详情：https://b...
动态网站开发技术
demo1573的博客
09-06 4183
动态网站开发技术 目前，最常用的4种动态网页开发语言有ASP（Active Server Page）、ASP.NET（Active Server Page .NET）、JSP（Java Server Page）和PHP（Hypertext Preprocessor）。那么这4种程序各有什么优缺点，我们学习哪一种语言更容易上手呢？下面就让我们一起来了解一下这4种技术的特点。
动态网站开发02：Java web
ZQIR12的博客
06-12 564
假设一个微信群里面小明发了一条消息“你吃过没”。而这条消息发出后会被储存到服务器里，而当你进入微信的时候，这条消息就会从服务器里抓取过来显示到你的手机上。而这个抓取的过程中假设是以xml文件来传输XML是EXtensible Markup Language的缩写，它是一种类似于HTML的标记语言，称为可扩展标记语言。XML用于提供数据描述格式，适用于不同应用程序之间的数据交换，而且这种交换不以预先定义的一组数据结构为前提，增强了可扩展性。
动态网页开发模式的发展
lixiangzhen2018的博客
06-30 703
ASP入门教程：动态网页开发基础
ASP (Active Server Pages) 是一种服务器端脚本语言，由Microsoft公司开发，用于创建动态网页。ASP程序设计课程旨在引导学习者从基础入门，理解ASP的核心概念和工作原理。 在Lesson 1 - ASP基础中，主要涵盖以下几...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值