一、Java Web 入门

一、软件系统体系结构

1.1、常见软件系统体系结构

(1)、C/S

  • C/S结构即客户端/服务器(Client/Server),例如QQ;

  • 需要编写服务器端程序,以及客户端程序,例如我们安装的就是QQ的客户端程序;

  • 缺点:软件更新时需要同时更新客户端和服务器端两端,比较麻烦;

  • 优点:安全性比较好。

(2)、B/S

  • B/S结构即浏览器/服务器(Browser/Server);

  • 优点:只需要编写服务器端程序;

  • 缺点:安全性较差。

1.2、WEB资源

  • 静态资源:html、css、javascript、图片等;

  • 动态资源:javaweb的动态资源有jsp/servlet,其他web程序动态资源有asp、php等。

 

静态资源和静态资源区别

  • 客户端访问服务器静态资源,服务器直接响应;

  • 客户端访问服务器动态资源,服务器需要先把动态资源转换成静态资源,再响应。

1.3、Web服务器

  • Tomcat(Apache):当前应用最广的JavaWeb服务器,支持servlet规则,不支持JavaEE规范;

  • JBoss(Redhat红帽):支持JavaEE规则;

  • GlassFish(Orcale):支持servlet规则,应用不是很广;

  • Resin(Caucho):支持JavaEE规则,应用越来越广;

  • Weblogic(Orcale):要钱的!支持JavaEE规则,适合大型项目;

  • Websphere(IBM):要钱的!支持JavaEE规则,适合大型项目;

二、Tomcat

 

tomcat6支持servlet2.5

tomcat7支持servlet3.0

2.1、启动关闭tomcat

需要先配置JAVA_HOME

  • 双击%CATALANA_HOME%\bin\startup.bat

  • 双击%CATALANA_HOME%\bin\shutdown.bat

访问服务器:http://localhost:8080/index.jsp因为服务器在本机上,所以主机名为localhost,表示本机 tomcat的默认端口为8080, index.jsp是主页

2.2、 修改端口号

  • 修改端口号,%CATALANA_HOME%\conf\server.xml,修改<Connector port="8080">,把8080修改了即可。

  • http协议默认端口为80,也就是说http://localhost,等同与http://localhost:80

如果把Tomcat端口号修改成80,那么访问服务器就可以无需再给出端口号。

2.3、tomcat目录结构

  • bin:二进制可执行文件,例如startup.bat和shutdown.bat

  • conf:配置文件,例如:server.xml、context.xml、web.xml、tomcatusers.xml

  • lib:tomcat所需jar包

  • logs:日志文件

  • temp:存放tomcat运行时产生的临时文件,当tomcat关闭后,这个目录中的文件可以删除

  • webapps:这个目录下的每个文件夹对应一个JavaWeb应用程序

  • work:webapps下的应用程序在运行时会自动生成文件,就在work目录下。work目录删除了也没问题,但再次运行应用程序还要再生成work目录和文件。

2.4、创建JavaWeb目录:hello

  • 在webapps目录下创建一个hello目录,hello目录就是项目目录了;

  • 在hello目录下创建WEB-INF

  • 在WEB-INF下创建web.xml

  • 在WEB-INF下创建classes目录

  • 在WEB-INF下创建lib目录

  • 在hello目录下创建index.html

在web.xml文件中添加如下内容:、

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
    xmlns="http://java.sun.com/xml/ns/javaee" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
</web-app>

在index.html中添加如下内容:

 

<html>
  <head><title>index.html</title></head>
  <body>
    <h1>hello主页</h1>
  </body>
</html>

启动tomcat,打开客户端访问http://localhost:8080/hello/index.html

三、配置外部应用

原来我们的项目放到webapps下,现在我放到外面,也希望tomcat可以找到它!

也可以把应用放到Tomcat之外,这就是外部应用了。例如我们把上面写的hello应用从webapps目录中剪切到E盘下,即E:/hello。现在hello这个Web应用已经不在Tomcat中了,这时我们需要在tomcat中配置外部应用的位置,配置的方式一共有两种:

3.1、在conf/server.xml下配置,指定外部应用的路径。

