Transferir como PDF, PPTX
Carregado porLoiane Groner
Javaone Brazil 2012: Integrando Ext JS 4 com Java EE
O documento discute a integração do framework Ext JS com Java EE, incluindo prós e contras dos diferentes frameworks e cuidados necessários. Ele também apresenta exemplos de arquitetura para projetos que utilizam Ext JS e Java, além de opções para comunicação entre as tecnologias.
Javaone Brazil 2012: Integrando Ext JS 4 com Java EE
- 1. Integrando Ext JS4 com Java EE Diferentes Frameworks: Prós e Contras e alguns cuidados que devemos ter Loiane Groner @loiane http://loiane.com
- 2. Loiane Groner Apaixonada porJava e Sencha 7+ XP Java 4+ XP Sencha Software Development Manager @ Citibank @loiane http://loiane.com
- 3. http://www.dfjug.org/ amigos.jsp
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. Incluir JS emcada jsp?
- 15. Incluir JS emcada jsp? listarCliente.jsp <script> listarCliente.js?
- 16. Incluir JS emcada jsp? listarCliente.jsp <script> listarCliente.js? Não é assim em Ext JS!
- 17. Projeto Java +Ext JS 1 index.jsp apenas
- 18. Projeto Java +Ext JS 1 index.jsp apenas Ext JS também usa MVC
- 19.
- 20. Código precisa serorganizado Boas práticas precisam ser seguidas Fácil manutenção Fácil trabalho em equipe
- 21.
- 22. Ext JS Carrega eGerencia dados da app Dados dos requests da View
- 23. Java POJO Representa entidade banco de dados
- 25.
- 26. Ext JS Gerencia dadosna View Componentes UI
- 27. Java JSP Ext JS assume responsabilidade
- 28. Java JSP Ext JS assume responsabilidade MVC dentro de MVC!!!
- 31.
- 33. Ext JS Gerencia inputsdo usuário Atualiza Model e View
- 34. Java Gerencia requestsda view... Enviar request pro Serviço (opcional)... Retorna response para a View
- 35. Java Gerencia requestsda view... Enviar request pro Serviço (opcional)... Retorna response para a View View == Ext JS
- 36.
- 37. Java Classe DAO Comunicação com Banco Hibernate, JPA ou outro
- 38. Ext JS Não comunicacom bando de dados Stores - Coleção de Models Proxies - comunica com Server
- 39. Arquitetura Ext JS 4+ Java
- 41.
- 42.
- 43.
- 44.
- 45. //Create a JSON object to wrap your JSOn array JSONObject myObj = new JSONObject(); //sets success to true myObj.put("success", true); //set the JSON root to items myObj.put("root", arrayObj); //set the total number of Items myObj.put("total", itemInformation.getTotalCount()); //convert the JSON object to string and send the response out.println(myObj.toString()); out.close();
- 46.
- 47.
- 48.
- 49.
- 51.
- 52. public void list() { result.use(ExtJSJson.class).from(this.contactDao.list()) .success(true).serialize(); }
- 53. @Post @Consumes("application/json") public void create(Contact data){ this.contactDao.create(data); result.use(ExtJSJson.class).from(data) .success(true).serialize(); }
- 54.
- 55.
- 56.
- 57.
- 58. public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception { //obtém o parâmetro de início String iniParam = request.getParameter("start"); int inicio = (iniParam == null) ? 0 : Integer.parseInt(iniParam); //gera os contatos List<Contato> contatos = GerenciaContatos.getJson(inicio); Map<String,Object> modelMap = new HashMap<String,Object>(2); modelMap.put("total", GerenciaContatos.LIMITE); modelMap.put("rows", contatos); return new ModelAndView("jsonView", modelMap); }
- 59.
- 60. @RequestMapping(value="/contact/view.action") public @ResponseBody Map<String,? extends Object> view(@RequestParam int start, @RequestParam int limit) throws Exception { try{ List<Contact> contacts = contactService.getContactList(start,limit); int total = contactService.getTotalContacts(); return ExtJSReturn.mapOK(contacts, total); } catch (Exception e) { return ExtJSReturn.mapError("Error retrieving Contacts from database."); } }
- 61. public static Map<String,Object> mapOK(List<Contact> contacts){ Map<String,Object> modelMap = new HashMap<String,Object>(3); modelMap.put("total", contacts.size()); modelMap.put("data", contacts); modelMap.put("success", true); return modelMap; }
- 62.
- 63. Forms Upload de Arquivos (Ajax Request)
- 64.
- 65. Envio (server) de Nested Models (Associations)
- 66.
- 67.
- 68.
- 69.
- 70. WebServices - ExtJS? $21,950
- 71. WebServices - ExtJS? $21,950 #Fail!
- 72.
- 73.
- 75. . . Views Views . Controllers Models Stores Proxies Servidor == Java on n
- 76.
- 77.