①b/s、c/s比较 ⑴c/s c/s结构即客户端/服务器(client/server),例如qq; 需要编写服务器端程序,以及客户端程序,例如我们安装的就是qq的客户端程序; 缺点:软件更新时需要同时更新客户端和服务器端两端,比较麻烦; 优点:安全性比较好。 ⑵b/s b/s结构即浏览器/服务器(browser/server); 优点:只需要编写服务器端程序; 缺点:安全性较差。②web资源 ⑴web资源介绍 html:静态资源 ; jsp/servlet :动态资源。当然,除了javaweb程序,还有其他 web程序,例如:asp、php等。 ⑵静态资源和静态资源区别 客户端请求的页面如果是静态网页,那么服务器会直接把静态网页的内容响应给客户端,如果客户端请求的是动态网页,服务器需要先把动态网页转换成静态网页,然后再把转化后的静态网页响应给客户端。 ⑶访问web资源 打开浏览器,输入url③web服务器 web服务器的作用是接收客户端的请求,给客户端作出响应。对于javaweb程序而已,还需要有jsp/servlet容器,jsp/servlet容器的基本功能是把动态资源转换成静态资源,当然jsp/servlet容器不只这些功能, 我们需要使用的是web服务器和jsp/servlet容器,通常这两者会集于一身。javaweb服务器:tomcat(apache):当前应用最广的javaweb服务器;④tomcat下载tomcat可以到http://tomcat.apache.org下载。tomcat分为安装版和解压版: 安装版:一台电脑上只能安装一个tomcat; 解压版:无需安装,解压即可用,解压多少份都可以,所以我们选 择解压版 ⑴tomcat目录结构:把解压版tomcat解压到一个没有中文,没有空格的路径中即可,建议路径不要太深,因为我们需要经常进入tomcat安装目录。例如:f:\apache-tomcat-7.0.42 ⑵启动和关闭tomcat 在启动tomcat之前,我们必须要配置环境变量: java_home:必须先配置java_home,因为tomcat启动需要使用jdk; catalana_home:如果是安装版,那么还需要配置这个变量,这个变量用来指定tomcat的安装路径,例如:f:\apache-tomcat-7.0.42。 启动:进入%catalana_home%\bin目录,找到startup.bat ,双击即可; 关闭:进入%catalana_home%\bin目录,找到shutdown.bat ,双击即可; startup.bat会调用catalina.bat,而catalina.bat会调用setclasspath.bat,setclasspath.bat会使用java_home环境变量,所以我们必须在启动tomcat之前把java_home配置正确。启动问题: 点击startup.bat后窗口一闪即消失:检查java_home环境变量配置是否正确⑶进入tomcat主页访问:http://localhost:8080⑷配置端口号打开%catalana_home%\conf\server.xml文件http默认端口号为80,也就是说在url中不给出端口号时就表示使用80端口。当然你也可以修改为其它端口号。当把端口号修改为80后,在浏览器中只需要输入:http://localhost就可以访问tomcat主页了。⑤tomcat的目录结构⑴bin:该目录下存放的是二进制可执行文件,如果是安装版,那么这个目录下会有两个exe文件:tomcat6.exe、tomcat6w.exe,前者是在控制台下启动tomcat,后者是弹出ugi窗口启动tomcat;如果是解压版,那么会有startup.bat和shutdown.bat文件,startup.bat用来启动tomcat,但需要先配置java_home环境变量才能启动,shutdawn.bat用来停止tomcat;⑵conf:这是一个非常非常重要的目录,这个目录下有四个最为重要的文件: ⒈ server.xml:配置整个服务器信息。例如修改端口号,添加虚拟主机等;下面会详细介绍这个文件; ⒉tomcatusers.xml:存储tomcat用户的文件,这里保存的是tomcat的用户名及密码,以及用户的角色信息。可以按着该文件中的注释信息添加tomcat用户,然后就可以在tomcat主页中进入tomcat manager页面了; ⒊web.xml:部署描述符文件,这个文件中注册了很多mime类型,即文档类型。这些mime类型是客户端与服务器之间说明文档类型的,如用户请求一个html网页,那么服务器还会告诉客户端浏览器响应的文档是text/html类型的,这就是一个mime类型。客户端浏览器通过这个mime类型就知道如何处理它了。当然是在浏览器中显示这个html文件了。但如果服务器响应的是一个exe文件,那么浏览器就不可能显示它,而是应该弹出下载窗口才对。mime就是用来说明文档的内容是什么类型的! ⒋context.xml:对所有应用的统一配置,通常我们不会去配置它。⑶lib:tomcat的类库,里面是一大堆jar文件。如果需要添加tomcat依赖的jar文件,可以把它放到这个目录中,当然也可以把应用依赖的jar文件放到这个目录中,这个目录中的jar所有项目都可以共享之,但这样你的应用放到其他tomcat下时就不能再共享这个目录下的jar包了,所以建议只把tomcat需要的jar包放到这个目录下;⑷logs:这个目录中都是日志文件,记录了tomcat启动和关闭的信息,如果启动tomcat时有错误,那么异常也会记录在日志文件中。⑸temp:存放tomcat的临时文件,这个目录下的东西可以在停止tomcat后删除!⑹webapps:存放web项目的目录,其中每个文件夹都是一个项目;如果这个目录下已经存在了目录,那么都是tomcat自带的。项目。其中root是一个特殊的项目,在地址栏中没有给出项目目录时,对应的就是root项目。http://localhost:8080/examples,进入示例项目。其中examples就是项目名,即文件夹的名字。⑺work:运行时生成的文件,最终运行的文件都在这里。通过webapps中的项目生成的!可以把这个目录下的内容删除,再次运行时会生再次生成work目录。当客户端用户访问一个jsp文件时,tomcat会通过jsp生成java文件,然后再编译java文件生成class文件,生成的java和class文件都会存放到这个目录下。⑻license:许可证。⑼notice:说明文件。⑥web应用(重点)静态网站: 在webapps目录下创建一个目录(命名必须不包含中文和空格),这个目 录称之为项目目录; 在项目目录下创建一个html文件;动态网站: 在webpass目录下创建一个项目目录; 在项目目录下创建如下内容: web-inf目录; 在web-inf目录下创建web.xml文件 创建静态或动态页面⑴创建静态应用 在webapps下创建一个hello目录; 在webapps\hello\下创建index.html; 启动tomcat; 打开浏览器访问http://localhost:8080/hello/index.html⑵创建动态应用 在webapps下创建hello1目录; 在webapps\hello1\下创建web-inf目录; 在webapps\hello1\web-inf\下创建web.xml;web.xml配置 在webapps\hello1\下创建index.html。 打开浏览器访问http://localhost:8080/hello/index.html⑶配置外部应用 原来我们的项目放到webapps下,现在我放到外面,也希望tomcat可以找到它!也可以把应用放到tomcat之外,这就是外部应用了。例如我们把上面写的hello应用从webapps目录中剪切到c盘下,即c:/hello。现在hello这个web应用已经不在tomcat中了,这时我们需要在tomcat中配置外部应用的位置,配置的方式一共有两种: ⒈ conf/server.xml:打开server.xml文件,找到元素,在其中添加元素, 代码如下: unpackwars =true autodeploy=true path:指定当前应用的名称; docbase:指定应用的物理位置; 浏览器访问路径:http://localhost:8080/xuexi_hello/index.html⒉conf/catalana/localhost:在该目录下创建itcast_hello.xml文件,在该文件中编写元素,⑷理解server.xml(了解) :根元素,表示整个服务器的配置信息; :的子元素,在中只能有一个元素,它表示服务; :的子元素,在中可以有n个元素,它表示连接。 :的子元素,在中只能有一元素,该元素表示引擎,它是组件的核心。 :的子元素,在中可以有n个元素,每个元素表示一个虚拟主机。所谓虚拟主机就像是真的主机一样,每个主机都有自己的主机名和项目目录。例如表示主机名为localhost,这个主机的项目存放在webapps目录中。访问这个项目下的主机时,需要使用localhost主机名,项目都存放在webapps目录下。 :元素的子元素,在中可以有n个元素,每个元素表示一个应用。如果应用在的appbase指定的目录下,那么可以不配置元素,如果是外部应用,那么就必须配置。如果要为应用指定资源,也需要配置元素。我们可以把看作是一个大酒店: :酒店的服务部门; :服务员; :后厨; :后厨中的一个区,例如川菜区是一个、粤菜区是一个 ; :后厨的一个厨师。 用户发出一个请求:http://localhost:8080/hello/index.jsp。发现是http/1.1协议,而且还是8080端口,所以就交给了处理这一请求的“服务员(处理http请求的)”,“服务员”再把请求交给了“后厨()”,因为请求是要一盘水煮鱼,所以由“川菜区()”负责,因为“大老王师傅”做水煮鱼最地道,所以由它完成。 :关心请求中的http、和8080; :关心localhost; :关心hello⑸映射虚拟主机(了解)我们的目标是,在浏览器中输出:http://www.xuexi.cn就可以访问我们的项目。完成这一目标,我们需要做三件事: 修改端口号为80, 在本机上可以解析域名为127.0.0.1,这需要修改c:\windows\system32\drivers\etc\hosts文件,添加对http://www.xuexi.cn和127.0.01的绑定关系;在server.xml文件中添加一个(主机)。⑦http协议 ⑴协议:协议的甲乙双方,就是客户端(浏览器)和服务器!理解成双方通信的格式! 请求协议; 响应协议; ⑵ http(hypertext transport protocol),即超文本传输协议。这个协议详细规定了浏览器和万维网服务器之间互相通信的规则。http就是一个通信规则,通信规则规定了客户端发送给服务器的内容格式,也规定了服务器发送给客户端的内容格式。其实我们要学习的就是这个两个格式!客户端发送给服务器的格式叫“请求协议”;服务器发送给客户端的格式叫“响应协议”。 ⑶ 请求协议请求协议的格式如下:请求首行;请求头信息;空行;请求体。 浏览器发送给服务器的内容就这个格式的,如果不是这个格式服务器将无法解读!在http协议中,请求有很多请求方法,其中最为常用的就是get和post。不同的请求方法之间的区别,后面会一点一点的介绍。 3.1 安装httpwatchhttpwatch是专门为ie浏览器提供的,用来查看http请求和响应内容的工具。而firefox上需要安装firebug软件。如果你使用的是chrome,那么就不用自行安装什么工具了,因为它自身就有查看请求和响应内容的功能!3.2 打开ie,在访问hello项目的index.jsp之间打开httpwatch,并点击“record”按钮。然后访问index.jsp页面。查看请求内容如下: get /hello/index.jsp http/1.1 host: localhostuser-agent: mozilla/5.0 (windows nt 5.1; rv:5.0) gecko/20100101 firefox/5.0accept: text/html,application/xht+xml,application/xml;q=0.9,*/*;q=0.8accept-language: zh-cn,zh;q=0.5accept-encoding: gzip, deflateaccept-charset: gb2312,utf-8;q=0.7,*;q=0.7connection: keep-alivecookie: jsessionid=369766fdf6220f7803433c0b2de36d98 3.3 解释: 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,然后在讲会话是讲究它!3.4 post请求为了演示post请求,我们需要修改index.jsp页面,即添加一个表单: 关键字: 3.5 打开httpwatch,输入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.jspaccept-language: zh-cn,en-us;q=0.5user-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-urlencodedaccept-encoding: gzip, deflatehost: localhost:8080content-length: 13connection: keep-alivecache-control: no-cachecookie: jsessionid=e365d980343b9307023a1d271cc48e7d keyword=hello 3.6 解释:post请求是可以有体的,而get请求不能有请求体。 referer: http://localhost:8080/hello/index.jsp:请求来自哪个页面,例如你在百度上点击链接到了这里,那么referer:http://www.baidu.com;如果你是在浏览器的地址栏中直接输入的地址,那么就没有referer这个请求头了; content-type: application/x-www-form-urlencoded:表单的数据类型,说明会使用url格式编码数据;url编码的数据都是以“%”为前缀,后面跟随两位的16进制,例如“传智”这两个字使用utf-8的url编码用为“%e4%bc%a0%e6%99%ba”; content-length:13:请求体的长度,这里表示13个字节。 keyword=hello:请求体内容!hello是在表单中输入的数据,keyword是表单字段的名字。3.7 referer请求头 是比较有用的一个请求头,它可以用来做统计工作,也可以用来做防盗链。统计工作:我公司网站在百度上做了广告,但不知道在百度上做广告对我们网站的访问量是否有影响,那么可以对每个请求中的referer进行分析,如果referer为百度的很多,那么说明用户都是通过百度找到我们公司网站的。3.8 防盗链:我公司网站上有一个下载链接,而其他网站盗链了这个地址,例如在我网站上的index.html页面中有一个链接,点击即可下载jdk7.0,但有某个人的微博中盗链了这个资源,它也有一个链接指向我们网站的jdk7.0,也就是说登录它的微博,点击链接就可以从我网站上下载jdk7.0,这导致我们网站的广告没有看,但下载的却是我网站的资源。这时可以使用referer进行防盗链,在资源被下载之前,我们对referer进行判断,如果请求来自本网站,那么允许下载,如果非本网站,先跳转到本网站看广告,然后再允许下载。 响应协议⑷ 响应内容响应协议的格式如下:响应首行;响应头信息;空行;响应体。响应内容是由服务器发送给浏览器的内容,浏览器会根据响应内容来显示。http/1.1 200 ok server: apache-coyote/1.1content-type: text/html;charset=utf-8content-length: 724set-cookie: jsessionid=c97e2b4c55553eab46079a4f263435a4; path=/hellodate: wed, 25 sep 2012 04:15:03 gmt my jsp 'index.jsp' starting page 关键字: 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小时的时区差;⑸ 响应码响应头对浏览器来说很重要,它说明了响应的真正含义。例如200表示响应成功了,302表示重定向,这说明浏览器需要再发一个新的请求。 200:请求成功,浏览器会把响应体内容(通常是html)显示在浏览器中; 404:请求的资源没有找到,说明客户端错误的请求了不存在的资源; 500:请求资源找到了,但服务器内部出现了错误; 302:重定向,当响应码为302时,表示服务器要求浏览器重新再发一个请求,服务器会发送一个响应头location,它指定了新请求的url地址; 304:当用户第一次请求index.html时,服务器会添加一个名为last-modified响应头,这个头说明了index.html的最后修改时间,浏览器会把index.html内容,以及最后响应时间缓存下来。当用户第二次请求index.html时,在请求中包含一个名为if-modified-since请求头,它的值就是第一次请求时服务器通过last-modified响应头发送给浏览器的值,即index.html最后的修改时间,if-modified-since请求头就是在告诉服务器,我这里浏览器缓存的index.html最后修改时间是这个,您看看现在的index.html最后修改时间是不是这个,如果还是,那么您就不用再响应这个index.html内容了,我会把缓存的内容直接显示出来。而服务器端会获取if-modified-since值,与index.html的当前最后修改时间比对,如果相同,服务器会发响应码304,表示index.html与浏览器上次缓存的相同,无需再次发送,浏览器可以显示自己的缓存页面,如果比对不同,那么说明index.html已经做了修改,服务器会响应200。 响应头:⒈last-modified:最后的修改时间;请求头:⒉if-modified-since:把上次请求的index.html的最后修改时间还给服务器;状态码:304,比较if-modified-since的时间与文件真实的时间一样时,服务器会响应304,而且不会有响正文,表示浏览器缓存的就是最新版本!⒊自动刷新响应头 ? refresh: 3;url=http://www.xuexi.cn⒋html中指定响应头在html页面中可以使用来指定响应头,例如在index.html页面中给出,表示浏览器只会显示index.html页面3秒,然后自动跳转到http://www.itcast.cn。