1、 新建一个项目,命名为news(新闻), 编码 为UTF-8,视图为 Java 视图,包结构为垂直结构
选择File->New->Other
![](/wp-content/uploads/replace/bcd9f8b8d4e30af53947cda3529e36c6.jpeg)
搜索web,选择动态项目
![](/wp-content/uploads/replace/2beb561997020257938b3affad302395.jpeg)
点击Next(下一步)填写项目名称news
![](/wp-content/uploads/replace/92c9ff989a3549448063467b588cabc4.jpeg)
出现如下界面,直接点击下一步
![](/wp-content/uploads/replace/903ca3869be8177717d914f2adebd212.jpeg)
再点击下一步,勾选自动生成web.xml,点击finish(完成)
![](/wp-content/uploads/replace/1df44a5e614eec3d131c874e4f82885d.jpeg)
修改项目视图
![](/wp-content/uploads/replace/c22f74fb965082a9f3e2d6e90aa1ed39.jpeg)
出现如下项目名称为news
![](/wp-content/uploads/replace/1b6ff122e576ae0440b383fde2553626.jpeg)
选择项目,右键出现的快捷菜单里,选择Properties,修改编码为UTF-8
![](/wp-content/uploads/replace/c7e561530193673fab290de97d4ce0fc.jpeg)
将集成 Tomcat 显示出来
选择Window->Show view->Other,出现对话框,搜索servers
![](/wp-content/uploads/replace/fef218944ff2d1ac84a4b0b041d10361.jpeg)
出现服务器
![](/wp-content/uploads/replace/c7ad9577bc1f9dda7a874a67a8ae6f67.jpeg)
先集成登录页面
新建一个jsp文件,命名为index.jsp(首页)
选择WebContent->New->Other,出现的对话框里搜索jsp
![](/wp-content/uploads/replace/54df6994e8d64524a18defa78164db5b.jpeg)
选择下一步命名,点击完成
![](/wp-content/uploads/replace/007a7865153d909bcad347ff7cf07bf4.jpeg)
出现页面
![](/wp-content/uploads/replace/4a44ac8301d3bd5d632f84e6e26c37ed.jpeg)
出现的错误是我们没有添加父类,添加如下
选择项目news->Properties,出现的对话框里选择如下
![](/wp-content/uploads/replace/6a9c74641a9a14ea4ee56ad6ffbb8ea0.jpeg)
选择服务器
![](/wp-content/uploads/replace/99083db0f18d5b1cc72654d43814bd47.jpeg)
选择我们已经集成好的Tomcat
![](/wp-content/uploads/replace/9781ddf77d4a5104865c9314f0f55f72.jpeg)
错误消失
![](/wp-content/uploads/replace/c0c2e87cc085e825319356699691b5d6.jpeg)
改一下JSP中的编码
![](/wp-content/uploads/replace/a411dffc6f39ba576192231c12a02554.jpeg)
编写如下内容
![](/wp-content/uploads/replace/7101d57232191dc2b61c617a8a8bbb84.jpeg)
将下列包拷贝到如下位置
![](/wp-content/uploads/replace/c607c4c7fbdb0c62324bdb7e6f7a5adf.jpeg)
拷贝资源文件,放到如下位置
![](/wp-content/uploads/replace/be6458cbf0f07e3b224df2608542d645.jpeg)
准备我们开始访问
![](/wp-content/uploads/replace/2d41ef0479204cfd8973555798cc3b2c.jpeg)
我们找到url-patter,打开web.xml
![](/wp-content/uploads/replace/da5c4d9faae082bcc2066a0ae0b4064f.jpeg)
添加如下内容
![](/wp-content/uploads/replace/9527897cf7952c087062f1a44d77c83b.jpeg)
当在地址栏访问
url-patter->servlet-name->servlet-class
我们现在需要创建servlet-class在如下位置创建包
![](/wp-content/uploads/replace/84c6c8e4370a7b369ca86d08f8879f49.jpeg)
创建类
![](/wp-content/uploads/replace/5c1a3baccbde6c0243d386ceab1a2c5b.jpeg)
把类写到web.xml中
![](/wp-content/uploads/replace/d439f5851bf6f8bd0f989d193659de2c.jpeg)
编写方法进行跳转
![](/wp-content/uploads/replace/135027073b737c466085b53848e23163.jpeg)
添加项目到Tomcat中
![](/wp-content/uploads/replace/b509c83bb6a4a8ecd1804008220887c3.jpeg)
启动Tomcat,访问我们的页面(页面写点内容,我写的是123)
![](/wp-content/uploads/replace/79c38066f1fa8f7b1c834b02e85ddbd9.jpeg)