2014-09-28 109 views
1

我正在學習Java EE技術。有沒有一種方法可以使用Eclipse調試器來逐步瀏覽代碼並逐步瞭解其工作原理?例如,這是一個簡單的html5 +寧靜服務。如何在Eclipse中調試Web服務應用程序?

有沒有什麼辦法可以從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> 

+0

您可以嘗試在Eclipse – Ashish 2014-09-28 04:49:29

+0

使用斷點,但不能設置在JavaScript突破點。 – marlon 2014-09-28 04:53:39

+0

只有Java代碼在您的服務器上運行。您可以在Eclipse內部調試它,當它在應用程序服務器上運行時。 HTML和Javascript在您的瀏覽器上運行,因此您必須使用瀏覽器插件(Firebug for FireFox)對它們進行調試。 – t0mppa 2014-09-28 05:14:29

回答

相關問題