Listener

Listener:监听器

  • 概念: web的三大组件之一。

    • 事件监听机制:
      • 事件:一件事情
      • 事件源:事件发送的地方
      • 监听器:一个对象
      • 注册监听:把事件,事件源,监听器绑定在一起。当事件源上发生某个事件后,执行监听器代码
  • ServletContextListener:监听ServletContext对象的创建和销毁

    • 方法:

      • void contextDestroyed(ServletContextEvent sce):ServletContext对象被销毁之前会调用此方法,服务器销毁后自动调用
      • void contextInitialized(ServletContextEvent sce):ServletContext对象被创建之后会调用此方法,服务器启动后自动被调用
    • 步骤:

      1. 定义一个类实现ServletContextListener接口
      2. 复写方法
      3. 配置
        • web.xml
        • 注解

Session

Session

概念

服务器端会话技术,在一次会话的多次请求间共享数据,将数据保存在服务器端的对象中。HttpSession。

快速入门

  1. 获取HttpSession对象:
    HttpSession session = req.getSession()
  2. 使用HttpSession对象
    Object getAttribute(String name)
    void setAttribute(String name, Object value)
    void removeAttribute(String name)

原理

Session的实现依赖于Cookie,在第一次请求时,如果没有Cookie,会在内存中创建一个Session对象,给它一个id值,然后响应时响应头中set-session:JSESSIONID=id值,再次请求时,请求头中Cookie中会有这个JSESSIONID=id值,从而找到内存中的session。

细节

  1. 当客户端关闭后,服务器不关闭,两次获取session是否为同一个?
    • 默认情况下,不是同一个,因为客户端关闭了,代表这次会话结束了,再次打开客户端是开启新的对话,获取的是新的session对象。
    • 如果在关闭客户端后,再打开时获取的session相同,则可以创建Cookie,键为JSESSIONID,值为session的id值,设置Cookie的最大存活时间,让Cookie持久化保存。
  2. 客户端不关闭,服务器关闭后,两次获取的session是同一个吗?
    • 不是同一个,但是要保证数据不丢失。tomcat会自动完成以下工作:
      • session的钝化:在服务器正常关闭之前,把session对象序列化到硬盘上
      • session的活化:在服务器启动后,将session文件转化为内存中的session对象
    • session的钝化将项目中的文件打包成war包丢到tomcat的webapps目录下即可,打开本地的tomcat运行项目后会自动活化,idea中无法完成这个操作,idea会钝化成功,但是活化会失败,因为重新启动服务器后,idea会删除原本存放session文件的那个目录,然后创建这个目录,所有无法读取到session文件。
  3. session的失效时间?即什么时候被销毁?
    1. 服务器被关闭
    2. session对象调用invalidate()
    3. session的默认失效时间是30分钟,可以在tomcat的web.xml中修改这个默认失效时间,也可以在自己的项目中的web.xml修改这个失效时间

Session的特点

  1. 用于存储一次会话的多次请求的数据,存在服务器端
  2. 可以存储任意类型任意大小的数据

Session与Cookie的区别

  1. Session存储数据在服务器端,Cookie在客户端
  2. Session没有数据大小限制,Cookie有限制
  3. Session数据安全,Cookie相对来说不安全

JSP

JSP

入门学习

概念:

  • java server pages:Java服务端页面
    • 可以理解为:一个特殊的页面,其中既可以指定定义html标签,又可以定义java代码
    • 用于简化书写

原理:本质上就是一个servlet

JSP的脚本:JSP定义Java代码的方式

  1. <% 代码 %>:定义的java代码在service方法中,service方法中可以定义什么该脚本中就可以定义什么
  2. <%! 代码 %>:定义的java代码在jsp转换后的java类的成员位置,可以定义成员方法成员变量代码块等等
  3. <%= 代码 %>:定义的java代码会输出到页面上,输出语句中可以定义什么该脚本中就可以定义什么

