javaWeb:Http协议，IDEA创建Web项目html,并访问它

最新推荐文章于 2024-08-14 21:38:42 发布

半浮名

最新推荐文章于 2024-08-14 21:38:42 发布

阅读量4.3k

点赞数 3

分类专栏：笔记 javaWeb学习文章标签： intellij-idea http 前端

本文链接：https://blog.csdn.net/qq_51813155/article/details/121268031

版权

笔记同时被 2 个专栏收录

84 篇文章 0 订阅

订阅专栏

javaWeb学习

26 篇文章 2 订阅

订阅专栏

本文介绍了HTTP协议的基本概念，强调了请求和响应是其核心。同时，详细阐述了在IDEA中创建Web项目并部署到Tomcat服务器的过程，包括设置部署路径和访问静态资源的方法。通过示例展示了HTTP协议的应用，如页面跳转。

摘要由CSDN通过智能技术生成

Http协议

1.什么是Http协议

超文本传输协议（Hyper Text Transfer Protocol，HTTP）是一个简单的请求-响应协议，
它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII形式给出；而消息内容则具有一个类似MIME的格式。这个简单模型是早期Web成功的有功之臣，因为它使开发和部署非常地直截了当。
客户端可能发送给服务器什么样的消息以及得到什么样的响应。

2.学习http:抓住两点:请求和响应

在这里插入图片描述

3.在IDEA创建项目时：

我创建了domo16.这个domo16在哪里？

在这里插入图片描述

在IDEA文件目录：（我的IDEA放在了javac中）

D:\javac\projects\demo16\src\main\webapp

但是要访问这个html,只能在服务器里面的项目中
在这里插入图片描述

在这里插入图片描述

所以：在创建web项目时，同步发布到
服务器里怎么同步？
在IDEA中tomcat配置中：打开部署，选择+号，写目录
我写的是：domo16_war.
然后：点击应用，再点击确认。

在这里插入图片描述

就会在这个目录(服务器目录下)
D:\java web\apache-tomcat-8.5.72\webapps

生成：domo16_war.
在这里插入图片描述

当服务器：在IDEA一启动，就会把IDEA中的项目同步到服务器目录中：

在这里插入图片描述
然后：你在IDEA项目中（webapps）创建：html文件
我创建了：dom1.html

在一次启动服务器，服务器目录：webapps/dom16_war生成：
dom1.html
在这里插入图片描述

你就可以访问到dom1.html了：
效果：
在这里插入图片描述
所以：其实网址访问的是：本机的服务器目录下的
D:\java web\apache-tomcat-8.5.72\webapps\demo16_war
下面的文件（html,jsp）

还有：IDEA中：tomcat配置：服务器
里面：URL:
一启动：就在浏览器：输入这个网址
http://localhost:8080/demo16_war/dom1.html
可以测试：你想测试的页面
在这里插入图片描述
在部署有：
domo16_war
domo16_war_exploded
选择一个进行部署（这两个都能被访问到）

我选择了：domo16_war。部署.区别暂时（之后补充）

4.http：一些例子:

dom2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

<h1>Success!</h1>



</body>
</html>

dom1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

<h1>dom1.html</h1>


<form action="dom2.html" >


    姓名：<input type="text" name="name"/> <br/>

    性别：<input type="text" name="name"/>  <br/>

    <input type="submit" value="提交" >


</form>




</body>
</html>