Question

我正在学习Java EE技术。有没有办法我可以使用Eclipse调试器逐步执行代码并逐步查看它是如何工作的？例如，这是一个简单的html5 + restful服务。

我有没有办法从index.html java脚本调试，并在Eclipse中逐步执行代码？这将是学习这些东西的最佳方式。

非常感谢。

/**
 * A simple CDI service which is able to say hello to someone
 * 
 * @author Pete Muir
 * 
 */
public class HelloService {

String createHelloMessage(String name) {
    return "Hello " + name + "!";
}
}

@Path("/")
public class HelloWorld {
@Inject
HelloService helloService;

@POST
@Path("/json/{name}")
@Produces("application/json")
public String getHelloWorldJSON(@PathParam("name") String name) {
    System.out.println("name: " + name);
    return "{\"result\":\"" + helloService.createHelloMessage(name) + "\"}";
}

/** A simple rest service saying hello */
@POST
@Path("/xml/{name}")
@Produces("application/xml")
public String getHelloWorldXML(@PathParam("name") String name) {
    System.out.println("name: " + name);
    return "<xml><result>" + helloService.createHelloMessage(name) + "</result></xml>";
}
}

然后，前端html 5 + java脚本。

<html>
<head>
<title>HTML5 + REST Hello World</title>
<link rel="stylesheet" href="css/styles.css"/>
<script type="text/javascript"     src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$( document ).ready( function() {
$( '#sayHello' ).click( function( event ) {
    event.preventDefault();

    var result = $( '#result' ),
        name = $.trim( $( '#name' ).val() );

    result.removeClass( 'invalid' );

    if( !name || !name.length ) {
        result.addClass( 'invalid' ).text( 'A name is required!' );
        return;
    }
    //console.log("clicked: " + name);
    $.ajax( 'hello/json/' + name, {
        dataType:'json',
        data:{},
        type:'POST',
        success:function ( data ) {
            //console.log("success: " + data.result);
            $( '#result' ).text( data.result );
        }
    })
    .error( function() {
        //console.log("error");
    });
});
}); // (document).ready
</script>
</head>
<body>
HTML5 + REST Hello World<br>
<form name="theForm">
<fieldset>
    <label for="name" id="name_label">Name</label>
    <input name="name" id="name" type="text" required placeholder="Your Name"/>
    <input type="submit" id="sayHello" value="Say Hello"/><span id="result"></span>
</fieldset>
</form>

Answer 1

通常对于任何html / css / javascript代码，我使用Chrome浏览器内置的Dev Tool进行调试。您还可以安装Eclipse插件，以便您逐步完成Javascript。

https://www.youtube.com/watch?v=_uzSw_fb7NQ

http://www.eclipse.org/webtools/jsdt/debug/

Rhino调试器已存在多年。

对于通过Web Service进行操作，您可以在eclipse中编写测试类和/或设置断点。

本教程将有助于.... http://wso2.com/library/tutorials/debug-your-axis2-web-service-3-steps-using-eclipse/

如何在eclipse中调试Web服务应用程序？

1 个答案: