如何使用JavaWeb——servlet编写动态网页

谁践踏了优雅 2024-04-05 04:35 9阅读 0赞

**一、创建工程**

1、找到**File** \-> **New** \-> **Dynamic Web Project**

![8436caaf84404a52988750f27d13d7cc.png][]

如果没有找到 Dynamic Web Project 选项，找到**File** \-> **New**，选择**Other**，找到Web下的**Dynamic Web Project**，点击Next

![1b8f951c9199489ea827291c0f27ecd5.png][]

**创建项目**，填写项目名称，此处我建为example，点击**Next**

![fd4122792809493683b16fb2fc193df3.png][]

点击Next

![3db4ed892cde4f3d84b213504700655f.png][]

此处需要注意！底下的**Generate web.xml deployment descriptor** 一定要**勾选**上，否则新建的工程中将没有自动创建Web.xml配置文件，没有勾上，则需要手动创建一份，后finish即可

注：web.xml是注册Servlet的方式之一

![6135ea88aed34756bbd0bf5047a972bb.png][]

**二、修改JRE System Library版本**

1、在左上方project explorer中，我们可以看到创建好的工程名，到这里还不能直接建包写代码，我们看到**JRE System Library \[javaSE - 17\]**（我下载的jdk是1.8.0版本，tomcat是8.5版），所以我们需要将**JRE System Library \[javaSE - 17\]**改成**JRE System Library \[javaSE - 1.8\]**

注：这里大家根据自己的JDK版本来修改

![7bcf1c54a16247e3b9813d82416bc1d4.png][]

右键**JRE System Library \[javaSE - 17\]**，选择**Build Path** \-> **Configure Buid Path**

![ac48a0a226934ba9a8a8b6b17d067d49.png][]

如果手快不小心选了 **Remove from Build Path**，这时候我们可以看到工程名下已经找不到 **JRE System Library \[javaSE - 17\]**

注：（没有误点就跳过此处到2）

![b3d8dc4aaaae444ab26e5dd28f502627.png][]

别担心，我们可以右键点击**工程名**（example）-> 选择**build path** \-> **Configure Build Path**

![0e125c75fc244960b23bf2bfc31a45b4.png][]

点击**Libraries**，如果看到右边的选项都是暗的，点击**Classpath**，点击**Add Library**...

![a9d0596d34fc4470a9136f15632bd1b8.png][]

选择**JRE System Library**，点击Next

![f2a28b4b217849e6ad1aae909f58ec62.png][]

点击**Execution environment**

![6c75cc4266114e168535c9bd751f7daf.png][]

点击**Environments..** \-> 选择**JavaSE - 1.8**\-> 去掉右上方jre的勾 ->点击**Apply and Close**

注：根据自己的JDK版本来选择，我的JDK是1.8.0版本

![f012685a3f194a8c82b250917d0c0e23.png][]

2、选择**Libraries**，双击JRE System Library \[javaSE - 17\]或者点击右边的**edit**，点击**environments**..（选择与自己JDK一致的版本，我这里选择javaSE - 1.8）**finish**即可

![cfc9fe834b6f4ceda72590cda3a7c9de.png][]

3、到了这一步，我们可以看到工程名上有一个红色的**×**，是因为我们更改了Java SE的版本，而java的还没改过来

![d6ef8c4a64a74721bb4536bdacba646a.png][]

右键点击**工程名**（example）-> 选择**build path** \-> **Configure Build Path**，找到 **Project Facets**，中间Java的17改为与Java SE的版本一致（此处我的修改为1.8），点击Apply，左边的红色×就消失了，此时我们就可以正常创建项目了

![a04110dbe0944a3a838c4f626b140ed0.png][]

二、编写servlet代码

1、**【建包】**我们需要在**scr/main/java**中存放java代码，先创建一个包存放Java代码，不建议直接使用默认包，右击 **scr/main/java** \-> **New** \-> **Package**

![bc032e07b86e4838a798a5f4ef5b2267.png][]

Name这里我命名为com.servlet,点击finish即可

![b3790f881a4f42038d200af375860cb6.png][]

