文章目录
- web相关知识概述
-
- web简介(了解)
- 软件架构模式(掌握)
-
- [BS:browser server 浏览器服务器](#BS:browser server 浏览器服务器)
- [CS:client server 客户端服务器](#CS:client server 客户端服务器)
- B/S和C/S通信模式特点(重要)
- web资源(理解)
- URL请求路径(理解)
- 服务器(掌握)
-
- 服务器介绍了解
- 下载安装tomact服务器
- 启动并使用浏览器访问tomact服务器
- 使用tomact服务器发布web项目
-
- 在tomact的安装目录webapps下发布web项目
- 使用idea创建web项目
- 在idea中发布web项目
- 使用idea发布web项目的注意事项
-
- web项目的目录结构说明
- 将虚拟路径的项目删除,只保留/
- 再次点击启动按钮弹出框
- 去掉自动打开浏览器功能
- 浏览器输入url访问tomact服务器疑惑
- [idea中启动tomcat服务器会自动访问web目录下面的三个页面:index.html index.htm index.jsp](#idea中启动tomcat服务器会自动访问web目录下面的三个页面:index.html index.htm index.jsp)
- pom.xml添加Tomact插件
web相关知识概述
web简介(了解)
World Wide Web即全球广域网,也成为万维网。
它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
简而言之就是我们平时上网浏览的网页,玩的网页信息,上网下载资源。对于程序员而言就是前端知识,web服务器和数据库知识的结合就是web。
web发展阶段:
- web 1.0
1994年在中国第一个web网站是中国黄页,由马云创建的。属于静态页面,只能看,不能交互。
- web 2.0
动态网站。网站数据是时时更新的,数据来自于数据库,可以实现前后台数据的交互
软件架构模式(掌握)
BS:browser server 浏览器服务器
优点:
- 只需要服务器,用户下载浏览器,维护方便
- 减少用户磁盘
缺点:
- 给服务器造成压力
- 用户观看体验不友好
CS:client server 客户端服务器
优点:
- 具有客户端和服务器端,减轻服务器的压力
- 用户体验好
缺点:
- 维护成本大
- 版本升级麻烦,占用户磁盘空间
注 :bs其实是一种特殊的cs
B/S和C/S通信模式特点(重要)
- 先有请求
- 后有响应
- 请求和响应是成对出现的
web资源(理解)
资源
计算机中数据文件
分类
- 静态资源:html css js。只能书写静态网站。静态网站的数据永远不会发生改变
- 动态资源:使用一些语言可以实现数据的变化
URL请求路径(理解)
作用
通过资源路径可以访问到具体的服务器
介绍
URL(Uniform Resource Locator),统一资源定位符 ,是对互联网上资源位置的一种表示,互联网上的每个文件都有一个唯一 的URL
格式
协议://服务器的ip地址:服务器的端口号/项目名/资源路径
比如:jdbc:mysql://localhost:3306/数据库名
说明:
协议:是一种规范,类似于网络编程中的TCP UDP(传输层),这里讲解的是应用层(http https协议)
服务器的ip地址:访问服务器的地址。同一个网段中服务器ip地址是唯一的
服务器的端口号:访问服务器的进程号,属于唯一标识
浏览器通过url访问服务器的过程
https://www.baidu.com/s?ie=UTF-8&wd=java
- https:协议
- www.baidu.com:域名
- 先根据你输入的域名找到你的电脑上本地域名解析文件:hosts
- 本地解析文件没有,然后找公网上的DNS域名解析服务器
- 解析服务器将www.baidu.com解析成112.80.248.75
- 服务器的端口号:默认是80,百度也将其端口号设置为80,所以可以不写
服务器(掌握)
服务器介绍了解
概述
服务器,是提供计算机服务的设备。由于服务器需要请求响应,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力
分类
- 硬件服务器
服务器的构成包括处理器、硬盘、内存、系统总线等
- 软件服务器
本质就是一个应用程序(由代码编写而成),运行在服务器设备上
常见的web服务器
下载安装tomact服务器
下载
tomact服务器属于网页服务器,用来发布动态和静态网页的,由Apache公司开发的开源免费的
安装
下载好将其放到没有中文和特殊符号的目录,然后进行解压即可
目录结构
启动并使用浏览器访问tomact服务器
启动
直接双击bin目录下面的startup.bat文件
在浏览器地址栏输入访问地址:localhost:8080
出现这个页面,说明访问成功
停止tomact(三种方法):
- 双击bin目录下的shutdown.bat
- 直接关闭上面的启动startup.bat文件的dos窗口
- 在doc窗口上按快捷键ctrl+c
tomact启动失败常见原因
- 端口号冲突
- 查看端口号:按住ctrl+r然后输入cmd打开命令板然后输入netstat -nao
- 打开任务管理器,点击详细信息,查找PID未20416的,然后结束进程
- 没有配置环境变量JAVA_HOME
- 之前有的小伙伴电脑上安装过tomact,并且在环境变量path中配置了环境变量,导致启动不成功。将之前配置的删除即可
使用tomact服务器发布web项目
在tomact的安装目录webapps下发布web项目
- 在webapps文件夹下创建heima文件夹
- 在heima文件夹中创建index.html文件
- 使用记事本打开html页面输入下面内容
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
Hello,tomact!
</body>
</html>
- 启动tomact
- 在浏览器上输入:localhost:8080/heima/index.html
注 :浏览器访问页面的时候必须加上文件夹名
使用idea创建web项目
idea创建maven的web项目-骨架(了解)
在pom文件中将标签中的内容删掉
然后将maven目录补全
idea创建maven的web项目-不使用骨架(建议使用)
到另一个界面直接create即可
在idea中发布web项目
使用骨架(有点麻烦)
先在webapp下创建一个html文件
然后运行即可,在浏览器地址栏输入自己编写的html文件名
不使用骨架(建议使用)
在webapp下书写html文件,然后直接运行即可
使用idea发布web项目的注意事项
web项目的目录结构说明
将虚拟路径的项目删除,只保留/
再次点击启动按钮弹出框
去掉自动打开浏览器功能
将对勾去掉即可
浏览器输入url访问tomact服务器疑惑
idea中启动tomcat服务器会自动访问web目录下面的三个页面:index.html index.htm index.jsp
如果没有这三个资源就会报404
注意 :自动访问上述三个资源的原因是:
在tomact的配置文件web.xml中存在下面的配置
html
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.htm</welcome-file>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
如果在idea中webapp目录下的那个web.xml中也写上述代码,会执行idea中web.xml(子)
pom.xml添加Tomact插件
html
<!--配置maven的插件-->
<build>
<plugins>
<plugin>
<groupId>org.apache.tomcat.maven</groupId>
<artifactId>tomcat7-maven-plugin</artifactId>
<version>2.2</version>
<configuration>
<port>80</port>
<path>/</path>
</configuration>
</plugin>
</plugins>
</build>
然后添加tomact Helper插件(File->settings)