JavaWeb

1、基本概念

1.1、前言

web开发:

  • web:网页的意思。www.baidu.com

  • 静态web

    • html,css

    • 提供给所有人看的数据始终不会发生变化

  • 动态web

    • 淘宝

    • 提供给所有人看的数据始终会发生变化,每个人在不同的时间,不同的地点看到的信息各不相同

    • 技术栈:Servlet/JSP,ASP,PHP

在Java中,动态web资源开发的技术统称为JavaWeb。

1.2、web应用程序

web应用程序:可以提供浏览器访问的程序;

  • a.html、b.html………多个web资源,这些web资源可以被外界访问,对外界提供服务

  • 能访问到的任何一个页面或者资源,都存在于这个世界的某一个角落的计算机上

  • URL

  • 这个统一的web资源会被放在同一个文件夹下,web应用程序—>tomcat:服务器

  • 一个web应用由多个部分组成(静态web,动态web)

    • html,css,js

    • jsp,servlet

    • java程序

    • jar包

    • 配置文件(properties)

web应用程序编写完毕后,若想提供给外界访问:需要一个服务器来同意管理

1.3、静态web

  • .htm,.html,这些都是网页的后缀,如果服务器上一直存在这些东西我们就可以直接读取

     

     

  • 静态web存在的缺点

      • 轮播图,点击特效:伪动态

      • javascript

      • VBSScript

    • 无法和数据库交互(数据无法持久化,用户无法交互)

     

1.4、动态web

页面会动态展示:”web的页面展示的效果因人而异“

 

缺点:

  • 接入服务器的动态web资源出现了错误,需要重新编写后台程序,重新发布

    • 停机维护

优点:

  • web页面可以动态更新,所有用户看到的都不是同一个页面

  • 可以和数据库交互(数据持久化:注册各种信息)

     

 

2、web服务器

2.1、技术讲解

ASP:

  • 微软:国内最早流行的就是ASP

  • 在HTML中嵌入了VB的脚本,ASP+COM

  • 在ASP开发中,一个页面中会有几千行的业务代码,页面及其混乱

  • C#

  • IIS

PHP:

  • PHP开发速度很快,功能很强大,跨平台,代码很简单

  • 无法承载大访问量的情况(局限性)

JSP/Servlet:

B/S:浏览器到服务器

C/S:客户端到服务器

  • sun公司主推的B/S架构

  • 基于Java语言的(所有的大公司,或者一些开源的组件,都是用Java写的)

  • 可以承载三高问题带来的影响

  • 语法很像ASP

2.2、web服务器

服务器是一种被动的操作,用来处理用户的一些请求和给用户一些相应信息;

IIS:

微软的;ASP….,Windows中自带的

Tomcat:

 

 

下载tomcat:

  • 安装or解压

  • 了解配置文件及目录

  • 这个东西的作用

 

3、Tomcat

3.1、安装Tomcat

官网地址:https://tomcat.apache.org/

image-20221009101854318

3.2、Tomcat启动和配置

D:\apache-tomcat-8.0.5 -8088\conf\server.xml

可以配置启动的端口号

  • tomcat的默认端口:8080

  • mysql:3306

  • http:80

  • https:443

<Connector port=”8088″ protocol=”HTTP/1.1″ connectionTimeout=”20000″ redirectPort=”8443″ />

可以配置主机的名称

  • 默认的主机名称为:localhost->12.0.0.1

  • 默认的网站应用存放的位置为:webapps

<Host name="localhost"  appBase="webapps"
           unpackWARs="true" autoDeploy="true">

网站是如何进行访问的:

  • 输入域名,回车

  • 检查本地C:\Windows\System32\drivers\etc\hosts配置文件下有没有这个域名映射

    • 有:直接返回对应的IP地址,这个地址中,有需要访问的web程序,可以直接访问

      127.0.0.1    www.wx.com
    • 没有:去DNS服务器找

    image-20221009133819725

     

image-20221009134610609

4、HTTP

 

4.1、什么是HTTP

HTTP是一个简单的请求-响应协议,他通常运行在TCP之上。

  • 文本:html,字符串……

  • 超文本:图片,音乐,视频…….

  • 默认端口:80

https默认端口:443

4.2、两个时代

  • http1.0

    • HTTP/1.0:客户端可以与web服务器链接后,只能获得一个web资源,断开链接

  • http2.0

    • HTTP/1.1:客户端可以与web服务器链接后,可以获得多个web资源