JSP的内置对象

  • 在JSP页面中不需要获取和创建,可以直接使用的对象
  • jsp一共有9个内置对象:
    1. pageContext,真实类型是pageContext,作用是在当前页面共享数据,还可以获取其他8个内置对象
    2. request:真实类型是HttpServletRequest,作用是一次请求访问的多个资源间共享数据
    3. session:真实类型是HttpSession,作用是一次会话的多个请求间共享数据
    4. application:真实类型是ServletContext,作用是所有用户共享数据
    5. response:真实类型是HttpServletResponse,响应对象
    6. page:真实类型是Object,作用是当前页面(servlet)的对象
    7. out:真实类型是JspWriter,作用是输出对象,数据输出到页面上
    8. config:真实类型是ServletConfig,servlet的配置对象
    9. exception:真实类型是Throwable,异常对象

指令

  • 作用:用于配置JSP页面,导入资源文件
  • 格式:<%@ 指令名称 属性名1=属性值1 属性名2=属性值2 ... &>
  • 指令名称分类:
    1. page:配置JSP页面
      • ContentType:等同于response.setContentType()
        1. 设置响应体的mime类型以及字符集
        2. 设置当前jsp页面的编码(只能是高级的IDE中生效,如果使用低级工具,则需要设置pageEncoding属性设置当前页面的字符集)
      • import:导包
      • errorpage:当前页面发送异常后,会自动跳转到指定的错误页面
      • isErrorpage:标识当前页面是否是错误页面
        • true:是,可以使用内置对象exception
        • false:否。默认值,不能使用内置对象exception
    2. include:页面包含的。导入页面的资源文件,就是一个页面包含另一个页面。
      • <%@include file=”top.jsp” %>
    3. taglib:导入资源,可以导入标签库
      • <%@taglib prefix=”” uri=”” %>

注释

  1. html注释:<!-- -->,只能注释html代码片段
  2. jsp注释:<%-- --%>,可以注释所有

MVC开发模式

  1. M:Model,模型。JavaBean
    • 完成具体的业务操作,如查询数据库,封装对象等
  2. V:View,视图。JSP
    • 展示数据
  3. C:Controller,控制器。Servlet
    • 获取用户的输入
    • 调用模型
    • 将返回回来的数据交给视图进行展示

优点

  1. 耦合性低,方便维护,可以利于分工协作
  2. 重用性高,

缺点:

  1. 使得项目架构变得复杂,对开发人员要求高

EL表达式

  1. 概念:Expression Language 表达式语言

  2. 作用:替换和简化jsp页面中java代码的编写

  3. 语法:${表达式}

  4. 注意:

    • jsp默认支持el表达式的。如果要忽略el表达式
      1. 设置jsp中的page指令:isELIgnored=“true” 忽略当前jsp页面中所有的el表达式
      2. ${表达式}:忽略当前这个el表达式
  5. 使用:

    1. 运算
      • 运算符:算数运算符,比较运算符,逻辑运算符,空运算符
        • 空运算符:empty
          • 功能:用于判断字符串,集合,数组是否为null长度是否为0
          • ${empty list}
    2. 获取值
      1. el表达式只能从域对象中获取值
      2. 语法
        1. ${域名称.键的名称}:从指定域中获取指定键的值
          • 域名称:
            1. pageScope:从pageContext中获取
            2. requestScope:从request中获取
            3. sessionScope:从session中获取
            4. applicationScope:从application中获取
        2. ${键名}:依次从最小的域中去查找是否有该键对应的值,直到找到为止
          • pageContext < request < session < application
      3. 获取对象中的值
        • ${域名称.键的名称.属性名称}:属性名称就是JavaBean中属性差不多意思,get方法去掉get剩下的字符串首字母小写就是属性名称
      4. 获取List集合中的值
        • ${ 域名称.键的名称[ 索引值] }:如果下标越界了,也不会报异常,会显示一个空字符串
      5. 获取Map集合中的值
        • ${ 域名称.键的名称.key的名称 }
        • ${ 域名称.键的名称[ “key的名称” ] }
  6. 隐式对象

    • el表达式中有11个隐式对象
    • pageContext为一个常用的隐式对象
      1. 获取jsp其他八个内置对象 ${pageContext.内置对象名称}

