![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=1734466006-33I8B5vsi114UIK2c0OmYarBmtgLPoG8-0-66eca622ad27c0bf288be04e821490f1)
图2.21 新建项目对话框
步骤02 单击Next按钮,这里是项目的文件结构,不做任何修改,直接单击Next按钮,如图2-22所示。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00028.jpeg?sign=1734466006-sj0FitSVwOH1jwRjSNTnJUazDxntOyt9-0-45ce8e69e0f77a75d94730d1af91dfa2)
图2.22 默认的目录结构
步骤03 此时Web配置界面,如图2.23所示,这里要选中两个复选框,第1个是自动生成index.jsp文件,第2个是自动生成web.xml文件。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00029.jpeg?sign=1734466006-QyVrb7ABRkC6UF08qGSDjvriRZXBn6jk-0-8695cbe9e2765371f9c6bfe2d637712d)
图2.23 自动配置文件
步骤04 继续单击Next按钮,这里配置加载的一些库,不做任何修改,如图2-24所示。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00030.jpeg?sign=1734466006-ihuOcnWMonL2NY1PqIKP10SdNARSgeQP-0-e8cc25e675e83b55c949f31a529378c1)
图2.24 加载的库
步骤05 单击Finish按钮,测试在MyEclipse左侧列表会生成刚创建的HelloWorld项目,结构如图2.25所示。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00031.jpeg?sign=1734466006-EShdWyq32M9GPX0rFy26kPYQjLaGgB8Q-0-cb322c957b789cf77051238a47565d6c)
图2.25 HelloWorld项目结构
步骤06 此时已经默认创建一个index.jsp文件,双击此文件,修改<body></body>内的文字为Hello World,如图2.26所示。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00032.jpeg?sign=1734466006-ZNMtKIPR57u6oqCPh07d3f276bIA2xOB-0-55666d37a4f6f8b5ced200d9326e9aa2)
图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=1734466006-tWyp54Ti0A3ELfRlrYWRCt5QhfMEab9o-0-2ed4445d7501054abf60927efe9c8a67)
图2.27 配置项目
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00036.jpeg?sign=1734466006-LPlGaerZMe719uwdBooa1o5z1R9TYXzq-0-8cd1dfe849616fa0b30051b382044b7a)
图2.28 选择服务器
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00037.jpeg?sign=1734466006-dCNF8ylxm3dmdfyF6hwUauNA8ZHdo7zY-0-a34064d735423c761759251a94260e7a)
图2.29 配置成功
步骤09 单击工具栏的按钮,会出现一个下拉列表,选择Tomcat,这里作者选择Tomcat 7.x,然后单击快捷菜单的Start,开启Tomcat服务器。开启成功如图2.30所示。
![](https://epubservercos.yuewen.com/04CC9B/15477636105561206/epubprivate/OEBPS/Images/00039.jpeg?sign=1734466006-36lrVf57PqdHYS8HsSzX8pHv6FoP7iDk-0-6429c49605e4072fba9eb727d3343bb5)
图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=1734466006-hnumh3adD3YBkTRmqp5R8PropBSkN4r4-0-90a44b25857487f8a21f116160eb51eb)
图2.31 第一个JSP页面