JAVAWeb学习随笔(1)----HelloServlet

淡淡的烟草味﹌ 2022-06-02 02:12 179阅读 0赞

总结一下自己用 IntelliJ IDEA 2017.2.1 创建web项目并简单部署servlet的步骤。

## 新建项目 ##

IDEA中的Project是Eclipse中的Wookspace，而Module才是Eclipse中的Project。

首先点击Create New Project

![Exler][]

然后选择jdk版本

![Exler][Exler 1]

这个是选择模板，可以不勾选

![Exler][Exler 2]

选择存放的地址

![Exler][Exler 3]

创建完成。

![Exler][Exler 4]

## 创建WebModule ##

新建一个module  
![Exler][Exler 5]

这里就要对Web Application进行勾选

![Exler][Exler 6]

设置Module的路径

![Exler][Exler 7]

web程序创建完成

![Exler][Exler 8]

## 资源配置 ##

在web文件夹中新建  
1. css文件夹 : 用于存放css文件  
2. js文件夹 : 用于存放js文件  
在WEB-INF，文件夹中新建  
1. classes文件夹 : 用于存放src下中的所有文件(会把.java编译成.class文件)  
2. lib文件夹 : 用于存放jar包

![Exler][Exler 9]

打开Project Structure

![Exler][Exler 10]

把output path 改成我们刚刚创建的classes

![Exler][Exler 11]

![Exler][Exler 12]

![Exler][Exler 13]

![Exler][Exler 14]

设置完成后可以看到classes文件夹的颜色变了

![Exler][Exler 15]

## 配置Tomcat ##

![Exler][Exler 16]

添加Tomcat

![Exler][Exler 17]  
可下拉寻找tomcat选项，如果没有可以在2中寻找

![Exler][Exler 18]  
可设定服务器的名称  
1.选定服务器的路径  
2.运行之后打开是否打开浏览器

点击3

![Exler][Exler 19]  
选择添加一个Artifact  
Application context是设置应用的上下文(8080/后，Servlet的value值之前的路径，如 : localhost:8080/firstweb/index.jsp, firstweb就是Application context里面的东西)

![Exler][Exler 20]

点击那支小笔

![Exler][Exler 21]  
修改这个路径，可以把module部署到tomcat下(不打开idea，只打开tomcat就能访问网页)  
不然我们的每个module都是部署在idea默认的目录下的(只打开tomcat是访问不了的)  
![Exler][Exler 22]

## 运行 ##

修改下index.jsp

<%-- Created by IntelliJ IDEA. User: Administrator Date: 2018/1/4 Time: 20:14 To change this template use File | Settings | File Templates. --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
      <head>
        <title>$Title$</title>
      </head>
      <body>
      This is my first web
      </body>
    </html>

运行

然后在浏览器的地址栏中输入  
`http://localhost:8080/firstweb/index.jsp`

![Exler][Exler 23]  
访问成功  
来到本机的tomcat目录下  
![Exler][Exler 24]

项目被部署。

## servlet Helloword ##

在src中新建一个servlet  
![Exler][Exler 25]

刚开始是报错的  
![Exler][Exler 26]  
下载就好  
![Exler][Exler 27]

新建一个MyServlet的Servlet :

import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    
    @WebServlet(name = "MyServlet", value = "/demo1")
    public class MyServlet extends HttpServlet { 
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            response.setContentType("text/html;charset=UTF-8");
            response.getWriter().print("Hello servlet, 你好。");
        }
    }

运行  
`http://localhost:8080/firstweb/demo1`  
![Exler][Exler 28]

项目部署在本机的tomcat  
![Exler][Exler 29]

[Exler]: /images/20220602/3936019bb08d484b93dc2eaf0d3f6c56.png
[Exler 1]: /images/20220602/d13ac39da82f4540bfc0f00275d4a3e5.png
[Exler 2]: /images/20220602/677cd61a5c5d4bc39a413e6649749fca.png
[Exler 3]: /images/20220602/a745bd2e09f440c69206812f1eb3ec2a.png
[Exler 4]: /images/20220602/7952f92c2d664b338618349574ea7881.png
[Exler 5]: /images/20220602/a9c74bbdcf534001a147df52ad5bc08d.png
[Exler 6]: /images/20220602/e2a9d393a059466793d7e31fb8e1a2ae.png
[Exler 7]: /images/20220602/fde8936669824e1d8ddf4c1a28ce6ec8.png
[Exler 8]: /images/20220602/3587ea5794cd471391e6ac3305bfe99f.png
[Exler 9]: /images/20220602/988b0b9c342b49ee97e212d8d6ed4a40.png
[Exler 10]: /images/20220602/a8e12829ebc34ef89c76e9202b3d18e0.png
[Exler 11]: /images/20220602/bd3ca6e07102426797834b4718fca2a6.png
[Exler 12]: /images/20220602/c46e84890b8343aba754d3113cca1b95.png
[Exler 13]: /images/20220602/ebad47a5516a400e815d01be166e8b91.png
[Exler 14]: /images/20220602/d84f94d441e44af5b7b6bf52b62bdcc1.png
[Exler 15]: /images/20220602/4302c02f54b84001bc57bf6454f8d69a.png
[Exler 16]: /images/20220602/e8fda156e91b4691b3b329d0c1add15d.png
[Exler 17]: /images/20220602/b42ddc77553045deb36a866569acbb1b.png
[Exler 18]: /images/20220602/1cebc9f65f4c40f39709206c674691e5.png
[Exler 19]: /images/20220602/fea014461d754e36a6da1929b6a94b68.png
[Exler 20]: /images/20220602/8b68819625c34b378a01f2c1a9dda9f1.png
[Exler 21]: /images/20220602/394299fadf2a44168c947def52c21fe0.png
[Exler 22]: /images/20220602/69c5d50ceb2444ca8df0dbb36dc99a94.png
[Exler 23]: /images/20220602/b89e2e71f37543e28c7f369466f4ecb8.png
[Exler 24]: /images/20220602/5da047ea0d3b484e9adf3562d1b27f48.png
[Exler 25]: /images/20220602/a8104b527ef04704ab391aee747f6d17.png
[Exler 26]: /images/20220602/f22cb5efbebf487fb079ea24e7928d91.png
[Exler 27]: /images/20220602/d1d6e59234b1459eae05f40084ece678.png
[Exler 28]: /images/20220602/1999bd542ae94a6ba7cf43426fcca4cf.png
[Exler 29]: /images/20220602/056e9a676aa844178024135072812552.png