JSTL

  • 概念:JavaServer Page Tag Library JSP标准标签库

    • 是由Apache组织提供的开源的免费的jsp标签
  • 作用:用于简化和替换jsp页面上的java代码

  • 使用步骤:

    1. 导入jstl相关jar包
    2. 引入标签库:taglib指令
    3. 使用标签
  • 常用的jstl标签

    1. if:相当于if语句

      • 属性:
        • test 必须属性,接受boolean表达式
          • 如果表达式为true,则显示if标签体内容,如果为false,则不显示
          • 一般情况下,结合el表达式一起使用
      • 注意:if标签没有else情况,如果想有,就再写一个if标签
    2. choose:相当于switch语句

      1. 使用choose标签声明
      2. 使用when标签判断
      3. 使用otherwise标签做其他情况的声明
      • 如:

        <c:choose>
            <c:when ....>....</c:when>
            <c:when ....>....</c:when>
            <c:when ....>....</c:when>
            <c:otherwise>....</c:otherwise>
        </c:choose>
    3. foreach:相当于for语句

      • 普通for循环:
        • 属性:
          • begin:开始值
          • end:结束值
          • var:临时变量
          • step:步长
          • varStatus:循环状态对象
            • index:容器中元素的索引,从0开始
            • count:循环次数,从1开始
      • 遍历容器
        • 属性
          • item:容器对象
          • var:容器中元素的临时变量

三层架构

  1. 界面层(表示层):用户看的界面。用户可以通过界面上的组件和服务器进行交互
  2. 业务逻辑层:处理业务逻辑的
  3. 数据访问层:操作数据存储文件的

Cookie

Cookie

  • 会话:一次会话中包含多次请求和响应。

    • 一次会话:浏览器第一次给服务器资源发送请求,会话建立,直到有一方断开为止
  • 功能:在一次会话范围内的多次请求间,共享数据。

  • 方式:

    1. 客户端会话技术:Cookie
    2. 服务器端会话技术:Session
  • 概念:客户端会话技术,将数据保存到客户端。

  • 快速入门:

    • 使用步骤:
      1. 创建Cookie对象,绑定数据
        • new Cookie(String name, String value)
      2. 发送Cookie对象
        • resp.addCookie(Cookie cookie)
      3. 获取Cookie,拿到数据
        • req.getCookies()
  • 实现原理

    • 基于响应体set-cookie和请求头cookie实现
  • cookie的细节

    1. 一次可不可以发送多个cookie?
      • 可以
      • 可以创建多个cookie对象,然后用addCookie发送
    2. cookie在浏览器中保存多长时间?
      • 默认情况下,浏览器关闭后,cookie数据被销毁
      • 持久化存储:setMaxAge(int seconds)
        1. 正数:将Cookie数据写到硬盘的文件中,持久化存储,数值代表cookie存活时间
        2. 负数:默认值
        3. 零:删除cookie信息
    3. cookie能不能存中文?
      • 在tomcat8之前,cookie中不能直接存储中文数据,需要将中文数据转码,一般采用URL编码
      • tomcat8之后可以存储
    4. cookie获取范围是多大?
      1. 假设在一个tomcat服务器中,部署了多个web项目,那么在这些web项目中,cookie能不能共享?
        • 默认情况下,cookie不能共享
        • setPath(String path):设置cookie的获取范围,默认情况下设置当前的虚拟目录
        • 如果要共享,则可以将path设置为”/“
      2. 不同的tomcat服务器获取cookie?
        • setDomain(String path):如果设置一级域名相同,那么多个服务器之间cookie可以共享
        • 如:setDomain(“.baidu.com”),那么tieba.baidu.com和news.baidu.com可以共享cookie
  • cookie的特点和作用

    1. cookie存储数据在客户端浏览器,不太安全
    2. 浏览器对于单个cookie有限制(4kb左右),以及对同一个域名下的总cookie数量也有限制 (20个左右)
    • 作用:
      1. cookie一般用于存储少量的不太敏感的数据
      2. 在不登录的情况下,完成服务器对客户端的身份识别

