idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序

前言

最近打算将原本纯java自写库的服务器用servlet进行开发,在网上找了许多教程,都不是非常详细,于是自己便钻研一番,基本上能跑简单的servlet程序

准备

工具

jdk1.8 tomcat9.0

ide

intellij idea 2016.2.1

步骤

一:点击菜单栏的file->new->project

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第1张图片

二:选择web application,点击next

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第2张图片

三:文件名为simpleservlet,点击finish

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第3张图片

四:点击工具栏的下三角或者菜单栏的run,选择edit configurations

9cc0d533766d69645d715af951baacd1.png

五:点击左上角的加号, 选择tomcat server->local

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第4张图片

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

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第5张图片

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

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第6张图片

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

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第7张图片

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

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第8张图片

十:ctrl+shift+alt+s进行project structure,点击modules,选择simpleservlet,将.classes文件的导出目录存放在我们刚刚创建的classes文件夹内

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第9张图片

十一:切换选项卡到dependencies,点击右边的加好,选择jars or directories,选择我们刚刚创建的lib文件夹,应该会弹出个选项框,选择jars directory,没有弹出来的话就不管了。点击apply,点击ok

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第10张图片

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第11张图片

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

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第12张图片

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

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第13张图片

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

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第14张图片

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

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第15张图片

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

35ba79a4bbe4cda9e13f85077c194213.png

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

820973d561238f2df284ab91841b0fe9.png

idea创建html程序,使用Intellijidea2016.2.1创建简单的servlet程序_第16张图片

你可能感兴趣的:(idea创建html程序)