1、基本概念
1.1、基本概念
Web开发:
- web~网页,www.baidu.com
- 静态web:
- html, css
- 提供给所有人看的数据始终不会发生变化~
- 动态web:
- 淘宝,几乎所有的网站
- 提供给所有人看的数据始终会发生变化,每个人在不同的时间,不同的地点看到的信息各不相同
- 技术栈:Serviet/ISP,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存在的缺点:
- web页面无法动态更新,所有用户看到的都是同一个页面
- 为了弥补,使用轮播图,点击特效等等:微动态
- JavaScript【实际开发中,它用的最多】
- VBScript
- 无法和数据库交互(数据无法持久化,用户无法交互)
1.4 动态web
页面会动态展示:“Web的页面展示的效果因人而异”。
访问流程:
缺点:
- 加入服务器的动态web资源出现了错误,我们需要重新编写我们的后台程序,重新发布:
- 停机维护
优点:
- Web页面可以动态更新,所有用户看到的都不是同一个页面
- 它可以数据库交互(数据持久化:注册,商品信息,用户信息…)
2、Web服务器
2.1、主流三大技术概述
ASP:
- 微软:国内最早流行的就是ASP;
- 在HTML中嵌入VB脚本,ASP+COM;
- 在ASP开发中,基本一个页面都有几千行业务代码,页面极其乱
- 维护成本高!
- C#
php:
- PHP开发速度很快,功能跟强大,跨平台,代码很简单(70%,WP)
- 无法承载大访问量的情况(局限性)
JSP/Servlet:
B/S架构:浏览和服务器
C/S:客户端和服务器
- sun公司主推的B/S架构
- 基于Java语言的(所有的大公司,或者一些开源的组件都是java写的)
- 可以承载三高问题带来的影响;
- 语法像ASP,ASP --> JSP,加强市场的强度;
2.2、web服务器
服务器是一种被动的操作,用来处理用户的一些请求和给用户一些响应信息;
IIS
微软的;ASP…,Windows中自带的
Tomcat
Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,由Apache、Sun 和其他一些公司及个人共同开发而成。Tomcat 技术先进、性能稳定,而且免费
Tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP 程序的首选。
3、Tomcat
3.1 Tomcat安装及测试
笔者是Mac OS Catalina系统,安装的是Tomcat8,安装过程可以参考此博客:https://blog.youkuaiyun.com/feng2qing/article/details/60968548
此处贴上Tomcat的目录结构:
需要注意的是:在使用Tomcat前一定要安装其版本支持的jdk。
3.2 更改端口号及主机名称
3.2.1 端口号
在server.xml中可以配置端口号,也可以配置主机的名称,需要更改hosts文件。
常用端口号说明:
- Tomcat的访问端口号默认是:8080
- mysql:3306
- http:80
- https:443
更改端口位置:
<!--首先打开server.xml文件,找到以下语句-->
<Connector port="8080" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" />
<!--更改port为自己想要的端口号即可,为避免冲突,尽量选用1024以上的!-->
3.2.2 主机名称
修改主机名称需要同时更改server.xml文件以及hosts文件。
比如现在我想将http://localhost:8080更改为我想要的http://www.jeverdemut.com:8080,需要进行如下操作:
- 首先更改hosts文件:如果不清楚hosts文件在哪里,请按照下图操作!
注意:此时更改的是系统文件,更改前需要该文件的管理权限,可以终端操作,但是笔者建议复制到桌面上进行修改,随后再拖回到etc目录下替换!同时hosts非常重要,里面的语句如果不懂得话不要随意修改!
我做出的修改如下:(将localhost改为了我想要的语句)
- 下面修改server.xml文件:
<!--找到以下语句-->
<Host name="localhost" appBase="webapps"
unpackWARs="true" autoDeploy="true">
<!--做出更改如下:-->
<Host name="www.jeverdemut.com" appBase="webapps"
unpackWARs="true" autoDeploy="true">
<!--保存退出!-->
重启Tomcat后,浏览器分别输入http://localhost:8080
和http://www.jeverdemut.com
进行测试,此处展示后者的测试结果!
3.3 详解网站访问流程
现在我们来谈谈网站是如何访问的!
1、首先我们输入了一个域名,并按下了回车!之后网页就呈现到我们面前了,但是中间经历了什么我们需要了解一下!
2、随后计算机检查开始本机的hosts
配置文件中有没有这个域名的映射;
-
如果有:直接返回对应的ip地址,这个地址中,有我们需要访问的web程序,可以直接进行访问。例如我们刚刚的情况
127.0.0.1 www.jeverdemut.com
-
如果没有:去DNS服务器找,找到的话就返回ip地址,找不到的话就返回找不到。(DNS服务器集合了全世界所有的域名)
以下为上述文字的流程图:
3.4 发布一个web网站
不会我们可以先模仿!
首先我们看Tomcat自带的examples中的网页!
浏览器内输入localhost:8080/examples/,回车跳转即可见以下页面:
点击网页中的链接后会跳转到其他的页面,例如这里我点击第一个,则会出现以下页面:(注意观察域名后添加了一个servlets)
那么我们来说一说这其中的原理:我们来看一下Tomcat中webapps中的文件:
上面跳转的过程其实就是这一个个文件嵌套访问的过程,所以我们要模仿发布自己的网站只需要将写好的web资源等仿照root目录中配置部署一份。(可以复制ROOT目录更改为自己想要的名称,添加文件即可!)
- 将自己写的网站,放到服务器(Tomcat)中指定的web应用的文件夹(webapps)下,就可以访问了
以下为网站应该有的结构:
-- webapps: Tomcat服务器的web目录
-ROOT
-DemutStudy:网站的目录名
- WEB-INF
-classes : java程序
-lib : web应用所依赖的jar包
-web.xml : 网站配置文件
- index.html 默认的首页
- static
-css
-style.css
-js
-img
- ...
写在最后
“对我来说,你还只是一个小男孩,就像其他千万个小男孩一样。我不需要你。你也同样用不着我。对你来说,我也不过是一只狐狸,和其他千万只狐狸一样。但是,如果你驯服了我,我们就互相不可缺少了。 对我来说,你就是世界上唯一的了;我对你来说,也是世界上唯一的了。”
——《小王子》