Response

Response

  • 设置响应消息:
    1. 设置响应行
      • 设置状态码:setStatus(int sc)
    2. 设置响应头
      • setHeader(Sting name, Sring value)
    3. 设置响应体:
      • 使用步骤:
        1. 获取输出流
        2. 使用输出流将数据输出到客户端浏览器

案例:

  1. 完成重定向
  • 重定向:资源跳转的方式

  • 代码:

    //设置状态码
    resp.setStatus(302);
    //设置重定向资源location路径
    resp.setHeader("location","/javaweb_tomcat_war_exploded/ResponseDemo02");
  • 简化写法:resp.sendRedirect("/javaweb_tomcat_war_exploded/ResponseDemo02");

  • 重定向的特点:

    1. 浏览器地址栏发生变化
    2. 重定向可以访问其他站点(服务器)的资源
    3. 重定向是两次请求,不能使用request对象共享数据
  • 路径写法:

    1. 路径分类:
      1. 相对路径:通过相对路径不可以确定唯一资源
        • 如:./index.html
        • 不以/开业,以.开头的路径
        • 规则:找到当前资源和目标资源之间的关系
          • ./:当前目录
          • ../:后退一级目录
      2. 绝对路径:通过相对路径可以确定唯一资源
        • 如:http://localhost/day15/responseDemo2
        • 以/开头的路径
        • 规则:判断定义的路径给谁用
          • 给客户端浏览器使用:需要加虚拟目录(项目的访问路径)
            • 建议虚拟目录动态获取:request.getContextPath()
          • 给服务使用:不需要加虚拟目录
  1. 服务器输出字符数据到浏览器

    • 步骤:
      1. 获取字符输出流
      2. 输出数据
    • 注意:乱码问题
      • 获取的流的默认编码格式是ISO-8859-1,需要设置该流的默认编码,告诉浏览器响应体使用的编码。
      • resp.setContentType("text/html;charset=utf-8");在获取流之前设置
  2. 服务器输出字节数据到浏览器

    • 步骤:
      1. 获取字节输出流
      2. 输出数据
  3. 验证码

    public class CheckCodeServlet extends HttpServlet {
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        int width = 100;
        int height = 50;
    
        //创建对象,在内存中和代表图片(验证码图片对象)
        BufferedImage bufferedImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
        //美化图片
        //获取画笔对象
        Graphics graphics = bufferedImage.getGraphics();
        //设置填充的背景色
        graphics.setColor(Color.PINK);
        //设置填充开始的坐标以及宽度高度,填充一个矩形
        graphics.fillRect(0, 0, width, height);
        //设置边框的颜色
        graphics.setColor(Color.BLUE);
        //从坐标处画一个边框,因为边框的有1px的宽度,所有宽度和高度要减去1
        graphics.drawRect(0, 0, width - 1, height - 1);
        //设置验证码的颜色
        graphics.setColor(new Color(214, 24, 215));
        //随机生成4个验证码,放入图中
        String str = "QWERTYUIOPASDFGHJKLZXCVBNMqwertyuiopasdfghjklzxcvbnm0123456789";
        Random random = new Random();
        for (int i = 1; i <= 4; i++) {
            int index = random.nextInt(str.length());
            char ch = str.charAt(index);
            graphics.drawString(ch + "", width / 5 * i, height / 2);
        }
        //设置干扰线的颜色
        graphics.setColor(Color.RED);
        //随机生成10条干扰线放入图中
        for (int i = 0; i < 10; i++) {
            int x1 = random.nextInt(width);
            int y1 = random.nextInt(height);
            int x2 = random.nextInt(width);
            int y2 = random.nextInt(height);
            graphics.drawLine(x1, y1, x2, y2);
        }
        //将图片输出到页面
        ImageIO.write(bufferedImage, "jpg", resp.getOutputStream());
    }

