Downloaded 71 times
Uploaded byLoiane Groner
JavaOne Brazil 2015: Java e HTML5
Java and HTML5 are an explosive combination for corporate applications. The document discusses how Java, HTML5, and JavaScript can be used together to build responsive web and mobile applications. It provides examples of using technologies like REST APIs, JSON, JSP, and frameworks like AngularJS and Atmosphere to develop applications with a separation of concerns between the front-end and back-end.
JavaOne Brazil 2015: Java e HTML5
- 1. Java e HTML5 combinaçãoexplosiva para aplicativos corporativos Loiane Groner @loiane http://loiane.com
- 2. • 9+ XPTI •Java, Sencha, Phonegap (mobile híbrido) • http://loiane.com • Livros: Loiane Groner
- 3. Evolução Java eHTML/JS
- 4. <% String usuario =request.getParameter("usuario"); if ( usuario != null && usuario.length() > 0 ) { %> <%@include file="response.jsp" %> <% } %>
- 5. <c:forEach var="contato" items="${dao.lista}"> ${contato.nome},${contato.email}, ${contato.endereco}, ${contato.dataNascimento} </c:forEach>
- 7.
- 8. Header - MENU Footer Redirecionapara: listarCliente.jsp editarCliente.jsp excluirCliente.jsp criarCliente.jsp index.jsp
- 9.
- 11.
- 13.
- 14.
- 16.
- 18.
- 19.
- 21.
- 23.
- 24.
- 26.
- 27. APIs REST Banco deDados JSON JSON
- 28.
- 29.
- 30. • Nativo • Responsivo •Web App • App Híbrida
- 31.
- 32.
- 33.
- 34.
- 36. <nome>Cliente 01</nome> <endereco>Rua Inventada41</endereco> <cidade>São Paulo</cidade> <cnpj>66.260.339/0001-35</cnpj>
- 37. DocumentBuilderFactory docFactory =DocumentBuilderFactory.newInstance(); DocumentBuilder docBuilder = docFactory.newDocumentBuilder(); Document doc = docBuilder.newDocument(); Element rootElement = doc.createElement("cliente"); doc.appendChild(rootElement); Element name = doc.createElement("nome"); name.appendChild(doc.createTextNode("Cliente 01")); rootElement.appendChild(name);
- 38. var xml ="<rss version='2.0'><channel><title>RSS Title</title></channel></rss>", xmlDoc = $.parseXML( xml ), $xml = $( xmlDoc ), $title = $xml.find( "title" ); https://github.com/johngeorgewright/angular-xml
- 40. { "nome":"Cliente 01", "endereco":"Rua Inventada41", "cidade":"São Paulo", "cnpj":"66.260.339/0001-35" }
- 41. JSONObject obj=new JSONObject(); obj.put("name","foo"); obj.put("num",newInteger(100)); obj.put("balance",new Double(1000.21)); obj.put("is_vip",new Boolean(true)); obj.put("nickname",null);
- 42. @RequestMapping(value="/contact/create.action") public @ResponseBody Map<String,?extends Object> create(@RequestBody ContactWrapper data) throws Exception { try{ List<Contact> contacts = contactService.create(data.getData()); return ExtJSReturn.mapOK(contacts); } catch (Exception e) { return ExtJSReturn.mapError("Error trying to create contact."); } } http://wiki.fasterxml.com/JacksonHome
- 43. @POST @Produces("application/json") @Consumes({"application/xml", "application/json"}) public ExtJSContactReturncreate(String json) throws IOException, JSONException { ContactWrapper wrapper = new ContactWrapper(json); Contact entity = wrapper.getContact(); super.create(entity); List<Contact> contacts = new ArrayList<Contact>(); contacts.add(entity); ExtJSContactReturn extReturn = new ExtJSContactReturn(String.valueOf(contacts.size()), contacts, true); return extReturn; }
- 44. JsonBuilderFactory factory =Json.createBuilderFactory(config); JsonObject value = factory.createObjectBuilder() .add("firstName", "John") .add("lastName", "Smith") .add("age", 25) .add("address", factory.createObjectBuilder() .add("streetAddress", "21 2nd Street") .add("city", "New York") .add("state", "NY") .add("postalCode", "10021")) .add("phoneNumber", factory.createArrayBuilder() .add(factory.createObjectBuilder() .add("type", "home") .add("number", "212 555-1234")) .add(factory.createObjectBuilder() .add("type", "fax") .add("number", "646 555-4567"))) .build();
- 45.
- 48. @ServerEndpoint("/chat") public class ChatBean{ Set<Session> peers = Collections.synchronizedSet(...); @OnOpen public void onOpen(Session peer) { peers.add(peer); } @OnClose public void onClose(Session peer) { peers.remove(peer); } @OnMessage public void message(String message, Session client) { for (Session peer : peers) { peer.getRemote().sendObject(message); } } }
- 49.
- 50. import org.atmosphere.config.service.ManagedService; import org.atmosphere.cpr.AtmosphereResponse; importorg.atmosphere.handler.OnMessage; @ManagedService(path = "/echo") public class Echo { @Message public void onMessage(AtmosphereResponse res, String m) { res.write("Echo: " + m); } } $(function () { var request = { url: document.location.toString() + 'echo', transport : "websocket" , fallbackTransport: 'long-polling'}; request.onMessage = function (response) { console.log(response.responseBody) }; $.atmosphere.subscribe(request).push("Hello"); }
- 51.
- 58.
- 59. desabilitar código HTML desabilitareditar código fonte
- 60.
- 61.
- 62.