B/S结构与C/S结构的区别?
c/s:client/server 客户端,服务器
b/s:brower/server 浏览器,服务器
URL由几部分组成?
URL:三个部分(协议,主机,端口)
http://localhost:8080
为什么需要基于B/S技术的动态网页?
使用动态网页,可以动态输出网页内容、同用户进行交互、对网页内容进行在线更新
B/S技术的特点是什么?
JSP (Java Server Pages)是指:
1.在HTML中嵌入Java脚本代码
2.由应用服务器中的JSP引擎来编译和执行嵌入的Java脚本代码
3.然后将生成的整个页面信息返回给客户端
jsp是一个文件格式:java+html+css+js
我们写的是jsp文件,Tomcat会把jsp文件变成java文件
jvm(java编译器)会把java变成.class
Web容器处理JSP文件请求需要经过3个阶段:
翻译阶段
编译阶段
执行阶段
第一次请求之后,Web容器可以重用已经编译好的字节码文件
注意:如果对JSP文件进行了修改,Web容器会重新对JSP文件进行翻译和编译
如何在浏览器上输出当前日期?
要导包(java.util.Date)
<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>项目首页</h1>
<img src="images/3.jpeg">
<%
//输出当前日期
out.print(new Date());
%>
</body>
</html>
JSP 页面的元素包括:
表单验证(登入界面)
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 表单 form
action 表单提交的地址
method 提交的方式
【输入框上面必须携带name】
get 默认】显示在地址栏上,数据长度有限制
post 不显示在地址栏上,数据长度无限制
-->
<form action="index2.jsp" method="post">
<p>
<input type="text" name="username" placeholder="请输入用户名">
</p>
<p>
<input type="password" name="password" placeholder="请输入密码">
</p>
<p>
<input type="number" name="age" placeholder="请输入年龄">
</p>
<p>
<button>登入</button>
</p>
</form>
</body>
</html>
处理 登入请求
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!-- 处理登入请求 -->
<h1>这是处理登入请求的界面</h1>
<%
//内置用户:aa 123
//获取到用户提交过来的表单信息
String username=request.getParameter("username");
String password=request.getParameter("password");
//从请求中取数据(类型全部都是string 必须自己做转换)
String age=request.getParameter("age");
Integer.parseInt(age);//将字符串变成数字
//可以做登入验证了
if("aa".equals(username)&&"123".equals(password)){
out.print("登入成功");
}else{
out.print("登入失败");
}
%>