Request

Request

Request和Response对象的原理:

  1. Request和Response对象是由服务器创建的。我们来使用它们。
  2. Request对象来获取请求消息,Response对象来设置响应消息。

Request对象继承体系结构

HttpServletRequest接口继承ServletRequest接口。
org.apache.catalina.connector.RequestFacade类(tomcat实现)实现HttpServletRequest接口。

Request功能:

  1. 获取请求消息数据:

    1. 获取请求行数据:
      • 方法:
        1. 获取请求方式:String getMethod()
        2. 获取虚拟目录:String getContextPath()
        3. 获取Servlet路径:String getServletPath()
        4. 获取GET方式请求参数:String getQueryString()
        5. 获取请求URI:
          • String getRequestURI():返回虚拟目录加servlet路径
          • String getRequestURI():返回浏览器地址栏中的地址,即http://…….形式的
        6. 获取协议及版本:String getProtocol()
        7. 获取客户机ip地址:String getRemoteAddr()
    2. 获取请求头数据:
      • 方法:
        • String getHeader(String name):通过请求头的名称获取请求头的值
        • Enmueration< string> getHeaderNames():获取所有请求头的名称
    3. 获取请求体数据:
      • 请求体只有在POST请求方式中才有,请求体中封装了POST请求的参数
      • 步骤:
        1. 获取流对象
          • BufferedReader getReader():获取字符输入流,只能操作字符数据
          • ServletInputStream getInputStream():获取字节输入流,可以操作所有数据类型数据
        2. 再从流对象中拿数据
  2. 其他功能:

    1. 获取请求参数通用方式:

      1. String getParameter(String name):根据参数名称获取参数值
      2. String[] getParameterValues(String name):根据参数名称获取参数值的数组
      3. Enmueration< string> getParameterNames():获取所有请求的参数名称
      4. Map< String, String[]> getParameterMap():获取所有参数的Map集合
      • 中文乱码问题:
        • get方式:tomcat8已经将get方式乱码问题解决了
        • post方式:在获取参数前,设置request的编码request.setCharacterEncoding("utf-8")
    2. 请求转发:一种在服务器内部的资源跳转方式

      • 步骤:
        1. 通过request对象获取请求转发对象:RequestDispatcher getRequestDispatcher(String path)
        2. 使用RequestDispatcher对象来进行转发:forward(ServletRequest request, ServletResponse response)
      • 特点:
        1. 浏览器地址栏路径不发生变化
        2. 只能转发到当前服务器内部资源中
        3. 转发是一次请求
    3. 共享数据:

      • 域对象:一个有作用范围的对象,可以在范围内共享数据
      • request域:代表一次请求的范围,一般用于请求转发中的多个资源中共享数据
      • 方法:
        1. void setAttribute(String name, Object obj):存储数据
        2. Object getAttribute(String name):通过键获取值
        3. void removeAttribute(String name):通过键移除键值对
    4. 获取ServletContext:

      • ServletContext getServletContext()

BeanUtils工具类,简化数据封装

  • 用于封装JavaBean的

  • JavaBean:标准的java类

    • 要求:

      1. 类必须被public修饰
      2. 必须提供空参的构造器
      3. 成员变量必须使用private修饰
      4. 提供public修饰的getter和setter
    • 功能:封装数据

  • 概念:

    • 成员变量

    • 属性:setter和getter方法截取后的产物

      • public void setHehe(String gender){
             this.gender = gender;
        }
      • 其中成员变量是gender,属性是hehe

  • 方法:

    1. setProperty():设置JavaBean对象属性值
    2. getProperty():获取JavaBean对象属性值
    3. populate(Object obj,Map map):将map集合的键值对信息封装到对于的JavaBean对象中

ServletContext

ServletContext