4.3、Http请求

  • 客户端—-发请求(Request)—-服务器

    image-20221009154950749

  • 请求行

    • 请求放中的请求方式:GET

    • 请求方式:GET,POST,

      • get:请求能都携带的参数比较少,大小有限制,会在浏览器的地址栏显示参数,不安全,但是高效

      • post:请求能都携带的参数没有限制,大小没有限制,不会在浏览器的地址栏显示参数,安全,但不高效

  • 消息头

    image-20221009160103652

4.4、Http响应

  • 服务器—响应—客户端

    image-20221009155300105

  • 响应体

    image-20221009160304649

  • 响应状态码

    200:响应成功

    3xx:请求重定向 304

    • 重定向:重新请求到新的地址去

    4xx:找不到资源 404

    5xx:服务器代码错误 500

    • 502:网关错误

5、Maven

5.1、Maven项目架构管理工具

方便导入jar包

Maven核心思想:约定大于配置

  • 有约束,不要去违反

Maven会规定如何去编写Java代码,必须要按照这个规范来。

5.2、下载安装Maven

官网下载解压

5.3、配置环境变量

image-20221009162221201

5.4、配置阿里云镜像

  • 镜像:mirrors

    • 作用:加速下载资源

  • 国内建议使用阿里云的镜像

<mirror> 
   <id>alimaven</id>
   <name>aliyun maven</name>
   <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
   <mirrorOf>central</mirrorOf>
</mirror>

5.5、建立本地仓库

本地仓库

远程仓库

创建本地仓库:

<localRepository>D:/tools/Repository</localRepository>

 

 

5.6、在IDEA中创建Maven项目

image-20221011124416105

image-20221011124428868

image-20221011124548229

5.7、pom配置

导报时资源导出问题:

<!-- 在build中配置resourse,防止资源导出失败问题 -->
<resources>
           <resource>
               <directory>src/main/resources</directory>
               <excludes>
                   <exclude>**/*.properties</exclude>
                   <exclude>**/*.xml</exclude>
               </excludes>
               <filtering>false</filtering>
           </resource>
           <resource>
               <directory>src/main/java</directory>
               <includes>
                   <include>**/*.properties</include>
                   <include>**/*.xml</include>
               </includes>
               <filtering>false</filtering>
           </resource>
       </resources>

5.8、Maven项目中jar包的关系图

image-20221011132356838

 

image-20221011132241951

6、Servlet

6.1、Servlet简介

  • Servlet是sun公司开发动态web的一门技术

  • sun在这些API中提供了一个接口叫:Servlet,开发Servlet程序需要完成两步

    • 编写一个类,实现Servlet接口

    • 把开发好的Java类部署到Web服务器中

把实现了Servlet接口的Java程序叫做,Servlet

6.2、HelloServlet

Servlet接口Sun公司默认有两个实现类:HttpServlet,GenericServlet

image-20221011141454580

为什么需要映射:因为编写的是Java程序,需要通过浏览器访问,而浏览器需要连接web服务器,所以需要在web服务中注册Servlet,并且需要给他一个浏览器能访问的路径

6.3、Servlet原理

Servlet是有Web服务器调用,web服务器在收到浏览器请求后会将请求发送到servlet

image-20221011143455681

image-20221011145102103

优先级问题:

指定了固有的路径优先级最高,如果找不到就走默认的处理请求。

6.4 、ServletContext

web容器在启动的时候,它会为每个web程序都创建一个ServletContext对象,它代表了当前的web应用。

  • 共享数据

    servlet中保存的数据,可以在另一个servlet中拿到

  • 请求转发

    ServletContext servletContext = this.getServletContext();
           //请求转发
           RequestDispatcher requestDispatcher = servletContext.getRequestDispatcher("/hello");
           requestDispatcher.forward(request,response);
  • 读取资源文件

      ServletContext servletContext = this.getServletContext();
           Properties properties = new Properties();
           properties.load(servletContext.getResourceAsStream("/WEB-INF/classes/db.properties"));
           String username = properties.getProperty("username");
           response.getWriter().println(username);

 

6.5、HttpServletRequest

HttpServletRequest代表客户端的请求,用户通过http协议访问服务器,Http请求中的所有信息会被封装到HttpServletRequest中,服务器端可以通过HttpServletRequest中的方法获得客户端的所有信息

  • 获取前端传递的参数

  • 请求转发

6.6、HttpServletResponse