<Host name="localhost"  appBase="webapps"  unpackWARs="true" autoDeploy="true">
         <Context path="jdy_hello" docBase="E:/hello"/>
</Host>

3.2、在conf/catalana/localhost下添加配置文件,指定外部应用路径

  • 在conf/catalana/localhost目录下创建jdy_hello.xml文件,其中jdy_hello就是URL访问路径

  • 在jdy_hello.xml文件中添加:

<Context docBase="E:/hello"/>
  • docBase指定外部应用的目录。

3.3、 缺省web应用

  • 在webapps目录下有一个ROOT目录,它是缺省web应用,访问这个应用的路径:http://localhost:8080/index.jsp

  • 如果把web应用的内部放到webapps/ROOT下,访问URL路径中不用给出应用名称。

3.4、映射虚拟主机

希望:http://www.baidu.com访问web应用。

  • 这需要把域名http://www.baidu.com映射成IP地址:127.0.0.1

  • 需要把tomcat端口号修改为80

  • 需要在server.xml中配置主机,并指定主机的应用目录

  • 在应用目录中添加名为ROOT的web应用。

具体操作

  1. 找到C:\WINDOWS\system32\drivers\etc\hosts文件,添加127.0.0.1 http://www.baidu.com

  2. 在conf/server.xml中修改端口为80

  3. 在conf/server.xml中添加<Host>元素

    <Host name="www.baidu.com" appBase="E:/hello" unpackWARs="true" autoDeploy="true">
    </Host>

     

    • name:指定该主机域名为www.baidu.com

    • appBase:指定该主机的应用目录为E:/hello

  4. 在E:/hello下创建名为ROOT的web应用。

访问:http:/www.baidu.com/index.html 其中www.baidu.com在本机上会被解析为127.0.0.1,但其他电脑访问时无效。

四、HTTP协议

4.1、HTTP概述

HTTP(hypertext transport protocol),即超文本传输协议。这个协议详细规定了浏览器和万维网服务器之间互相通信的规则。

HTTP就是一个通信规则,通信规则规定了客户端发送给服务器的内容格式,也规定了服务器发送给客户端的内容格式。其实我们要学习的就是这个两个格式!客户端发送给服务器的格式叫“请求协议”;服务器发送给客户端的格式叫“响应协议”。

4.2、请求协议

请求协议的格式如下:

请求首行;
请求头信息;
空行;
请求体。

浏览器发送给服务器的内容就这个格式的,如果不是这个格式服务器将无法解读!在HTTP协议中,请求有很多请求方法,其中最为常用的就是GET和POST。不同的请求方法之间的区别,后面会一点一点的介绍。

(1)、Get请求

#请求首航
GET /hello/index.jsp HTTP/1.1 
#请求头
Host: localhost
User-Agent: Mozilla/5.0 (Windows NT 5.1; rv:5.0) Gecko/20100101 Firefox/5.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: zh-cn,zh;q=0.5
Accept-Encoding: gzip, deflate
Accept-Charset: GB2312,utf-8;q=0.7,*;q=0.7
Connection: keep-alive
Cookie: JSESSIONID=369766FDF6220F7803433C0B2DE36D98
#这个位置虽然没有东西,但很重要,它是空行。如果有请求体,那么请求体在空行的下面
  • GET /hello/index.jsp HTTP/1.1:GET请求,请求服务器路径为/hello/index.jsp,协议为1.1;

  • Host:localhost:请求的主机名为localhost;

  • User-Agent: Mozilla/5.0 (Windows NT 5.1; rv:5.0) Gecko/20100101 Firefox/5.0:与浏览器和OS相关的信息。有些网站会显示用户的系统版本和浏览器版本信息,这都是通过获取User-Agent头信息而来

  • Accept: text/html,application/xhtml+xml,application/xml;q=0.9,/;q=0.8:告诉服务器,当前客户端可以接收的文档类型,其实这里包含了/,就表示什么都可以接收;

  • Accept-Language: zh-cn,zh;q=0.5:当前客户端支持的语言,可以在浏览器的工具->选项中找到语言相关信息;

  • Accept-Encoding: gzip, deflate:支持的压缩格式。数据在网络上传递时,可能服务器会把数据压缩后再发送;

  • Accept-Charset: GB2312,utf-8;q=0.7,*;q=0.7:客户端支持的编码;

  • Connection: keep-alive:客户端支持的链接方式,保持一段时间链接,默认为3000ms;

  • Cookie: JSESSIONID=369766FDF6220F7803433C0B2DE36D98:因为不是第一次访问这个地址,所以会在请求中把上一次服务器响应中发送过来的Cookie在请求中一并发送去过;这个Cookie的名字为JSESSIONID,然后在讲会话是讲究它!