概念:代表整个web应用,可以和程序的容器(服务器)来通信

获取:

  1. 通过request对象来获取
    • request.getServletContext()
  2. 通过HttpServlet获取
    • this.getServletContext()
  • 两种方法获取只能获取一个,获取的是同一个

功能:

  1. 获取MIME类型

    • MIME类型:在互联网通信过程中定义的一种文件数据类型
      • 格式:大类型/小类型 text/html image/jpeg
    • 获取:String getMimeType(String file)
  2. 域对象,共享数据

    1. setAttribute(String name, Object value)
    2. getAttribute(String name)
    3. removeAttribute(String name)
    • 这个域的范围:所有用户所有请求的数据
  3. 获取文件的真实(服务器)路径

    1. 方法:String getRealPath(String Path)
      • web目录下获取,直接/a.txt
      • WEB-INF目录下获取,/WEB-INF/a.txt
      • src目录下获取,/WEB-INF/classes/a.txt

文件下载案例

protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws IOException {
    //通过传递的参数获取要下载的文件的文件名
    String filename = req.getParameter("filename");
    ServletContext servletContext = this.getServletContext();
    //通过ServletContext获取要下载文件的真实路径
    String realPath = servletContext.getRealPath("/img/" + filename);
    //创建字节输入流,用于读取文件
    FileInputStream fis = new FileInputStream(realPath);
    //获取发送文件的MIME数据类型
    String mimeType = servletContext.getMimeType(filename);
    //设置content-type响应头
    resp.setHeader("content-type", mimeType);
    //设置content-disposition响应头,设置成附件打开
    resp.setHeader("content-disposition", "attachment;filename=" + filename);
    //获取字节输出流
    ServletOutputStream os = resp.getOutputStream();
    byte[] bytes = new byte[1024];
    int len = 0;
    //下载文件
    while ((len = fis.read(bytes)) != -1) {
        os.write(bytes, 0, len);
    }
    //释放资源
    fis.close();
}
  • 注意:在弹出的下载框中会遇到中文文件名乱码问题,需要针对不同浏览器进行解决,可以先获取浏览器的版本信息,然后设置编码,网上有很多解决这个问题的工具类,可以咨询查找。

JavaWeb中HTTP相关的粗略描述

Http

  • 概念:Hyper Text Transfer Protocol 超文本传输协议

    • 传输协议:定义了客户端和服务器通信时,发送数据的格式。
    • 特点:
      1. 基于TCP/IP的高级协议
      2. 默认端口号:80
      3. 基于请求/响应模型的:一次请求对应一次响应
      4. 无状态的:每次请求之间相互独立,不能交互数据
  • 历史版本:

    • 1.0:每次请求响应都会建立新的连接
    • 1.1:复用连接

请求消息数据格式

  1. 请求行

    • 请求方式 请求url 请求协议/版本
    • 如:GET /login.html HTTP/1.1
    • 请求方式:
      • HTTP有7种请求方式,常见的有两种:
        • GET:请求参数在请求行中,在url后。请求的url长度是有限制的。不太安全。
        • POST:请求参数在请求体中。请求的url长度是无限制的。相对安全。
  2. 请求头:客户端浏览器告诉服务器一些信息

    • 请求头名:请求头值
    • 常见的请求头:
      1. Host: 主机
      2. User-Agent: 浏览器告诉服务器,我访问你使用的浏览器版本信息
        • 可以在服务器端获取该头的信息,解决浏览器的兼容性问题
      3. Referer: 告诉服务器,当前请求从哪里来
        • 作用:
          1. 防盗链:
          2. 统计工作:
  3. 请求空行:空行,用于分割post请求头和请求体的

  4. 请求体(正文)

    • 封装post请求消息的请求参数的