web服务器接收到客户端的http请求,针对这个请求,分别创建一个代表请求的HttpServletRequest对象,代表响应的一个HTTPServletResponse;

  • 如果要获取客户端请求过来的参数:HttpServletRequest

  • 如果要获取服务端响应过来的参数:HTTPServletResponse

image-20221012125353399

public class FileServlet extends HttpServlet {

   @Override
   protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
       ServletContext servletContext = this.getServletContext();
       //下载文件路径
       String realPath = "D:\\workspace\\wx_projects\\wxStuSCB\\wx-javaweb-demo\\src\\main\\resource\\images\\psw.jpg";
       //文件名
       String fileName = realPath.substring(realPath.lastIndexOf("\\") + 1);
       //设置下载文件响应头
       response.setHeader("Content-disposition", "attachment;filename="+fileName);
       //获取下载文件的输入流
       FileInputStream fileInputStream = new FileInputStream(new File(realPath));
       //创建缓冲区
       int len = 0;
       byte[] buffer = new byte[1024];
       //获取输出流对象
       ServletOutputStream outputStream = response.getOutputStream();
       //将FileOutputStream流写入到buffer缓冲区,输出到客户端
       while ((len = fileInputStream.read(buffer))!=-1){
           outputStream.write(buffer,0,len);
      }
       outputStream.close();
       fileInputStream.close();


  }

   @Override
   protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
       doGet(req, resp);
  }
}
  • 验证码

    public class ImageServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    //如何让浏览器3秒自动刷新一次
    response.setHeader("refresh","3");

    //在内存中创建图片
    BufferedImage image = new BufferedImage(80,20,BufferedImage.TYPE_INT_RGB);
    //得到图片,2D画笔
    Graphics2D graphics = (Graphics2D) image.getGraphics();
    graphics.setColor(Color.WHITE);
    graphics.fillRect(0,0,80,20);
    //给图片写入数据
    graphics.setColor(Color.RED);
    graphics.setFont(new Font(null,Font.BOLD,20));
    graphics.drawString(makeNum(),0,20);

    //告诉浏览器,这个请求用图片的方式打开
    response.setContentType("image/jpeg");
    //网站存在缓存,设置不让浏览器缓存
    response.setHeader("expires","-1");
    response.setHeader("Cache-Control","no-cache");
    response.setHeader("Pragma","no-cache");

    //把图片写给浏览器
    ImageIO.write(image,"jpg",response.getOutputStream());
    }

    //生成随机数
    private String makeNum(){
    Random random = new Random();
    String val = String.valueOf(random.nextInt(9999));
    StringBuffer stringBuffer = new StringBuffer();
    for (int i = 0; i < 4-val.length(); i++) {
    stringBuffer.append("0");
    }
    return stringBuffer.toString()+val;

    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    doGet(req, resp);
    }
    }
  • 重定向

    浏览器的导航栏地址会变

    response.sendRedirect("地址");
    public class RedirectServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    response.sendRedirect("/wx/image");
    }


    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    doGet(req, resp);
    }
    }

     

 

 

7、cookie、session

7.1、会话

 

  • 会话:用户打开浏览器,点击很多链接,访问了多个web资源,关闭浏览器,这个过程可以成为会话

  • 有状态会话:一个同学来过教室,下次来教室,我们会知道这个同学曾经来过,称之为有状态会话

  1. 服务端给客户端一个信件,客户端下次访问访问服务端带上信件就可以了;cookie

  2. 服务器登记你来过了,下次你来的时候匹配你的信息;sesion

  3. 保存会话的两种技术

    • cookie

      • 客户端技术(响应,请求)

    • seesion

      • 服务器技术,利用这个技术,可以保存用户的会话信息,可以把用户信息或者数据存放在session中

7.2、cookie

  1. 从请求中拿到cookie信息

  2. 服务器响应给客户端cookie

    Cookie[] cookies = request.getCookies();//获得cookie
    cookie.getName()
    cookie.getValue()
    Cookie cookie = new //服务器给客户端响应一个cookie
    Cookie cookie = new Cookie("lastLoginTime",System.currentTimeMillis()+"");
    //设置cookie的有效时间为一天
    cookie.setMaxAge(24*60*60);
    response.addCookie(cookie);
    • 一个cookie只能保存一个信息

    • 一个web站点可以给浏览器发送多个cookie,最多存放20个cookie

    • cookie大小有限制4kb

    • 300个cookie浏览器上限

    删除cookie

    • 不设置有效期,关闭浏览器,自动失效

    • 设置有效期为0S

    编码解码:

    URLEncoder.encode("王响", "utf-8");
    URLDecoder.decode(cookie.getValue(),"utf-8");

     

