动态网页
定义:网页文件里包含了程序代码,通过后台数据库与WEB服务器的信息交互,由后台数据库提供实时数据更新和数据查询服务。通俗的讲:动态就是里面的内容可以在不影响页面的情况下更改,以不变应万变。静态就是整个版面像一幅画一样如果要修改就要全部修改好再重新上传。
动态网站加载
C/S
client/server,客户端/服务器,需要在电脑端安装软件,才能访问服务器。如QQ,LOL,钉钉
优势
1、 如果数据量非常大,需要很长下载时间,如果用C/S,只需要下载一次就可以了
2、 C/S安全性更好,不容易被攻击
3、 客户端内容更丰富,动态效果更好。
缺点
1、 如果服务器端更新了,需要更新客户端
B/S
brower/server,浏览器/服务器,只要电脑上有浏览器就可以访问服务器。如淘宝,百度,4399小游戏
优势
1、 不需要安装客户端,有浏览器直接使用就可以了
2、 如果服务器端更新了,浏览器端访问时会自动更新
缺点:
在网络不好的情况下,加载内容的速度很慢
目前,越来越多的程序都在使用B/S架构,现在网络越来越好。而且,网页的技术发展很快,可以实现丰富的网页动态效果。移动端越来多,电脑和移动都可以使用
工作原理
1、 用户在浏览器中请求
2、 浏览器向应用服务器发出请求
3、 应用服务器接受请求,去数据库服务器得到或插入相关数据,然后将结果返回给应用服务器
4、 最后应用服务器将结果返回给浏览器,展示给用户看
以上数据之间的传输就是通过URL实现
URL
统一资源定位器,俗称的网址
主机IP地址:是唯一,也可以用域名来替换
部署web服务器:Tomcat服务器
B/S如何做到如此强大的功能呢?这最大的付出者便是WEB服务器
1. Apache Jakarta的开源项目
2. JSP/Servlet容器
版本
安装版
解压版
直接把压缩包解压就可以了
修改端口号
停止,启动tomcat(这是安装版的截图)
存放要发布的项目的目录(安装版)
历史记录(安装版)
Tomcat的目录结构
说明 目录
/bin 存放各种平台下用于启动和停止Tomcat的脚本文件
/conf 存放Tomcat服务器的各种配置文件
/lib 存放Tomcat服务器所需的各种JAR文件
/logs 存放Tomcat的日志文件
/temp Tomcat运行时用于存放临时文件
/webapps 当发布Web应用时,默认情况下会将Web应用的文件存放于此目录中
/work Tomcat把由JSP生成的Servlet放于此目录下
Eclipse集成Tomcat服务器
创建动态网页项目
项目目录结构
目录 说明
/ Web应用的根目录,该目录下所有文件在客户端都可以访问(JSP、HTML等)
/WEB-INF 存放应用使用的各种资源,该目录及其子目录对客户端都是不可以访问
/WEB-INF/classes 存放Web项目的所有的class文件
/Web-INF/lib 存放Web应用使用的JAR文件
新建jsp
运行项目
设置初始页面
JSP页面
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>输出当前的系统时间</title>
</head>
<body>
你好,今天是:
<% SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
String curTime = sdf.format(new Date()); %>
<h1><%=curTime %></h1>
计算两个数:
<% int num1 = 4, num2 = 5;int result = num1 + num2;%>
<h1>两数之和是:<%=result %></h1>
<%!/** 测试文档注释这是多行注释*/
String formatDate(Date d){//测试注释,这是单行注释
/*测试注释,这是多行注释*/
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
return sdf.format(d);
}
%>
<h1>调用方法:<%=formatDate(new Date()) %></h1>
<!-- 这是HTML注释(客户端可以看到源代码)-->
<%-- 这是JSP注释 (客户端不可以看到源代码) --%>
</body>
</html>
组成
静态内容(HTML代码)
指令
一般在<%@ %>之间
page指令
针对当前页面进行设置的一种指令,一般位于页面顶端,只针对当前页面有效
1、 语法:
<%@ page 属性1=”属性值” 属性2=”属性值1,属性值2”… 属性n=”属性值n”%>
2、 常用属性
属性 说明 默认值
language 指定JSP页面使用的脚本语言 java
import 通过该属性来引用脚本语言中使用到的类文件 无
contentType 用来指定JSP页面所采用的编码方式 text/html,
ISO-8859-1
小脚本(JSP页面写在<% %>中间的JAVA代码)
表达式(由<% %>和=组成)
包括表达式,小脚本,声明