Andres Felipe Blog's

My WordPress Blog

Etiqueta: Controlador

7. Controladores con AngularJS

angularjs-logo

Principalmente en una aplicación AngularJS depende del controlador para administrar el flujo de datos. Un controlador es definido con la directiva ng-controller. Un controlador es un objeto Javascript que contiene atributos o propiedades y funciones. Cada controlador tiene acepta un parámetro llamado $scope, el cual se refiere a la aplicación y/o modulo que este administra.

[gist]939018821725574736ab[/gist]

El controlador se declara con la directiva ng-controller, ahora se define el controlador.

[gist]cbfed1ea35b9faf3a7b4[/gist]

  • EstudiantesController se define como un objeto de javascript que recibe un parámetro $scope.
  • $scope se refiere a la aplicación o modulo que esta haciendo uso del controlador.
  • $scope.estudiante es una propiedad del controlador
  • nombre y apellido son dos atributos del objeto $scope.estudiante y son declarados por defecto.
  • nombreCompleto es una función del objeto $scope.estudiante, el cual concatena el nombre y el apellido.

Ahora, para utilizar los elementos del controlador en la vista, necesitamos de la directiva ng-model.

[gist]8ecf1ac9b0cd700fca57[/gist]

  • Se empaqueta los dos atributos del objeto $scope.estudiante en dos controles de entrada (<input>) .
  • Para obtener el nombre completo, se llama la función $scope.nombreCompleto
  • Si edita cualquier elemento contenido en los controles de entrada (<input>) se actualizaran automanticamente.

Ejecutar: https://jsfiddle.net/AFelipeTrujillo/7v1ajmes/1/

aprendiendo-asp-net-mvc-4-parte-5-vistas

Aprendiendo ASP.NET MVC 4 [Parte 5] – Vistas

Hola a todos !! hoy les presento un nuevo articulo sobre ASP.NET MVC 4, el tema de hoy es entender el manejo de vistas a través del motor de plantillas Razor. Antes de iniciar, debemos saber que el MVC incluye dos motores de vistas (view engines):

  • ASPX view engine: Es el motor original incluido desde la versión 1 de MVC y la sintaxis es similar a los Web Forms.
  • Razor view engine: Es el nuuevo motor de plantillas incluido desde la versión 4 de MVC y posee una sintaxis mas simple y fluida.

Estas son algunas comparaciones entre los motores:

ASPX

1
2
<%--ASPX--%>
<%=DateTime.Now %>

Razor

1
2
@*Razor*@
@DateTime.Now

Ambos códigos hacen los mismo, simplemente muestran en pantalla la  fecha y la hora actual; pero podemos ver una gran diferencia entre un motor y otro; con razor es menos código comparado con Aspx.

Leer más

Entendiendo el Patron MVC (Modelo, Vista, Controlador)

entendiendo-el-patron-mvc-modelo-vista-controladorHola a todos de nuevo, vengo hoy con un articulo que voy a referenciar en mis otras publicaciones que tengan que ver con desarrollo de software y que esten relacionados a este patrón. Hoy en día es notable que muchos frameworks han optado por utilizar este patrón de desarrollo algunos son Symfony (PHP), Ruby and Rails (Ruby), ExpressJs (NodeJS), Spring MVC (Java) o ASP.NET MVC (.Net). Así que es muy importante que los desarrolladores y estudiantes de ingenieria tenga claro este concepto y la importancia de este concepto en la Ingenieria de Software.

Leer más

Aprendiendo ASP.NET MVC 4 [Parte 4] – Controladores

aprendiendo-net-mvc4Saludos !! En el articulo de hoy es sobre el desarrollo de Controladores en ASP.NET MVC 4. En el articulo anterior se estudio el caso de las rutas dinámicas en Framework, si ya conoces del tema no importe pero si eres principiante te recomiendo que le eches una mirada ;).

Como dije en el comienzo el tema de hoy es la creación de Controladores, el Controlador es simplemente una clase si solo una clase, no es mas. El nombre de la clases debe tener la siguiente forma <nombre_controlador>Controller, no es mas.Si recuerdan el segundo articulo, donde definimos el proyecto caso de estudio y la generación de la base de datos, pues hoy voy a crear el primer controlador para software How You Seen Me?. También les explicare las diferentes forma de usar la clase ActionResult, a través de un sencillo ejemplo.

Leer más

Creado con WordPress & Tema de Anders Norén