响应消息数据格式

  1. 响应行:
    • 组成:协议/版本 响应状态码 状态码描述
    • 响应状态码:服务器告诉客户端浏览器本次请求和响应的状态,状态码都是三位数字
      • 状态分类:
        1. 1xx:服务器接收客户端消息,但没有接收完成,等待一段时间后发送1xx的状态码
        2. 2xx:成功。代表:200
        3. 3xx:重定向。代表:302(重定向),304(访问缓存)
        4. 4xx:客户端错误。代表:404(请求路径没有对应的资源),405(请求方式没有对应的方法)
        5. 5xx:服务器端错误。代表:500(服务器内部出现异常)
  2. 响应头
    • 格式:头名称:值
    • 常见的响应头:
      1. Content-Type:服务器告诉客户端浏览器本次响应体的数据格式及编码格式
      2. Content-disposition:服务器告诉客户端以什么格式打开响应体数据。默认值是in-line 在当前页面内打开,可以设置为attachment;filename=xxx 以附件形式打开响应体
  3. 响应空行
  4. 响应体:传输的数据

Bootstrap

Bootstrap

  • 概念:一个前端开发的框架。Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。

    • 框架:一个半成品软件。开发人员可以在框架基础上再进行开发,简化编码。
    • 好处:
      1. 定义了很多的css样式和js插件。我们开发人员可以直接使用这些样式和插件得到丰富的页面效果。
      2. 响应式布局。
        • 同一套页面可以兼容不同分辨率的设备。

快速入门

  1. 下载Bootstrap
  2. 在项目中将下载解压完的文件中的三个文件夹复制
  3. 创建html页面,引入必要的资源文件

响应式布局

  • 实现:依赖于栅格系统。

    • 栅格系统:将一行平均分割成12个格子,可以指定元素占几个格子。
  • 步骤

    1. 定义容器
      • 容器分类:
        1. container:固定宽度。每一种设备的宽度都是一个不同的固定值
        2. container-fluid:每一种设备都是100%宽度
    2. 定义行 样式:row
    3. 定义元素。指定该元素在不同的设备上占用的格子数目 样式:col-设备代号-格子数目
      • 设备代号:
        1. xs:超小屏幕 手机(<768px)
        2. sm:小屏幕 平板(>=768px)
        3. md:中等屏幕 桌面显示器(>=992px)
        4. lg:大屏幕 大桌面显示器(>=1200px)
    • 注意:
      1. 一行中如果格子数目超过12,则超出部分自动换行
      2. 栅格类属性可以向上兼容
      3. 如果真实设备的宽度小于了设置的栅格类属性的设备代码的最小值,会一个元素占满一整行

CSS样式和JS插件

全局CSS样式:

  • 按钮:例如 btn btn-default
  • 图片:
    • 响应式图片 class="img-responsive"
    • 图片形状例如 class="img-rounded"
  • 表格:查看文档
  • 表单:查看文档

组件:

  • 导航条:navbar
  • 分页条:pagination

插件:

  • 轮播图:Carousel

Bootstrap更多用法请自询查找文档,上面很详细。

Tomcat和Servlet

Tomcat

web服务器软件。

  • 服务器:安装了服务器软件的计算机。
  • 服务器软件:接收用户请求,处理请求,做出响应。
  • web服务器软件:接收用户请求,处理请求,做出响应。
    • 在web服务器软件中可以部署web项目,让用户通过浏览器访问这些项目。
    • web容器

常见的java相关的web服务器软件:

  • webLogic:Oracle公司,大型javaEE服务器,支持所有的javaEE规范,收费。
  • webSphere:IBM公司,大型javaEE服务器,支持所有的javaEE规范,收费。
  • JBOSS:JBOSS公司,大型javaEE服务器,支持所有的javaEE规范,收费。
  • Tomcat:Apache基金组织,中小型javaEE服务器,仅仅支持少量javaEE规范,开源免费。

配置

  • 部署项目的方式:
    1. 直接将项目放在webapps文件夹下。
      • 简化部署:将项目打包成一个war包,再将war包放到webapps目录下,war包会自动解压缩。
    2. 配置conf/server.xml文件,在< host>标签体中配置<Context docBase="项目存放路径" path="/虚拟目录" />
    3. 在conf/Catalina/localhost创建任意名称的xml文件,在文件中编写<Context docBase="项目存放路径" />,虚拟目录就是xml文件的名称。