7.3、session

什么是session:

  • 服务器会给每一个用户(浏览器)创建一个Session对象

  • 一个Session独占一个浏览器,只要浏览器没有关闭,这个session就存在

  • 用户登录之后,整个网站它都可以访问

7.4、session和cookie的区别

  • cookie是把用户的数据写给用户的浏览器,浏览器保存

  • session是把用户的数据写到用户独占session中,服务器保存

  • session对象由服务器创建

image-20221014105717680

 

8、JSP

8.1、什么是JSP

Java Server Pages:Java服务器端页面,也和servlet一样用于开发动态web技术!

最大的特点:

  • 写JSP就像是在写HTML

  • 区别:

    • HTML只给用户提供静态数据

    • JSP页面中可以嵌入JAVA代码,为用户提供动态数据

8.2、JSP原理

  • 代码层面没有问题

  • 服务器内部工作:

    • tomcat中有一个work目录

    • IDEA中使用tomcat的会再IDEA的tomcat中产生一个work目录

    image-20221014110654844

    浏览器向服务器发送请求,不管访问什么资源,其实都是在访问servlet

JSP最终会被转换成为Java类

JSP本质就是一个Servlet

//初始化
public void _jspInit() {
}

//销毁
public void _jspDestroy() {
}

//JSPService
public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response)
  1. 判断请求方式GET、POST

  2. 内置对象

    final javax.servlet.jsp.PageContext pageContext;//页面上下文
    javax.servlet.http.HttpSession session = null;//session
    final javax.servlet.ServletContext application;.//applicationServletContext
    final javax.servlet.ServletConfig config;//config
    javax.servlet.jsp.JspWriter out = null;//out
    final java.lang.Object page = this; //page
    HttpServletRequest request;//请求
    HttpServletResponse response;//响应

     

  3. 输出页面前增加的代码

    response.setContentType("text/html");
    pageContext = _jspxFactory.getPageContext(this, request, response,
    null, true, 8192, true);
    _jspx_page_context = pageContext;
    application = pageContext.getServletContext();
    config = pageContext.getServletConfig();
    session = pageContext.getSession();
    out = pageContext.getOut();
    _jspx_out = out;

     

  4. 以上这些对象可以在jsp页面中直接使用

 

image-20221014130904439

在JSP页面中:

只要是java代码就会被原封不动的输出。

如果是HTML代码就会被转换为:

ut.write("<html>\n");
out.write("<body>\n");
out.write("<h2>Hello World!</h2>\n");
out.write("\n");

这样的格式输出前端

 

8.3、JSP基础语法

  • JSP表达式

    <%--JSP表达式
    作用:用来将程序的输出,输出到客户端
    --%>
    <%= new Date()%>

     

  • jsp脚本片段

    <%--jsp中脚本片段--%>
    <%
    int a = 0;
    for (int i = 0; i < 10; i++) {
    a = a +1;
    }
    System.out.println(a);
    %>
  • 代码中嵌入html

    <%
    for (int i = 0; i < 5; i++) {
    %>
    <h1>你好</h1>
    <%
    }
    %>
  • JSP声明

    <%--JSP声明--%>
    <%!
    static {
    System.out.println("进入静态代码块");
    }

    private String aa = "变量";

    public void wx(){
    System.out.println("进入了方法wx()");
    }
    %>

    JSP声明:会被编译到jsp生成java的类中!其他的会被编译到_jspService方法中!

    <% %>
    <%= %>
    <%! %>
    <%--JSP注释--%>
    <!--HTML注释-->

    jsp注释不会在客户端显示,html注释会显示

8.4、JSP指令

<%@ page %>
<%@ include file="error/404.jsp" %>

 

<%--JSP标签--%>
<jsp:include page="/common/header.jsp"/>
<jsp:include page="/common/footer.jsp"/>


<%--
<%@ include file="common/footer.jsp"%>
这个会将页面合二为一
<jsp:include page="/common/footer.jsp"/>
这个是拼接页面,本质还是三个页面
--%>
<%@ include file="common/footer.jsp"%>

 

8.5、9大对象

  • PageContext 存东西

  • request 存东西

  • response

  • session 存东西

  • application【ServletContext】存东西

  • config【servletConfig】

  • out 输出

  • page

  • exception