2、**【创建类】**右键**包名** \-> **New** \->**Class -> 书写类名** \-> **finish**

![e442d44551f845138e162b2433303db8.png][]

3、**【导包】**编写动态网页需要继承HttpServlet类，此时HttpServlet下出现红色波浪线，需要导入**servlet-api.jar**压缩包到**src**\->**main**\->**webapp**\->WEB-INF-> **lib包**

![7eab3013514340eab34ca8bfb7718447.png][]

servlet-api.jar需要到安装tomcat的目录下找到lib，复制servlet-api.jar，返回eclipse直接粘贴到lib即可

注：检查是否copy到lib上；检查是否导对包

![76cd64a409ae41a482a455842667b602.png][]

鼠标移到HttpServlet上，点击import 'HttpServlet'，出现下图，证明导包成功

![f2c706e449c146b59c4250a1c8880ba6.png][]

4、**【写代码】**右击空白处**Alt+Shift+S**\->选择**Override/Implement Methods...**

![937739b27a524e56a092775fe3e481a2.png][]

选择**doGet()**和**doPose()**方法

![3089e09e42584ecdbd2c801663f8498f.png][]

简单做个输出，测试后台是否能运行成功

![740c3bc1290c4cfd84c134034da77ddc.png][]

5、**【注册servlet】**可以通过注解方式来注册，也可以在web.xml配置文件注册

我们先来看看在Web.xml配置文件中如何注册servlet，首先双击web.xml，刚进去可能是出现图一页面，点击底下的Source

![d2c4c377af2441ea86e6cdb0ff34afd6.png][]

![1f10bce11691448e86d187495711dc3f.png][]

<servlet-name>: servlet的内部名：自定义；

<servlet-class>: servlet的类全名（包名.类名），可以直接输入包名.类名，为了减少发生报错，右键需要注册servlet的类名 （IndexServlet）-> **Copy Qualified Name**，返回web.xml -> 粘贴到<servlet-class>标签中；

<servlet-mapping>: servlet的映射配置；

<url-pattern>: servlet的映射路径，用于访问serclet的名称，自定义

完成这些代码，servlet的注册就完成了

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    	xmlns="http://xmlns.jcp.org/xml/ns/javaee"
    	xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
    	id="WebApp_ID" version="3.1">
    	<display-name>example</display-name>
    
    	<servlet>
    		
    		<servlet-name>Index</servlet-name>
    		
    		
    		<servlet-class>com.servlet.IndexServlet</servlet-class>
    	</servlet>
    	<servlet-mapping>
    		
    		<servlet-name>Index</servlet-name>
    		
    		
    		<url-pattern>/indexServlet</url-pattern>
    	</servlet-mapping>
    	
    </web-app>

6、【将servlet添加到tomcat】右键**tomcat v8.5 Server at localhost\[Started,Synchronized\]**，选择**Add and Remove**，将要运行的工程名添加到右边的Configured，finish即可

![dfece887a93547cc9741a54e6f358122.png][]

**三、启动tomcat**

1、看到下面的控制台，选择**servers**，双击servers下的**tomcat v8.5 Server at localhost\[Started,Synchronized\]**，选择**start**，启动tomcat（如果还没部署tomcat到Java上可以看我上一篇博客文）

![a4dba2db0110468c944264c601c506b5.png][]

如果没有看到**servers**,点击**Window**\->**show view**\->**servers**

![76b4c20270774e8c9914383a6f138edf.png][]

如果在这里也没有找到**servers**，点击**other**，找到**servers**，点击**open**即可

![7d2bd38187514a178e79a3e3462bf624.png][]

**四、浏览器访问**

1、到浏览器输入**http(协议)：//主机名：端口号/工程名/servlet的映射路径**，例如：Http://localhost:8080/example/indexServlet，回到eclipse，控制台出现下面的黑体内容就证明运行成功

![75e04e14bea54456ac8bd615bec1833f.png][]

如果不知道自己电脑的端口名是多少，找到**tomcat的安装路径下**的**conf**下的**server.xml**文件，通过记事本打开，找到下面代码，port="端口号"，端口号可以修改，如port="9090"