Servlet简单学习

运行在服务器端的小程序。

  • Servlet就是一个接口,定义了java类被浏览器访问到(tomcat识别)的规则。
  • 将来我们自定义一个类,实现Servlet接口,复写方法。

Servlet快速入门

  1. 创建javaEE的项目

  2. 定义一个类,必须实现Servlet接口

  3. 实现接口中的抽象方法

  4. 配置Servlet

    • web.xml中配置:

      <servlet>
          <servlet-name>demo01</servlet-name>
          <servlet-class>web.servlet.ServletDemo01</servlet-class>
      </servlet>
      
      <servlet-mapping>
          <servlet-name>demo01</servlet-name>
          <url-pattern>/demo01</url-pattern>
      </servlet-mapping>

执行原理

  1. 当服务器接收到客户端浏览器的请求后,会解析请求的URL路径,获取访问的servlet的资源路径。
  2. 查找web.xml文件是否有对应的<url-pattern>标签体内容。
  3. 如果有则在找到对应的<servlet-class>全类名。
  4. tomcat会将字节码文件加载进内存,并且创建其对象。
  5. 调用其方法。

Servlet的生命周期:

  1. 被创建:执行init方法,只执行一次。

    • servlet什么时候被创建?

      • 默认情况下,第一次访问时,servlet被创建
      • 可以配置执行servlet的创建时机
        • <servlet>标签下配置
          1. 第一次被访问时,创建
            • <load-on-startup>的值为负数
          2. 在服务器启动时,创建
            • <load-on-startup>的值为0或正数
    • servlet的init方法只执行一次,说明一个servlet在内存中只存在一个对象,servlet是单例的。

      • 多个用户同时访问时,可能存在线程安全问题。
        • 解决:尽量不要在servlet中定义成员变量。即使定义了成员变量,也不要对其修改值。
  2. 提供服务:执行service方法,可以执行多次。

    • 每次访问servlet时都会执行一次。
  3. 被销毁:执行destroy方法,只执行一次。

    • servlet被销毁时执行一次,服务器正常关闭时。

Servlet3.0及以上:

  • 好处:
    • 支持注解配置。可以不需要web.xml。
  • 步骤:
    1. 创建javaEE项目,选择servlet版本3.0以上,可以不创建web.xml。
    2. 定义一个类实现Servlet接口。
    3. 复写方法。
      1. 在类上使用@WebServlet(“资源路径”)注解进行配置。

Servlet的体系结构:

  • Servlet,GenericServlet,HttpServlet
    1. GenericServlet继承自Servlet,将Servlet接口中除service方法都进行了默认空实现,只将service方法作为抽象方法,定义时只需实现service方法即可。
    2. HttpServlet继承自GenericServlet,是对http协议的一种封装,简化操作。定义时可以复写doGet/doPost方法。

Servlet相关配置:

  1. urlpartten:Servlet访问路径
    1. 一个Servlet可以定义多个访问路径:@WebServlet({“/路径1”,”/路径2”,”/路径3”})。
    2. 路径定义规则:
      1. /xxx
      2. /xxxx/xx/xxx:多层路径,目录结构。
      3. *.后缀名

IDEA与Tomcat的相关配置

  1. IDEA会为每一个Tomacat部署的项目单独建立一份配置文件。

    • 查看控制台的log中的CATALINA_BASE。
  2. 工作空间项目和Tomacat部署的web项目是两个存在。

    • Tomcat真正访问的是“Tomacat部署的web项目”,“Tomacat部署的web项目”对应着的是“工作空间项目”的web目录下的所有资源。
    • WEB-INF目录下的资源不能被浏览器直接访问。
    • 断点调试:使用Debug启动而不是Run。

请我喝杯咖啡吧~

支付宝
微信