(2)、POST请求

为了演示POST请求,我们需要修改index.jsp页面,即添加一个表单:

<form action="" method="post">
  关键字:<input type="text" name="keyword"/>
  <input type="submit" value="提交"/>
</form>

输入hello后点击提交,查看请求内容如下

POST /hello/index.jsp HTTP/1.1
Accept: image/gif, image/jpeg, image/pjpeg, image/pjpeg, application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint, application/x-ms-application, application/x-ms-xbap, application/vnd.ms-xpsdocument, application/xaml+xml, */*
Referer: http://localhost:8080/hello/index.jsp
Accept-Language: zh-cn,en-US;q=0.5
User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; InfoPath.2; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Content-Type: application/x-www-form-urlencoded
Accept-Encoding: gzip, deflate
Host: localhost:8080
Content-Length: 13
Connection: Keep-Alive
Cache-Control: no-cache
Cookie: JSESSIONID=E365D980343B9307023A1D271CC48E7D

keyword=hello

POST请求是可以有体的,而GET请求不能有请求体。

  • Referer: http://localhost:8080/hello/index.jsp请求来自哪个页面,例如你在百度上点击链接到了这里,那么Referer:http://www.baidu.com;如果你是在浏览器的地址栏中直接输入的地址,那么就没有Referer这个请求头了;

  • Content-Type: 请求体的MIME( 媒体类型(通常称为 Multipurpose Internet Mail Extensions 或 MIME 类型 )是一种标准,用来表示文档、文件或字节流的性质和格式 )类型 application/x-www-form-urlencoded:表单的数据类型,说明会使用url格式编码数据;url编码的数据都是以“%”为前缀,后面跟随两位的16进制,例如http://www.bejson.com/enc/urlencode/ ,对“中国”URL编码结果是%E4%B8%AD%E5%9B%BD

  • Content-Length:13:请求体的长度,这里表示13个字节。

  • keyword=hello:请求体内容!hello是在表单中输入的数据,keyword是表单字段的名字。

Referer请求头是比较有用的一个请求头,它可以用来做统计工作,也可以用来做防盗链。

统计工作:我公司网站在百度上做了广告,但不知道在百度上做广告对我们网站的访问量是否有影响,那么可以对每个请求中的Referer进行分析,如果Referer为百度的很多,那么说明用户都是通过百度找到我们公司网站的。

防盗链:我公司网站上有一个下载链接,而其他网站盗链了这个地址,例如在我网站上的index.html页面中有一个链接,点击即可下载JDK7.0,但有某个人的微博中盗链了这个资源,它也有一个链接指向我们网站的JDK7.0,也就是说登录它的微博,点击链接就可以从我网站上下载JDK7.0,这导致我们网站的广告没有看,但下载的却是我网站的资源。这时可以使用Referer进行防盗链,在资源被下载之前,我们对Referer进行判断,如果请求来自本网站,那么允许下载,如果非本网站,先跳转到本网站看广告,然后再允许下载。

4.3、响应协议

响应协议的格式如下:

响应首行;
响应头信息;
空行;
响应体。

响应内容是由服务器发送给浏览器的内容,浏览器会根据响应内容来显示。

HTTP/1.1 200 OK
Server: Apache-Coyote/1.1
Content-Type: text/html;charset=UTF-8
Content-Length: 724
Set-Cookie: JSESSIONID=C97E2B4C55553EAB46079A4F263435A4; Path=/hello
Date: Wed, 25 Sep 2012 04:15:03 GMT

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="http://localhost:8080/hello/">
    
    <title>My JSP 'index.jsp' starting page</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
  </head>
  
  <body>
<form action="" method="post">
  关键字:<input type="text" name="keyword"/>
  <input type="submit" value="提交"/>
</form>
  </body>
</html>
  • HTTP/1.1 200 OK:响应协议为HTTP1.1,状态码为200,表示请求成功,OK是对状态码的解释;

  • Server: Apache-Coyote/1.1:服务器的版本信息;

  • Content-Type: text/html;charset=UTF-8:响应体使用的编码为UTF-8;

  • Content-Length: 724:响应体为724字节;

  • Set-Cookie: JSESSIONID=C97E2B4C55553EAB46079A4F263435A4; Path=/hello:响应给客户端的Cookie;

  • Date: Wed, 25 Sep 2012 04:15:03 GMT:响应的时间,这可能会有8小时的时区差;

(1)、响应码

  • 200:请求成功

  • 302:请求重定向

  • 304:请求资源没有改变

  • 404:请求资源不存在,属性客户端错误

  • 500:服务器内部错误

通知客户端浏览器不要缓存页面的响应头:

  • Expires:-1

  • Cache-Control: no-cache

  • Pragma: no-cache

自动刷新响应头,浏览器会在3秒钟后自动重定向到百度主页

(2)、 状态码304

 相关头信息

  • Last-Modified:响应头,表示当前资源的最后修改时间;

  • If-Modified-Since:请求头,表示缓存的资源最后修改时间;

 状态码304:表示访问的资源没有改变

  1. 客户端首次访问服务器的静态资源index.html,服务器会把index.html响应给客户端,而且还会添加一个名为Last-Modified的响应头,它说明了当前index.html的最后修改时间

  2. 客户端收到响应后,会把index.html缓存在客户端上,而且还会把Last-Modified缓存起来。

  3. 客户端第二次请求index.html时,会添加名为If-Modified-Since的请求头,它的值是上次服务器响应头Last-Modified,服务器获取到客户端保存的最后修改时间,以及当前资源的最后修改时间进行比较,如果相同,说明index.html没有改动过,那么服务器不会发送index.html,而是响应状态码304,即通知客户端资源没有改变,你可以使用自己的缓存。

(3)、HTML中指定响应头

在HTMl页面中可以使用<meta http-equiv="" content="">来指定响应头,例如在index.html页面中给出<meta http-equiv="Refresh" content="3;url=http://www.baidu.com">,表示浏览器只会显示index.html页面3秒,然后自动跳转到www.baidu.com

(4)、Socket访问

public class SocketTest {


    /**
     * 发送GET请求
     */
    @Test
    public void fun1() throws Exception {

        Socket socket = new Socket("localhost", 8080);
        PrintStream out = new PrintStream(socket.getOutputStream());

        StringBuilder sb = new StringBuilder();
        sb.append("GET /index.jsp?uanme=zhangshan HTTP/1.1").append("\r\n");//请求行
        sb.append("Host: localhost:8080").append("\r\n");//请求主机
        sb.append("Connection: close").append("\r\n");//连接方式是马上断开
        sb.append("\r\n");//空行,因为GET没有请求体,所以请求内容最后是空行

        out.print(sb.toString());

 

        String s = IOUtils.toString(socket.getInputStream());
        System.out.println(s);
    }


    /**
     * 发送POST请求
     */
    @Test
    public void fun2() throws Exception {
        Socket socket = new Socket("localhost", 8080);
        PrintStream out = new PrintStream(socket.getOutputStream());

        StringBuilder sb = new StringBuilder();
        sb.append("POST index.jsp HTTP/1.1").append("\r\n");//请求行
        sb.append("Host: localhost:8080").append("\r\n");//请求主机
        sb.append("Content-Type: application/x-www-form-urlencoded").append("\r\n");
        sb.append("Content-Length: 17").append("\r\n");
        sb.append("Connection: close").append("\r\n");//连接方式是马上断开
        sb.append("\r\n");//空行,因为GET没有请求体,所以请求内容最后是空行
        sb.append("username=zhangSan");

        out.print(sb.toString());

        String s = IOUtils.toString(socket.getInputStream());
        System.out.println(s);
    }
}

 

 

posted @ 2020-10-13 20:14  jingdy  阅读(134)  评论(0编辑  收藏  举报