![37059df6adf1492eae775b1e07782550.png][]

仅供参考，如有不足之处，敬请谅解。

[8436caaf84404a52988750f27d13d7cc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/f4c63bafb60f49f8a008b32a7c3ebc95.png
[1b8f951c9199489ea827291c0f27ecd5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/71173f6e488d4327b01ed499289ca3d7.png
[fd4122792809493683b16fb2fc193df3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/4ad48eb92f964468803d00456c0a264b.png
[3db4ed892cde4f3d84b213504700655f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/ae56ee42868c40d39b620d01b4a2d659.png
[6135ea88aed34756bbd0bf5047a972bb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/7942896b73e040c98ec432bd808ef786.png
[7bcf1c54a16247e3b9813d82416bc1d4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/c9ab600261834ea2a5926ff69afda527.png
[ac48a0a226934ba9a8a8b6b17d067d49.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/3b35bb98a41b46cfbab33bb9a15635af.png
[b3d8dc4aaaae444ab26e5dd28f502627.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/76c425b556bc4b7da7e225d8dd3ab741.png
[0e125c75fc244960b23bf2bfc31a45b4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/3bc8706132c14c19bb5dd50c006d4400.png
[a9d0596d34fc4470a9136f15632bd1b8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/21e3e99bf16141e8b90b5ef088073aa1.png
[f2a28b4b217849e6ad1aae909f58ec62.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/c77d2881ac234adcb9de065150affcfa.png
[6c75cc4266114e168535c9bd751f7daf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/c941e114e0874905a86af0e44a4a8113.png
[f012685a3f194a8c82b250917d0c0e23.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/9f7675f4ac164658959e9d9799ac2241.png
[cfc9fe834b6f4ceda72590cda3a7c9de.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/7e8cc4989f6c40a1b8d17c6a97a65dfa.png
[d6ef8c4a64a74721bb4536bdacba646a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/0d0fc865ae5f492095e54a1cee13a74e.png
[a04110dbe0944a3a838c4f626b140ed0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/cbb7b3a4a315434995732f4e93bf6f48.png
[bc032e07b86e4838a798a5f4ef5b2267.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/40404c19968b4ce08d67b0c3df90a4cf.png
[b3790f881a4f42038d200af375860cb6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/92b03e7ab8af480eb49af7bd369a3817.png
[e442d44551f845138e162b2433303db8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/00002de0a59343b793449f064bcb7547.png
[7eab3013514340eab34ca8bfb7718447.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/5931a2e48cd64ff1bc585d6e6a20be39.png
[76cd64a409ae41a482a455842667b602.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/c7ad09b4b59e4fdba04114861a1ccdc9.png
[f2c706e449c146b59c4250a1c8880ba6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/c7d435eb81784fbb8d08fe8846f84cca.png
[937739b27a524e56a092775fe3e481a2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/f25d04ad31c1468c8c966fecb2c07d91.png
[3089e09e42584ecdbd2c801663f8498f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/e858adfe0bf740de8f54160adfff2776.png
[740c3bc1290c4cfd84c134034da77ddc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/47e53ed85f8e49b7a0bcbecef8cc2eec.png
[d2c4c377af2441ea86e6cdb0ff34afd6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/b154c08bcce647f4a0f19dea0d4c4430.png
[1f10bce11691448e86d187495711dc3f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/2d446801c9c44878bf06783719352be0.png
[dfece887a93547cc9741a54e6f358122.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/863c343caf9d4c4bb7c46208a7eea772.png
[a4dba2db0110468c944264c601c506b5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/4faea6e80de04a53bce722c224bef3e2.png
[76b4c20270774e8c9914383a6f138edf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/18fb85eeda644828906df60cc116646c.png
[7d2bd38187514a178e79a3e3462bf624.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/5bae3f5948814cd5aba160b5b6443e02.png
[75e04e14bea54456ac8bd615bec1833f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/6b24ccda90464235887267902caa7558.png
[37059df6adf1492eae775b1e07782550.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/237479cdc904478da639bfba95d3addd.png