Idea配置Tomcat进行Web网页开发(需要maven)

环境展示:

  1. Interllij IDEA 2019

  2. JDK 1.8

  3. Tomcat9.0.27

  4. 博主已经提前对idea配置好了maven(所以这里就不讲maven的配置了)

一、创建maven项目的web app

  1. 左侧菜单栏点击Maven,然后勾选Create from archetype

  2. 选择maven-archetype-webapp这个模板,不要选错了

  3. 点击next,后面的默认即可。

Idea配置Tomcat进行Web网页开发(需要maven)_第1张图片

二、配置Tomcat服务器以启动程序

1、配置Server

  1. 点击右上角的 Add Configuration

    图片描述

  2. 在弹出框中点击左上角的加号,然后滚动到最后,选择 31 more items(我这里是31,有一些是30)的选项;然后在新的菜单中选择**Tomcat Server ** -> Local

    Idea配置Tomcat进行Web网页开发(需要maven)_第2张图片

    Idea配置Tomcat进行Web网页开发(需要maven)_第3张图片

  3. 点击Configure按钮,然后配置 Tomcat home ,即找到bin目录的上一层目录。

    Idea配置Tomcat进行Web网页开发(需要maven)_第4张图片

    Idea配置Tomcat进行Web网页开发(需要maven)_第5张图片

    Idea配置Tomcat进行Web网页开发(需要maven)_第6张图片

  4. 点击ok

2、配置Development

  1. 选择Deployment

    Idea配置Tomcat进行Web网页开发(需要maven)_第7张图片

  2. 点击右边的加号,然后选择Artifact选项

    Idea配置Tomcat进行Web网页开发(需要maven)_第8张图片

  3. 在弹出的两个中随便选择一个,我选的是第一个,点击ok

    Idea配置Tomcat进行Web网页开发(需要maven)_第9张图片

  4. 点击Server,URL中后面的路径会添加上你刚才选的那个artifact

    Idea配置Tomcat进行Web网页开发(需要maven)_第10张图片

  5. 点击ok,完成设置

3、启动程序

  1. 点击idea右上角的三角符号,启动程序

    Idea配置Tomcat进行Web网页开发(需要maven)_第11张图片

  2. 在弹出来的网页中出现**Hello World!**表示tomcat配置成功!

    Idea配置Tomcat进行Web网页开发(需要maven)_第12张图片

4、添加Servlet的maven依赖(否则Web项目没有创建Servlet的选项)

  1. 双击打开pom.xml

  2. 找到dependencies这个标签,然后将下面的maven依赖添加进去

    
      javax.servlet
      javax.servlet-api
      4.0.1
      provided
    
    

    添加如下图:

    Idea配置Tomcat进行Web网页开发(需要maven)_第13张图片

  3. 如果是第一次添加这个依赖,右下角会有下载maven的提示,一定要等待它下载完再进行下一个步骤。如果提示Maven projects need to be imported,选择自动导入即可。

5、创建Servlet。

  1. 新创建的web项目是没有java文件夹的,初始的目录结构如下:

    Idea配置Tomcat进行Web网页开发(需要maven)_第14张图片
  2. 在main文件夹下面创建一个名叫java的文件夹

    Idea配置Tomcat进行Web网页开发(需要maven)_第15张图片

    Idea配置Tomcat进行Web网页开发(需要maven)_第16张图片

  3. 将java文件夹设置成源文件。右击java文件夹,选择 Mark Directory as -> Sources Root

    Idea配置Tomcat进行Web网页开发(需要maven)_第17张图片

  4. 右击java文件夹,选择 New ,你会看到在 New下有 Create New Servlet 的选项,这个选项就是创建Servlet。(如果找不到Create New Servlet 选项,就把Servlet的maven配置删除重新导入一遍)

    Idea配置Tomcat进行Web网页开发(需要maven)_第18张图片

  5. 如果创建Servlet,在弹出框中,他会默认勾选 Create Java EE6 annotated class,即表示默认使用注解,而我选择不使用,则需要到web.xml中添加对应的映射。

    Idea配置Tomcat进行Web网页开发(需要maven)_第19张图片

  6. 到此,学会了如何创建Servlet就可以开始进行Web程序的开发了。

你可能感兴趣的:(Web开发,tomcat,maven,intellij,idea,idea,web,service)