- web开发概述
- web开发环境搭建
- 创建发布web程序
- Servlet
- Servlet作用
- Servlet使用
- Servlet生命周期
- Http请求
- get&post
- get
- post
- 区别
- 应用
- Http响应
- Http状态码
- Ajax
- 同步&异步
- 实现
- XMLHttpRequest
- JSON
- session
- session实现会话机制
- session生命周期
- 设置session会话时间
- 安全退出
- 拦截未登录用户访问
- ServletContext
- 过滤器
- 编码过滤器
- sessionID过滤器
- 监听器
web程序：所有的程序都部署在服务器端，通过浏览器远程访问
服务器：提供服务 1、接收请求 2、响应
广义：软件+硬件
狭义：程序 ——放置文件（项目），供英特网中的其它电脑访问
流程：客户端浏览器访问程序，先通过IP找到服务器地址，端口号找到程序（服务器）
web开发环境搭建tomcat：apache公司提供的一款开源服务器
- 下载，解压 http://tomcat.apache.org
- 配置JAVA_HOME环境变量
- 在tomcat的bin目录 双击运行 startup.bat命令 启动tomcat
- 访问：IP+端口号
- bin 放着各种命令 startup.bat命令 shutdown.bat
- conf 放着配置文件 列如server.xml 修改端口号
- lib tomcat运行所需要的jar包
- logs 运行产生的日志文件
- temp 临时缓存文件
- webapps 部署web程序的目录
- work 工作目录
-
右键项目——>add framework support（变为web项目）
- src：Java代码
- web：配置文件，网页代码
-
自动部署
- add configuration——>加号——>Tomcat Server Local
- Deployment部署——>artifacts：Application context:访问web的根目录
- Update classes and resources：自动更新
- 是用Java编写的服务器端程序。其主要功能在于交互式地浏览和修改数据，生成动态Web内容。狭义的Servlet是指Java语言实现的一个接口，广义的Servlet是指任何实现了这个Servlet接口的类，一般情况下，人们将Servlet理解为后者。
- Servlet运行于支持Java的应用服务器中。从实现上讲，Servlet可以响应任何类型的请求，但绝大多数情况下Servlet只用来扩展基于HTTP协议的Web服务器。
- 接收客户端浏览器发送的请求
- 调用其他java代码处理请求
- 向客户端浏览器做出响应
-
导入jar包 servlet-api.jar
-
继承HttpServlet
-
重写父类方法
import javax.servlet.ServletConfig; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; public class DemoServlet extends HttpServlet { public DemoServlet() { System.out.println("DemoServlet"); } @Override public void init(ServletConfig config) throws ServletException { System.out.println("init"); System.out.println(config.getInitParameter("name"));//获得配置文件中的信息 System.out.println(config.getServletName()); } @Override protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { System.out.println("service"); } } -
配置Servlet
Servlet生命周期 Http请求reg com.ff.firstWeb.servlet.RegServlet reg /reg
请求行：请求方式：get / post 请求地址URL： Http协议版本：
请求头：包含主机地址，以及客户端的一些环境信息，以键值对的形式传递.
Host: 127.0.0.1:8088 请求的主机地址
请求体：请求体代表着浏览器在post请求方式中传递给服务器的参数，请求体中参数以键值形式传递， 多个用&链接，服务器接收到后再解析.
username=admin&userpwd=123
get&post get- 超链接访问，默认是GET方式
- form提交，不指定method，默认为GET方式
form提交，指定method=“POST”
区别- Get方式主要是从服务器获取信息；post主要是想服务器提交信息
- Get方式在通过URL提交数据，数据在URL中可以看到；POST方式，数据放置在请求体中提交。
- GET方式提交的数据大小受限制一般1kb（不同浏览器也会有不同）；而POST则没有此限制。
- getParameter(name) — String 通过name获得值
- getParameterValues — String[ ] 通过name获得多值
- setCharacterEncoding(编码格式)
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Arrays;
public class Demo1Servlet extends HttpServlet {
//构造方法默认有
//init 不需要刻意不重写,服务器调用父类的
//service 每次请求都要调用,由于http请求分为get,post请求,在servet中两者处理上略微不同,
//所以父类中定义了doGet() doPost()分别处理get,post请求.
//在父类的service方法中写了一个判断 get-->doget post-->dopost
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
System.out.println("doGet"+req);
//请求行数据
System.out.println(req.getMethod()); //GET
System.out.println(req.getProtocol()); //HTTP/1.1
System.out.println(req.getServerName()); //localhost
System.out.println(req.getServerPort()); //8080
//请求头
System.out.println(req.getRemoteAddr());//获得客户端的ip
System.out.println(req.getRemotePort());//客户端端口
System.out.println(req.getHeader("User-Agent"));
//接收用户请求的数据 tomcat8.0以后get请求数据的解码方式支持中文
String name = req.getParameter("name");
System.out.println(name);//张三
System.out.println(req.getParameter("age"));
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
System.out.println("doPost");
req.setCharacterEncoding("utf-8");//设置post请求数据解码格式
System.out.println(req.getParameter("account"));
System.out.println(req.getParameter("passoword"));
System.out.println(req.getParameter("sex"));
String[] courses = req.getParameterValues("course");
System.out.println(Arrays.toString(courses));
//处理 例如调用jdbc处理
//根据处理的结果向客户端做出响应
//Printwriter:单向打印流
PrintWriter out = null;
try {
resp.setContentType("text/html;charset=utf-8");//设置响应内容的编码格式
out = resp.getWriter();
out.println("登录成功");
}catch (Exception e){
out.println("服务器忙,请稍后再试!");
}
}
//destroy 不需要刻意不重写,服务器调用父类的
}
Http响应
- 通过Response对象设置编码格式
- 通过Response对象获得一个Printwriter打印输出字符流
- 通过流对象打印要输出的内容
//根据处理的结果向客户端做出响应
//Printwriter:单向打印流
PrintWriter out = null;
try {
resp.setContentType("text/html;charset=utf-8");//设置响应内容的编码格式
out = resp.getWriter();
out.println("登录成功");
}catch (Exception e){
out.println("服务器忙,请稍后再试!");
}
Http状态码
Ajax
Ajax 全称为：“Asynchronous Javascript and XML”（异步Javascript 和 XML），
使用 Ajax，我们可以无刷新状态更新页面，对页面中的某个部分进行更新，并且实现异步提交，提升了用户体验。
同步&异步- 同步提交：当用户发送请求时，当前页面不可以使用，服务器响应页面到客户端，响应完成，用户才可以使用页面。
- 异步提交：当用户发送请求时，当前页面还可以继续使用，当异步请求的数据响应给页面，页面把数据显示出来 。
客户端发送请求，请求交给XMLHttpRequest，XMLHttpRequest把请求提交给服务器，服务器进行业务处理，服务器响应数据交给XMLHttpRequest对象，XMLHttpRequest对象接收数据，由javascript把数据写到页面上
XMLHttpRequest前端js对象，用来接收servlet响应来的状态码
open(method,URL,async) 建立与服务器的连接
method参数指定请求的HTTP方法,典型的值是GET或POST
URL参数指定请求的地址
async参数指定是否使用异步请求，其值为true或false
//servlet:
// 接收前端发来的数据进行操作，再向前端js返回状态码，前端接收状态码用js对网页进行操作
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
public class LoginServlet_back extends HttpServlet {
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
PrintWriter out = null;
try {
//响应行(状态码200 404 500) 响应头(setContentType编码格式)
//out.println("登录成功");服务器向客户端输出的内容
resp.setContentType("text/html;charset=utf-8");//响应头
req.setCharacterEncoding("utf-8");//设置解码格式
String account = req.getParameter("account");
String password = req.getParameter("password");
LoginDao loginDao = new LoginDao();
boolean b = loginDao.checkLogin(account, password);
out = resp.getWriter();
//后端只向前端响应一个状态码
if(b){
out.println(0);
//解决方案是使用ajax 从前端向后端进行发起请求交互
//如果是ajax方式提交的数据,那么服务器端响应的数据返回后会交个XMLHttpRequest对象
}else{
out.println(1);
}
}catch (Exception e){
e.printStackTrace();
out.println(2);
}
}
}
//javascriptJSON
JSON(Javascript Object Notation) 是一种轻量级的数据交换格式
把java中的对象转换成js对象
优点：
- JSON 只允许使用UTF-8编码，不存在编码问题；
- JSON 只允许使用双引号作为key，特殊字符使用 转义，格式简单；
- 浏览器内置JSON支持。如果把数据用JSON发生给浏览器，可以用Javascript直接处理
json&jQuery封装
完整流程
Servlet接收客户端浏览器发来的数据，与数据库进行交互，用Gson对象的toJson()方法把对象转换成字符串并返回至前端js，前端js接收到字符串并用 . p a r s e J S O N ( r e s ) 把 字 符 串 转 换 成 j s 对 象 ， 将 用 户 信 息 存 储 到 浏 览 器 s e s s i o n S t o r a g e 的 会 话 存 储 中 ， 登 录 界 面 用 w i n d o w . s e s s i o n S t o r a g e . g e t I t e m ( " u s e r " ) 拿 到 浏 览 器 会 话 存 储 的 信 息 的 字 符 串 再 用 .parseJSON(res)把字符串转换成js 对象，将用户信息存储到浏览器sessionStorage的会话存储中，登录界面用window.sessionStorage.getItem("user")拿到浏览器会话存储的信息的字符串再用 .parseJSON(res)把字符串转换成js对象，将用户信息存储到浏览器sessionStorage的会话存储中，登录界面用window.sessionStorage.getItem("user")拿到浏览器会话存储的信息的字符串再用.parseJSON(str)转换成对象后显示
import com.ffyc.webpro.dao.LoginDao;
import com.ffyc.webpro.model.User;
import com.google.gson.Gson;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
public class LoginServlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
PrintWriter out = null;
try {
resp.setContentType("text/html;charset=utf-8");
req.setCharacterEncoding("utf-8");//设置解码格式
String account = req.getParameter("account");
String password = req.getParameter("password");
LoginDao loginDao = new LoginDao();
User user = loginDao.checkLogin(account, password);
out = resp.getWriter();
//问题: 从服务器端向客户端要响应更多的数据. 现在响应 int 字符串
//java程序一般将数据封装在对象中,响应到客户端,而客户端是javascript语言,两边对象格式不一致
//解决: 前面响应字符串,前端可以接收到. 那么在java中需要对 对象中的数据进行转换
// 早期解决方案是将对象中的数据写入到xml文件中,将xml文件返回,这种语言比较麻烦
// 现在诞生了一种轻量级的解决方案: json(javascript对象表现形式) 是一种轻量级的数据格式,本质是字符串
// 对象{键:值,键:值...} 集合:[{键:值,键:值...},{键:值,键:值...},{键:值,键:值...}.....]
if (user != null) {
Gson gson = new Gson();
String s = gson.toJson(user);
System.out.println(s);
out.println(s);
} else {
out.println(1);
}
} catch (Exception e) {
e.printStackTrace();
out.println(2);
}
}
}
Title
注册
Title
登录成功
session
后端为了知道是哪一账号操作，就需要使用session获取用户的信息
session会话：客户端浏览器与服务器交互的整个过程
session对象：在第一次向servlet发送请求时，在服务器端由服务器创建一个session对象，完成会话期间的管理
session实现会话机制- 浏览器第一次请求（服务器没有id号），创建HttpSession对象，并将对象分配一个会话id号，并将id号响应给浏览器，浏览器就将id号存起来，之后每次向Servlet发送请求时，浏览器会在请求头中将id号向服务器端发送
- 浏览器第二次请求到服务器，服务器就会根据收到的id号查找对象的session对象使用
//获取服务器生成的session对象
HttpSession session = req.getSession();
//向session对象设置一组键值,登录成功后将用户信息存储到一个对象的session对象中.
session.setAttribute("user", user);
获取session：
HttpSession session = req.getSession();
session.getId(); //获取session的id
User user = (User)session.getAttribute("user");//通过前边setAttribute的键获取会话中user对象
//销毁浏览器
session.invalidate();
session生命周期
创建 ：第一次访问servlet时，在服务器端创建
销毁：1、服务器关闭 2、会话对象长时间未使用 3、session.invalidate()
设置session会话时间绝对时间（不管有没有会话）：在web,xml中设置
50 //50分钟自动销毁
未使用销毁时间：session.setMaxInactiveInterval(60) //不使用60秒销毁
安全退出用户退出时，销毁session
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
HttpSession session = req.getSession();
//销毁浏览器
session.invalidate();
}
function exit(){
if(/confirm/i("您确定要退出吗?")){
//删除前端浏览器存储的用户信息
window.sessionStorage.removeItem("user");
//向服务器发送请求,销毁session
$.get("index",function(res){
location.replace("index.html")
});
}
拦截未登录用户访问
$(function (){
//拿到json字符串
var str = window.sessionStorage.getItem("user");
//前端判断用户是否登录
if(str==null){
location.replace("login.html")
return;
}
var user = $.parseJSON(str);
$("#accountId").html(user.id+":::"+user.account);
})
ServletContext
为了实现web程序中所有的Servlet数据交互，WEB容器在启动时，它会为每个WEB应用程序都创建一个对应的
ServletContext对象，存储一些全局信息
生命周期：开始于服务器的启动，结束于服务器关闭
//servletContext对象全局共享 ServletContext servletContext = req.getServletContext();
getInitParameter(“name”)获得当前应用的初始化参数
setAttribute(“attrname”,value) 设置ServletContext属性并赋值
getAttribute(“attrname”) 获得ServletContext属性指定值
removeAttribute(“attrname”) 删除ServletContext指定属性
过滤器 过滤器位于客户端和web应用程序之间，用于检查和修改两者之间流过的请求
编码过滤器import javax.servlet.*;
import java.io.IOException;
public class EncodeFilter implements Filter {
String code;
@Override
public void init(FilterConfig filterConfig) throws ServletException {
System.out.println("init");
code = filterConfig.getInitParameter("encode");
}
//执行过滤代码
@Override
public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
servletRequest.setCharacterEncoding(code);
//让请求继续向下执行，下一个目标可能是Servlet，也可能是下一个过滤器
filterChain.doFilter(servletRequest,servletResponse);
}
@Override
public void destroy() {
System.out.println("destroy");
}
}
encode
com.ffyc.webpro.filter.EncodeFilter
encode
utf-8
encode
/back
public class IsLoginFilter implements Filter {
@Override
public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
//把ServletRequest向下转型为HttpServletRequest对象
HttpServletRequest httpServletRequest = (HttpServletRequest) servletRequest;
HttpSession session = httpServletRequest.getSession();
User user = (User)session.getAttribute("user");
if (user==null){
PrintWriter out = servletResponse.getWriter();
out.println(201);
}else{
filterChain.doFilter(servletRequest,servletResponse);
}
}
}
islogin
com.ffyc.webpro.filter.IsLoginFilter
islogin
/
//长时间未操作提示重新登录
function save(){
$.get("back/student",function (res){
if(res==201){
alert("登录失效，请重新登录");
location.replace("login.html");
}
})
}
监听器
