MyEclipse + Tomcat + Eclipse 开发调试WEB应用

简介:
< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

一、准备开发工具
这里使用的是Eclipse 3.1.1、MyEclipse, Web服务器使用Tomcat 5.5.06版本, 当然还需要J2SDK,这里使用jdk1.5.0_06,只要是JDK1.5.0以上,就无所谓。

二、软件的安装和注册

MyEclipse是一个exe安装文件,有安装向导,直接双击安装,选择完Eclipse安装目录(比如D:/eclipse)和自身的安装目录(比如D:/MyEclipse),然后一路next就行了。

其他软件的安装也不再?唆,下面创建一个简单的工程来说明MyEclipse的应用。

三、创建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文件夹(注意是在Package Explorer下,如果这个找不到,去找Eclipse使用指南看吧,Window->Show View->Package Explorer),右键菜单New->Package,新建一个包com.chenfeng。选中新建的包,右键菜单New ->Class,Name中输入Hello,去掉public static void main选项,其他全部默认,点击Finish按钮完成类的创建。

编辑类的代码,如下所示:

package com.chenfeng;

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.chenfeng" scope="page"/>


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


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

<html>

   <head>

     <base href="<%=basePath%>">

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

     <meta http-equiv="pragma" content="no-cache">

     <meta http-equiv="cache-control" content="no-cache">

     <meta http-equiv="expires" content="0">

     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

     <meta http-equiv="description" content="This is my page">

     <!--

     <link rel="stylesheet" type="text/css" href="styles.css">

     -->

   </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.5.0_05,然后在Browse选择框中选择JDK的根目录,这里是D:\jdk1.5.0_05,其他的默认,点击OK按钮。在Tomcat JDK Name中选择我们刚才创建的那个,就是JDK1.5.0_05。点击Apply按钮,每次都点吧,有时候Eclipse出问题,你不点这个跑到另一个配置页面就会丢失上面的配置。

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

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

七、部属Web应用程序

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

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

八、运行调试程序

在Eclipse的图形菜单栏找到 (这个按钮左边那个是重新部署按钮,右边是自带的浏览器),点击下拉按钮,选择Tomcat 5,然后点击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中进行调试啦!!!

本文转自 netcorner 博客园博客,原文链接:http://www.cnblogs.com/netcorner/archive/2007/03/31/2912405.html  ,如需转载请自行联系原作者

相关文章
|
16天前
|
开发框架 前端开发 .NET
C#编程与Web开发
【4月更文挑战第21天】本文探讨了C#在Web开发中的应用,包括使用ASP.NET框架、MVC模式、Web API和Entity Framework。C#作为.NET框架的主要语言,结合这些工具,能创建动态、高效的Web应用。实际案例涉及企业级应用、电子商务和社交媒体平台。尽管面临竞争和挑战,但C#在Web开发领域的前景将持续拓展。
|
5天前
|
关系型数据库 MySQL
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
|
2天前
|
安全 测试技术 PHP
掌握现代Web开发:PHP 8的新特性与最佳实践
【5月更文挑战第5天】 在当今快速发展的网络世界中,PHP作为一种流行的服务器端脚本语言,持续地演化着。最新的PHP 8版本引入了一系列令人兴奋的新特性和性能改进,为开发者提供了更加强大和灵活的工具。本文将深入探讨PHP 8中的新特性,包括联合类型、名称参数、匹配表达式等,并分享一些最佳实践,帮助开发者提高代码质量,优化性能,并确保安全性。通过这些实用技巧和示例,您将能够构建更高效、更安全的PHP应用程序。
|
7天前
|
开发框架 JavaScript 前端开发
【JavaScript 与 TypeScript 技术专栏】TypeScript 在 Web 开发中的前沿应用
【4月更文挑战第30天】TypeScript在Web开发中日益重要,以其强大的类型系统提升代码质量,支持组件化开发,与React、Vue、Angular等框架良好集成。在大型项目管理中,TypeScript助于代码组织和优化,提高团队协作效率。此外,它提升开发体验,提供智能提示和错误检测。众多成功案例证明其前沿应用,未来将在Web开发领域持续发挥关键作用。
|
8天前
|
前端开发 JavaScript 测试技术
【PHP开发专栏】PHP Web开发基础与流程
【4月更文挑战第29天】本文介绍了PHP Web开发的基础和流程,帮助初学者入门。内容包括Web服务器与PHP解释器的工作原理、HTML/CSS/JavaScript基础知识、PHP语法与数据库操作。开发流程涵盖项目规划、环境搭建、数据库设计、代码编写、测试与调试,以及部署与维护。此外,文中还强调了使用框架、代码组织、安全性及性能优化等进阶知识和最佳实践,旨在培养优秀PHP开发者。
|
8天前
|
前端开发 JavaScript 开发者
前端技术栈:探索现代Web开发的核心要素与代码实践
前端技术栈:探索现代Web开发的核心要素与代码实践
17 1
|
10天前
|
前端开发 数据管理 Ruby
blog-engine-10-middleman 静态站点生成器,利用了现代 Web 开发中的所有快捷方式和工具
这篇内容介绍了Middleman,一个基于Ruby的静态网站生成器。Middleman的特点包括静态网站生成、模板系统、前端技术支持、数据管理和简单的部署。安装步骤涉及安装Ruby和运行`gem install middleman`。使用方法包括在`source`目录编写内容,使用`middleman server`预览,`middleman build`构建网站,然后部署到服务器。Middleman的优势在于速度、灵活性和数据管理,但需要Ruby知识,且社区规模较小。适合熟悉Ruby并寻求强大建站工具的用户。
|
10天前
|
存储 缓存 JSON
【Web开发】会话管理与无 Cookie 环境下的实现策略
【Web开发】会话管理与无 Cookie 环境下的实现策略
|
13天前
|
开发框架 前端开发 安全
Java从入门到精通:2.2.2学习使用Spring框架进行Web应用开发
Java从入门到精通:2.2.2学习使用Spring框架进行Web应用开发
|
13天前
|
设计模式 存储 前端开发
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式

推荐镜像

更多