![JSP从零开始学(视频教学版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/312/27110312/b_27110312.jpg)
2.4 实例:使用MyEclipse开发一个完整的Java Web网页
现在已经安装好MyEclipse,可以开始用它来开发自己的第一个Java Web项目了。因为读者刚接触MyEclipse,这里给出创建项目的详细步骤。
步骤01 单击File|New|Web Project菜单,弹出新建Web工程对话框,如图2.21所示。输入项目名称:HelloWorld,然后选择Java版本,再选择Tomcat版本。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00027.jpeg?sign=1739255074-hWllFxVNI1xvOzwyBaGM77VsfQ36xwej-0-86e5ac6492e7f9a0e9bb011f566bacc4)
图2.21 新建项目对话框
步骤02 单击Next按钮,这里是项目的文件结构,不做任何修改,直接单击Next按钮,如图2-22所示。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00028.jpeg?sign=1739255074-nZqpU5YT1MimxZEiIR97CnkGMRDia87A-0-3ecc1d7cbc90731bc92a90394a28669a)
图2.22 默认的目录结构
步骤03 此时Web配置界面,如图2.23所示,这里要选中两个复选框,第1个是自动生成index.jsp文件,第2个是自动生成web.xml文件。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00029.jpeg?sign=1739255074-c3w2BZUL6SBMgM7kB3y8tsN6eqwK6Wzz-0-a806bbd64792c42df3e0a88fd4082d65)
图2.23 自动配置文件
步骤04 继续单击Next按钮,这里配置加载的一些库,不做任何修改,如图2-24所示。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00030.jpeg?sign=1739255074-ofscD6j5ZhRzUZZiRXbzKksAQT8tKBnG-0-28bfdeb31343be2e0ca1aad210d9b1a0)
图2.24 加载的库
步骤05 单击Finish按钮,测试在MyEclipse左侧列表会生成刚创建的HelloWorld项目,结构如图2.25所示。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00031.jpeg?sign=1739255074-pyXq38JJ9Y84aSWfQMexWHrvnwUJK3Vk-0-9697d0299741fbac39dace83d8ac7b5c)
图2.25 HelloWorld项目结构
步骤06 此时已经默认创建一个index.jsp文件,双击此文件,修改<body></body>内的文字为Hello World,如图2.26所示。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00032.jpeg?sign=1739255074-hpk5pnZjYxreYVN5QEy1ovR90g5cVGUl-0-6727f5e1c7835a08de520e71cbed6029)
图2.26 修改代码
步骤07 单击工具栏的按钮,或者按Ctrl+S快捷键,保存创建好的项目。下面的两个步骤很关键,一定不能省略。
步骤08 单击工具栏的按钮,打开如图2.27所示的配置对话框,我们需要配置项目到Tomcat中。首先选择工程下拉框中我们的项目,如Hello World。然后单击Add按钮,打开如图2.28所示的“选择服务器”对话框,这里从下拉列表框中选择Tomcat 7.X服务器。单击Finish按钮,回到配置对话框,如果出现图2.29下面的提示,则表示配置成功。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00035.jpeg?sign=1739255074-VToYJLL0P92ZvFZbCWO78qz94YGUlUfq-0-fa7be949589bb0c301af4c55504e2f04)
图2.27 配置项目
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00036.jpeg?sign=1739255074-FuaUIa4Dy4PI90srw4uLqAgMCzOqYIol-0-8e53bd52094433eb71e476b9f52f36bb)
图2.28 选择服务器
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00037.jpeg?sign=1739255074-b5VndGJhezJnudqeIMTL3U2DJE7UcGjQ-0-c551e7a6987185ee9597d065183f25d9)
图2.29 配置成功
步骤09 单击工具栏的按钮,会出现一个下拉列表,选择Tomcat,这里作者选择Tomcat 7.x,然后单击快捷菜单的Start,开启Tomcat服务器。开启成功如图2.30所示。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00039.jpeg?sign=1739255074-AWN1ahaARuAHRdsDuOayURxNg2fsQ73U-0-072d86779c33f4071cfa001b4711f230)
图2.30 开启成功
步骤10 好了,一切准备就绪,在MyEclipse下方的Web Browse浏览器中,输入http://localhost:8080/HelloWorld,如果出现图2.31所示的页面,则表示第一个JSP页面测试成功。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00040.jpeg?sign=1739255074-gLm6yUM7bs6sB7i1zFn3YE7MFFvh11aY-0-61618cad6892c49fe85253447206558e)
图2.31 第一个JSP页面