pageContext.setAttribute("name1","wx1");//保存的数据只在一个页面中有效
request.setAttribute("name2","wx2");//保存的数据只在一次请求中有效,请求转发会携带这个参数
session.setAttribute("name3","wx3");//保存的数据只在一次会话中有效,从打开浏览器到关闭浏览器
application.setAttribute("name4","wx4");//保存的数据只在服务器中有效,从打开服务器到关闭服务器

8.6、JSP标签,JSTL标签,EL表达式

  • EL表达式:${}

    • 获取数据

    • 执行运算

    • 获取web开发的常用对象

  • JSP标签

       <jsp:forward page="login.jsp">
    <jsp:param name="name" value="wx"></jsp:param>
    <jsp:param name="age" value="12"></jsp:param>
    </jsp:forward>
  • JSTL标签

    JSTL标签库的使用就是为了弥补HTML标签的不足,它自定义许多标签,供我们使用,标签的功能和java代码一样

    • 核心标签

    • 格式化标签

    • SQL标签

    • XML标签

     

9、JavaBean

实体类

JavaBean有特定的写法:

  • 必须要有一个无参构造方法

  • 属性必须私有化

  • 必须有对应的get/set方法

一般用来和数据库的字段做映射ORM

ORM:对象关系映射

  • 表–>类

  • 字段–>属性

  • 行记录–>对象

 

10、MVC三层架构

什么是MVC:Model view Controller 模型、视图、控制器

10.1、早期架构

image-20221017102559021

10.2、MVC三层架构

image-20221017103218834

Mode

  • 业务处理:业务逻辑(Service)

  • 数据持久层:CRUD(Dao)

View

  • 展示数据

  • 提供链接发起Servlet请求

Controller(Servlet)

  • 接收用户请求:(request:请求参数,session信息)

  • 交给业务层处理对应的代码

  • 控制视图的跳转

 

11、Filter

Filter:过滤器,用来过滤网站的数据

image-20221017104058168

导入javax.servlet下的Filter包

public class CharacterEncodingFilter implements Filter {

//初始化 web服务器启动就已经初始化了
@Override
public void init(FilterConfig filterConfig) throws ServletException {
System.out.println("CharacterEncodingFilter初始化");
}

//chain : 链
/**
1、过滤中的所有代码,在过滤特定请求的时候都会执行
2、必须要让过滤器继续通行
chain.doFilter(request,response);
*/


@Override
public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=utf-8");

System.out.println("===============CharacterEncodingFilter执行前。。。。");

//让请求继续往下走,如果不写请求到这就停止了
chain.doFilter(request,response);

System.out.println("================CharacterEncodingFilter执行后。。。。");
}

//销毁 web服务器关闭的时候过滤器会销毁
@Override
public void destroy() {
System.out.println("CharacterEncodingFilter销毁");
}
}
 <filter>
<filter-name>characterEncodingFilter</filter-name>
<filter-class>com.wx.filter.CharacterEncodingFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>characterEncodingFilter</filter-name>
<!--只要是/wx下的任何请求,都会经过这个过滤器-->
<url-pattern>/wx/*</url-pattern>
</filter-mapping>

 

12、监听器

public class OnlineUserListener implements HttpSessionListener {

//创建Session监听
//一旦创建一个Session就会触发
@Override
public void sessionCreated(HttpSessionEvent se) {
ServletContext servletContext = se.getSession().getServletContext();
Integer onlineUser = (Integer) servletContext.getAttribute("onlineUser");
if (onlineUser==null){
onlineUser = new Integer(1);
}else {
int i = onlineUser.intValue();
onlineUser = i+1;
}
servletContext.setAttribute("onlineUser",onlineUser);
}

//销毁Session监听
//一旦Session销毁就会触发
@Override
public void sessionDestroyed(HttpSessionEvent se) {
ServletContext servletContext = se.getSession().getServletContext();
Integer onlineUser = (Integer) servletContext.getAttribute("onlineUser");
if (onlineUser==null){
onlineUser = new Integer(0);
}else {
onlineUser = onlineUser--;
}
servletContext.setAttribute("onlineUser",onlineUser);
}
}
  <!--注册监听器-->
<listener>
<listener-class>com.wx.listener.OnlineUserListener</listener-class>
</listener>

 

13、文件上传下载

 
版权声明:本文为wx-36原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/wx-36/p/16914538.html