准备

工具

  • jdk1.8
  • tomcat9.0

IDE

  • intellij idea 2016.2.1

步骤

一:点击菜单栏的File->New->Project


idea 加入所有 services_右键

二:选择Web Application,点击Next


idea 加入所有 services_idea 加入所有 services_02

三:文件名为SimpleServlet,点击Finish


idea 加入所有 services_tomcat_03

四:点击工具栏的下三角或者菜单栏的Run,选择Edit Configurations


idea 加入所有 services_右键_04

五:点击左上角的加号, 选择Tomcat Server->Local


idea 加入所有 services_右键_05

六:修改上方名字为Tomcat 9.0,使用默认配置即可


idea 加入所有 services_tomcat_06

七:此时注意到下方有个Fix,点击Fix,或者选择选项卡Development,自行添加后,点击OK


idea 加入所有 services_右键_07

八:右键src目录,新建一个servlet,命名为MyServlet


idea 加入所有 services_右键_08

九:在WEB-INF下新建两个Directory,一个命名为lib。用来存放依赖库,另一个命名为classes,用来存放编译后的.class文件


idea 加入所有 services_tomcat_09

十:Ctrl+Shift+Alt+S进行Project Structure,点击Modules,选择SimpleServlet,将.classes文件的导出目录存放在我们刚刚创建的classes文件夹内


idea 加入所有 services_右键_10

十一:切换选项卡到Dependencies,点击右边的加好,选择Jars or Directories,选择我们刚刚创建的lib文件夹,应该会弹出个选项框,选择Jars Directory,没有弹出来的话就不管了。点击Apply,点击OK


idea 加入所有 services_idea 加入所有 services_11

 

idea 加入所有 services_idea 加入所有 services_12

十二:找到tomcat的安装目录,找到/lib/servlet-app.jar,将它复制到lib文件夹内,这样创建的MyServlet.java就不会报错了


idea 加入所有 services_tomcat_13

十三:修改MyServlet.java文件,这里使用的菜鸟教程的代码,网址为Servlet 表单数据


idea 加入所有 services_idea 加入所有 services_14

十四:修改web.xml文件,为MyServlet增加servlet-mapping节点。访问网页的时候,会根据url-pattern找到指定的servlet-name,再根据servlet-name找到对应的servlet程序


idea 加入所有 services_idea 加入所有 services_15

十五:在web下新建一个html网页,使用的于是菜鸟教程的POST例子,结构如下图


idea 加入所有 services_右键_16

十六:右键html网页,选择run,等待片刻,便可看到浏览器自动打开一个网页。这里记得把占用端口的程序给杀死。


idea 加入所有 services_右键_17

十七:根据网页提示进行输入,点击提交后,如果弹出下面第二张图,就表示servlet程序成功跑起来了


idea 加入所有 services_idea 加入所有 services_18

 

idea 加入所有 services_tomcat_19