idea中创建jsp项目详细步骤

安装条件：idea软件、tomcat10、jdk11

1、打开idea，在file ->new ->project中新建一个普通的java项目

            ![](https://img-blog.csdnimg.cn/73179281f7bc46d0bd97421b658e9666.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_20,color_FFFFFF,t_70,g_se,x_16)
            ​​​​​​![](https://img-blog.csdnimg.cn/68c047919bb94524b43900e07aa24fe1.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_20,color_FFFFFF,t_70,g_se,x_16)

2、在项目名右键Add Framework Support选项中，Web Application上打勾，点击OK。

            ![](https://img-blog.csdnimg.cn/4c61d13a9e9c40cba2da466de3346693.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_20,color_FFFFFF,t_70,g_se,x_16)

3、项目列表->web->WEB-INF，在WEB-INF下新建两个文件夹，分别是classes、lib

            ![](https://img-blog.csdnimg.cn/2b6d48f08b044342aeba4d3bfdd83f68.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_20,color_FFFFFF,t_70,g_se,x_16)
             ![](https://img-blog.csdnimg.cn/21f1e8273dad440998428c89c0e4384e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_12,color_FFFFFF,t_70,g_se,x_16)![](https://img-blog.csdnimg.cn/f221f3dc0845453292f7226ac95df69f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_12,color_FFFFFF,t_70,g_se,x_16)
             ![](https://img-blog.csdnimg.cn/ca1ba68662c5463792afcafe31b6939d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_14,color_FFFFFF,t_70,g_se,x_16)

4、按下ctrl+alt+shift+S，调出Project Structure，选到Modules->Paths，单选框选到Use module compile output path，将两个路径改为刚才创建的classes。

             ![](https://img-blog.csdnimg.cn/9cb8fcdae9f446929cd4e54b9424af0d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_20,color_FFFFFF,t_70,g_se,x_16)

然后选到Dependencies，点击下面的+号，选择jars or dirxxxxxxxx，选择刚创建的lib目录，让选择目录用处的话，选择jar direxxxxxxx，打上勾，点击apply，OK。

            ![](https://img-blog.csdnimg.cn/8cffc176788e496b8b1ab210c4747a61.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_16,color_FFFFFF,t_70,g_se,x_16)
             ![](https://img-blog.csdnimg.cn/bb1c643f06bd40e09006dd259209936b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_20,color_FFFFFF,t_70,g_se,x_16)
             ![](https://img-blog.csdnimg.cn/5651b4de15e9487682a2ddb31f957c78.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_20,color_FFFFFF,t_70,g_se,x_16)

5、将tomcat/lib目录下的servlet-api.jar复制到我们创建的lib目录里。

            ![](https://img-blog.csdnimg.cn/70771ba13059499cadee1785c8a25a37.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_20,color_FFFFFF,t_70,g_se,x_16)
             ![](https://img-blog.csdnimg.cn/106c77654a8f4157a4c7ac5c9bb1ced6.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_14,color_FFFFFF,t_70,g_se,x_16)

6、找到并打开Run中的Edit Configurations...选项，点击左上角加号选择Tomcat server中的Local

    在server选项中把路径改成本机中tomcat10文档，在Deployment选项中点击加号选择Artifact 
            ![](https://img-blog.csdnimg.cn/cfbc93f2330c446d8b7ff4eb3614d6d3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_20,color_FFFFFF,t_70,g_se,x_16)
             ![](https://img-blog.csdnimg.cn/830f0f8b8261445e99a3431d5d16558e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_20,color_FFFFFF,t_70,g_se,x_16)
             ![](https://img-blog.csdnimg.cn/9bad50db2c79485195faa687805fd74b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_20,color_FFFFFF,t_70,g_se,x_16)

7、在src ->new ->servlet,名给成Login。

            ![](https://img-blog.csdnimg.cn/c4c9f7c2d96047acaeee81511647c7de.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_12,color_FFFFFF,t_70,g_se,x_16)

8、打开Login文件，把文件中的两个@Override修改成下边的代码

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html");
        PrintWriter out = response.getWriter();
        out.println("<!DOCTYPE HTML>");
        out.println("<HTML>");
        out.println("  <HEAD><TITLE>login</TITLE></HEAD>");
        out.println("  <BODY>");
        out.print("    this is login page");
        out.print(this.getClass());
        out.println("  </BODY>");
        out.println("</HTML>");
        out.flush();
        out.close();
    }
 
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html");
        PrintWriter out = response.getWriter();
        out.println("<!DOCTYPE HTML>");
        out.println("<HTML>");
        out.println("  <HEAD><TITLE>login</TITLE></HEAD>");
        out.println("  <BODY>");
        out.print("    this is login page");
        out.print(this.getClass());
        out.println("  </BODY>");
        out.println("</HTML>");
        out.flush();
        out.close();
    }

9、找到web -> WEB-INF -> web.xml文档，在文档中添加下列代码。

<servlet>
        <servlet-name>JspWeb</servlet-name>
        <servlet-class>Login</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>JspWeb</servlet-name>
        <url-pattern>/Login</url-pattern>
    </servlet-mapping>

    ​​​​​​​        ![](https://img-blog.csdnimg.cn/62f80ffcd62244faaec3e921cfb8d777.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_20,color_FFFFFF,t_70,g_se,x_16)

10、最后运行，如果运行没有成功，没有跳转网页的话，把Login文档中@WebServlet那一行删除。

    ​​​​​​​        ![](https://img-blog.csdnimg.cn/df8cb6e2c3e64a7899a9099e9e7c7541.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_12,color_FFFFFF,t_70,g_se,x_16)
             ![](https://img-blog.csdnimg.cn/c3a25aec0e7d415e80a0e6fd60655541.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5Lic5b6I5LiN5oiz,size_20,color_FFFFFF,t_70,g_se,x_16)

11、再次运行，成功后在网址后面加上我们写的url（Login）就可以访问动态资源了。