web 开发入门——新建web项目

来源：互联网发布：王者荣耀地狱火优化编辑：程序博客网时间：2024/06/10 23:36

开发工具：myeclipse-pro-2013、tomcat-7.0.47、需配置JDK，这里使用jdk1.7.0_45

创建Web工程
打开MyEclipse开发界面，File->New->Projects…，打开新建项目对话框，选中MyEclipse->J2EE Projects->Web Project，点击Next按钮，在Web Project Details的Projects Name 中输入WebTest，其他采用默认值，注意这里的Context root URL为/WebTest，否则，你就要在IE中输入相应的名字才能使用了。注意这里的最下面有是否加入标签库支持，我们选择JSTL1.1。然后，点击Finish按钮完成项目创建。

新建Hello类

选中工程项目WebTest下的src文件夹，右键菜单New->Package，新建一个包com.test。选中新建的包，右键菜单New ->Class，Name中输入Hello，去掉public static void main选项，其他全部默认，点击Finish按钮完成类的创建。

编辑类的代码，如下所示：

package com.test;

publicclass Hello {

private String message = "Hello World";

public String getMessage() {
return message;
}

publicvoid setMessage(String message) {
this.message = message;
}
}

注意这里Bean属性的操作方法，可以先定义好属性，然后，在编辑窗口右键菜单Source->Generate Getters and Setters，然后在对话框中选择要生成get和set方法的属性确定就可以了。

创建JSP页面

在WebTest工程中，选中WebRoot文件夹，右键菜单New->JSP，File Name修改为index.jsp，其他默认，点击Finish按钮创建。

编辑JSP文件的内容如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

<jsp:useBean id="hello" class="com.test.Hello" scope="page"/>

<jsp:setProperty name="hello" property="message" value="Hello World!" />

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>My JSP 'index.jsp' starting page</title>

<!--

-->

</head>

<body>

<jsp:getProperty name="hello" property="message" /><br>

This is my JSP page. <br>

</body>

</html>

红色部分为我们添加的代码。OK,代码已经编写完毕。

配置Tomcat服务器

Eclipse菜单，Window->Preference…，打开Preference对话框，找到菜单树中MyEclipse->Application Servers->Tomcat 5。选中Tomcat 5项，在对话框中，选中Enable单选按钮，然后点击Tomcat Home Directory 输入框后的Browse按钮，选择Tomcat的安装根目录，这里是D:/Tomcat5.5，其它的框会自动填充。点击Apply按钮。

选中Tomcat 5中的JDK一项，这里要特别注意，默认的是JRE的运行环境，这里要设定成JDK的，否则，MyEclipse无法正常部属Web应用，也无法正常运行Tomcat服务器。我们点击Add按钮，JRE Name中写入jdk1.7.0_45，然后在Browse选择框中选择JDK的根目录，其他的默认，点击OK按钮。在Tomcat JDK Name中选择我们刚才创建的那个，就是jdk1.7.0_45。点击Apply按钮，每次都点吧，有时候Eclipse出问题，你不点这个跑到另一个配置页面就会丢失上面的配置。

我们在Tomcat 5的Launch中确保选中了Debug模式。

现在可以点击preference对话框的OK按钮了，完成Tomcat的配置。

部属Web应用程序

这里就简单点了，我们选中WebTest工程的根目录，右键菜单MyEclipse->Add and Remove Projects Deployments…，在打开的对话框中确保Projects为WebTest，点击Add按钮，在弹出对话框的Server中选择Tomcat 7，下面的两个单选项，Exploaded Archive和Packaged Archive分别是目录方式部属和包方式部属，这个都是由MyEclipse来做的，我们使用目录部署方式，不用打成war包，其他的不管它了。点击Finished按钮回到上一个页面。

OK，程序已经部署完成了，下面要运行调试了。

运行调试程序

在Eclipse的图形菜单栏找到（这个按钮左边那个是重新部署按钮，右边是自带的浏览器），点击下拉按钮，选择Tomcat 7，然后点击Start菜单，启动Tomcat。

等Consol窗口中提示Tomcat启动成功，我们就可以运行我们的程序了。打开一个IE浏览器窗口，输入http://localhost:8080/WebTest/，我们可以看到如下信息：

Hello World!
This is my JSP page.

说明运行成功。

下面来讲讲调试，呵呵，这时候就和普通的调试一样了，加断点。Jsp文件和Class文件一样可以单步调试。

打开Hello.java的编辑框，在return message;一行加断点，我们刷新IE窗口，Eclipse的窗口就会出现了，停在了断点的位置。按F8键执行完毕，去掉这个断点。

我们打开index.jsp文件的编辑框，在<jsp:getProperty name=”hello” …/>一行打上断点，刷新IE窗口。然后返回去看Eclipse编辑窗口，光标已经停在了断点行。

终于可以在JSP中进行调试啦!!!

0 0