Ejemplo Sencillo de Spring MVC+AngularJS+BOOTSTRAP+JSON data

El siguiente proyecto es un demos de como funciona una aplicación web con AngularJS, la gracia de este framework es disminuir las idas al servidor para mostrar contenido.

AngularJS es un framework de JavaScript de código abierto, mantenido por Google, que ayuda con la gestión de lo que se conoce como aplicaciones de una sola página. Su objetivo es aumentar las aplicaciones basadas en navegador con capacidad de Modelo Vista Controlador (MVC), en un esfuerzo para hacer que el desarrollo y las pruebas sean más fáciles.

El tradicional ciclo de response seria:

 

En cambio el ciclo con AngularJs seria:

 

Ahora la configuración del proyecto:

 

 Controlador de spring mvc:

import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.servlet.ModelAndView;



/**
 *
 * @author luxo
 */
@Controller
public class DemoAngular  {
    
    public DemoAngular() {

    }
    
    @RequestMapping(value = "/demoangular", method = RequestMethod.GET)
    protected ModelAndView demoAngularRequest(HttpServletRequest request,
            HttpServletResponse response, Model model) throws Exception {
    ModelAndView m = new ModelAndView("/jsp/demoAngular");
    return m;
    }
   
}

configuración del despachador (dispatcher-servlet.xml):

archivo web.xml

    demoSpringAngular
    
        dispatcher
        org.springframework.web.servlet.DispatcherServlet
        1
    
    
        ResponseOverrideFilter
        *.htm
    
    
        ResponseOverrideFilter
        *.jsp
    
    
        dispatcher
        *.htm
    
    
        contextConfigLocation
        /WEB-INF/dispatcher-servlet.xml
    
    
        
            30
        
    
    
        redirect.jsp
    

Pagina web jsp:

    
        
        
        
        
        
        
        
        
    

    
        

        

        

        

        

                

                    


                        

                            
edad 
                            
id 
                            
Name 
                            
snippet 

                        
                    
                    

                        

                            
{{i.age}}
                            
{{i.id}}
                            
{{i.name}}
                            
{{i.snippet}}
                        
                    
                
                
            
        

    

Bajar proyecto en netbeans