Csharping

Action vs Func

admin — Mon, 23 May 2011 21:47:26 +0000

Action encapsula un método que tiene un parámetro como entrada y no devuelve ningún valor.
Func encapsula un método que tiene un parámetro de entrada y devuelve un objeto del tipo especificado en TResult.

Ambos pueden ser sustituidos por un delegado pero tienen la ventaja que al usarlos no tenemos que definir delegados como veremos en el siguiente par de ejemplos. En el primero usaremos action para mostrar un mensaje por pantalla y en el segundo usaremos func para contar el numero de letras de una cadena.

using System;
using System.Windows.Forms;

public class ExampleAction
{
   public static void Main()
   {
      Action messageTarget; 

      if (Environment.GetCommandLineArgs().Length > 1)
         messageTarget = delegate(string s) { ShowWindowsMessage(s); };
      else
         messageTarget = delegate(string s) { Console.WriteLine(s); };

      messageTarget("Hello, World!");
   }

   private static void ShowWindowsMessage(string message)
   {
      MessageBox.Show(message);
   }
}

using System;

public class ExampleFunc
{
   public static void Main()
   {
      Func countLetters= delegate(int s)
         { return s.Lenght();}; 

      string name = "Dakota";
      Console.WriteLine(countLetters(name));
   }
}

Como ejercicio facilito ¿Que muestra por pantalla el siguiente ejemplo?

using System;
using System.Collections;
using System.Collections.Generic;
using System.Linq;

static class Func
{
   static void Main(string[] args)
   {
      // Declare a Func variable and assign a lambda expression to the
      // variable. The method takes a string and converts it to uppercase.
      Func selector = str => str.ToUpper();

      // Create an array of strings.
      string[] words = { "orange", "apple", "Article", "elephant" };
      // Query the array and select strings according to the selector method.
      IEnumerable aWords = words.Select(selector);

      // Output the results to the console.
      foreach (String word in aWords)
         Console.WriteLine(word);
   }
}

[[Visit blog to check out this spoiler]]

Enlaces:
Action Delegate MSDN
Func Delegate MSDN

Volatile variable declaration

admin — Sun, 08 May 2011 19:16:21 +0000

Cuando usamos volatile para un campo estamos indicando que ese campo sera usado por varios thread que se ejecutan concurrentemente. Basicamente es lo mismo que usar la sentencia “lock” antes de acceder a esa variable, un ejemplo de codigo declaración de un campo volatile es muy simple.

    class VolatileExample
    {
        public volatile int i;

        public void Set(int _i)
        {
            i = _i;
        }
    }

Un campo declarado como volatile no se le realiza ninguna optimizacion al compilar, de esta forma se asegura que el valor que contiene el campo es el valor mas reciente.
Para mas información podeis consultar lo que dice la msdn sobre volatile

MVC 3 Ejemplo de Test

admin — Sun, 24 Apr 2011 10:22:01 +0000

Para desarrollar este ejemplo vamos a usar el proyecto de Ajax Tabs MVC ejemplo, no os preocupeis que en el zip adjunto los dos proyectos. Crear un test es facil y si nos acostumbramos a crear test para todos nuestros proyectos desarrollaremos productos de mejor calidad. Vamos a crear los test en 3 pasos.

Paso 1. Boton derecho sobre la clase HomeController y selecciona “Create Unit test” o “Crear test unitarios”

Paso 2. Selecciona Home() y Index() para crear un esqueleto basico de test. Luego pincha ok.

Paso 3. Ya tenemos la clase HomeControllerTest tenemos que limpiarla de comentarios y a adir un par de condiciones de validacion. Justo debajo esta el codigo.

using MvcAjaxTabsExample.Controllers;
using Microsoft.VisualStudio.TestTools.UnitTesting;
using System;
using Microsoft.VisualStudio.TestTools.UnitTesting.Web;
using System.Web.Mvc;

namespace MvcAjaxTabsExample.test
{
    [TestClass()]
    public class HomeControllerTest
    {
        #region Additional test attributes
        //
        //You can use the following additional attributes as you write your tests:
        //
        //Use ClassInitialize to run code before running the first test in the class
        //[ClassInitialize()]
        //public static void MyClassInitialize(TestContext testContext)
        //{
        //}
        //
        //Use ClassCleanup to run code after all tests in a class have run
        //[ClassCleanup()]
        //public static void MyClassCleanup()
        //{
        //}
        //
        //Use TestInitialize to run code before running each test
        //[TestInitialize()]
        //public void MyTestInitialize()
        //{
        //}
        //
        //Use TestCleanup to run code after each test has run
        //[TestCleanup()]
        //public void MyTestCleanup()
        //{
        //}
        //
        #endregion

        [TestMethod()]
        public void IndexTest()
        {
            HomeController target = new HomeController();
            var viewTarget = target.Index();
            Assert.AreEqual( target.ViewBag.Message, "Welcome to ASP.NET MVC!" );
            Assert.AreEqual( viewTarget.GetType(), typeof( ViewResult ) );
        }

        [TestMethod()]
        public void HomeTest()
        {
            HomeController target = new HomeController();
            var viewTarget = target.Home();
            Assert.AreEqual( target.ViewBag.Message, "Welcome to ASP.NET MVC!" );
            Assert.AreEqual( viewTarget.GetType(), typeof( PartialViewResult ) );
        }
    }
}

Solo me queda comentar que los metodos comentados del codigo sirven para inicializar o limpiar los resultados de los test. Unos se ejecutan antes de cada test, otros depues etc. En este caso no pero si trabajamos con bases de datos querremos dejar la base de datos en el mismo estado que cuando realizamos el test. El codigo del proyecto completo lo podeis encontrar aqui debajo.

Descarga el Ejemplo de Unit Test usando MVC3

MVC Ajax Grid with jqGrid

admin — Mon, 18 Apr 2011 10:03:13 +0000

Hoy tengo preparado un codigo para desarrollar un Grid usando jqGrid y MVC, los pasos que vamos a seguir van a ser los siguientes:
- Primero vamos a hacer un grid que muestre los datos existentes en una tabla de una base de datos sql. El grid recibira los datos como una cadena Json.
- Segundo vamos a hacer posible editar las filas.
- Tercero vamos a crear un boton para añadir nuevas filas.
- Ultimo un boton de borrar.

MVC 3 JqGrid mostrar datos usando Json

Descargamos JqGrid con todo, tened cuidado porque si quitais “FormEditing” se nos jode el ejemplo. Añadimos los archivos css y .js a nuestro proyecto y tenemos que referenciarlos, yo lo hago desde Index.aspx

    <%--CSS Files--%>
    
    
    

    <%--jQuery Library--%>
    

    <%--Must load language tag BEFORE script tag--%>

Hoy estaba un poco vago y añadi el javascript dentro del propio index, pero lo suyo es hacerlo en un fichero aparte, lo mas importante del codigo de abajo es el parametro url: ‘/Home/LinqGridData/’ de donde obtenemos los datos, y las columnas que definimos justo debajo. A este codigo la añadiremos mas adelante las opciones para poder editar el grid, asi que no lo perdais de vista.

    <%--jqGrid Code - refer http://www.trirand.com/blog/jqgrid/jqgrid.html --%>

Llegamos a la parte mas dificil del ejemplo, lo mas complicado aqui es formatear los datos para enviarlos como una cadena Json, el grid va a llamar a /Home/LinqGridData/ con lo cual tenemos que crear esa accion y devolver los datos. La estructura de datos contiene el numero total de paginas, la pagina actual, el total de filas y un ultimo campo con una lista de objetos que contiene nuestra informacion. Cada objeto de esa lista esta formado por el id del objeto y un array de string con los valores que se ven en el grid.

        public JsonResult LinqGridData(string sidx, string sord, int page, int rows)
        {

            var db = new MovieDBContext();
            var dbd = db.Database;
            var movies = from m in db.Movies
                         where m.ReleaseDate > new DateTime( 1984, 6, 1 )
                         select m;

            int pageIndex = Convert.ToInt32( page ) - 1;
            int pageSize = rows;
            int totalRecords = movies.Count();
            int totalPages = (int)Math.Ceiling( (float)totalRecords / (float)pageSize );

            List l = GetRowsFromList( movies );

            var jsonData = new
            {
                total = totalPages,
                page = page,
                records = totalRecords,
                rows = l
            };
            return Json(jsonData);
        }

        private static List GetRowsFromList( IQueryable movies )
        {
            List l = new List();
            foreach ( var movie in movies )
            {
                l.Add( new
                {
                    id = movie.ID,
                    cell = new string[] {String.Empty, movie.Title, movie.Genre, String.Format( "{0:M/d/yyyy}", movie.ReleaseDate ), String.Format( "{0}", movie.Price ), movie.Rating }
                } );
            }
            return l;
        }

Para terminar la primera parte de este ejemplo nos falta crear el html correspondiente que no puede ser mas simple.

MVC 3 JqGrid Editable con Json

Esta parte es mas corta que la anterior, ya tenemos una base y ahora hay que construir encima. Vamos a empezar configurando el javascript. Necesitamos añadir editurl: ‘/Home/EditGridData/’, la direccion donde se hará la llamada Ajax para actualizar los campos en la base de datos, tenemos que poner las columnas como editables y crear una nueva columna que contenga los botones para editar, salvar y cancelar. La columna con los botones la creamos en el metodo gridComplete, ahi pegamos los botones.El codigo queda tal que asi.

    <%--jqGrid Code - refer http://www.trirand.com/blog/jqgrid/jqgrid.html --%>

El siguiente paso es ir al Home cotroller y crear la accion para editar. Esta debe ser de tipo Post y tiene que contener un parametro por cada columna editable, añadiendo el id, como es un ejemplo no pongo ningun codigo para actualizar la base de datos, y por supuesto es imprescindible validar los parametros de entrada, como deberes te dejo investigar como hacer una validacion javascript .Veamos el codigo para EditGridData.

        [HttpPost]
        public void EditGridData( Guid id, string title, string genre, DateTime releaseDate, decimal price, string rating )
        {

            var newMovie = new Movie()
            {
                ID = id,
                Title = title,
                ReleaseDate = releaseDate,
                Price = price,
                Rating = rating
            };
            // Put your database code here.
        }

En este punto deberias ver un grid como el de la imagen, si no es asi no te preocupes posiblemente la he cagado en alguna parte de este tutorial.

MVC 3 JqGrid Editable, con boton de Añadir

En este nivel ya tenemos nuestro grid editable, ya somos unos maestros del jqGrid y podemos escribir articulos molones como este en nuestro blog, como estoy un poco cansado de escribir y lo que queda es un poco mas de lo mismo, voy a ir un poco mas rapido.
Creamos el button en el html y le añadimos la funcionalidad usando javascript.

    <%-- HTML Required--%>
    My Grid Data

El principio de la funcion javascript OnReady es el mismo veamos lo que ha cambiado.

              rowList: [5, 10, 20, 50],
              sortname: 'Id',
              sortorder: "desc",
              viewrecords: true,
              caption: 'My first grid'
          });
          $("#list").navGrid("#pager", { edit: false, add: false, del: false });
          $("#addData").click(function ()
          {
              jQuery("#list").jqGrid('editGridRow', "new", { height: 280, reloadAfterSubmit: false });
          });
      });

Si añadimos una nueva pelicula esto va a petar, porque la url que se utiliza es la misma que para editar, y nos va a decir que el parametro id Guid no es opcional. Obviamente acabamos de crear una nueva pelicula y no hemos creado un nuevo Guid, para solucinar esto tenemos que hacer dos cosas. Primero cambiar el tipo del parametro a un nullable Guid dentro del Action. Y segundo tocar la table de routing dentro de Global.asax para definir el parametro como opcinal. Veamos el codigo.

        [HttpPost]
        public void EditGridData( Guid id, string title, string genre, DateTime releaseDate, decimal price, string rating )
        {

            var newMovie = new Movie()
            {
                ID = id,
                Title = title,
                ReleaseDate = releaseDate,
                Price = price,
                Rating = rating
            };
            // Put your database code here.
        }

Dentro Global.asax vemos.

    public class MvcApplication : System.Web.HttpApplication {
        public static void RegisterRoutes(RouteCollection routes) {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

            routes.MapRoute(
                "EditGrid",                                              // Route name
                "Home/EditGridData/{id}",                           // URL with parameters
                new { controller = "Home", action = "EditGridData", id= UrlParameter.Optional }  // Parameter defaults
            );

            routes.MapRoute(
                "Default",                                              // Route name
                "{controller}/{action}/{id}",                           // URL with parameters
                new { controller = "Home", action = "Index", id = "" }  // Parameter defaults
            );

        }

        protected void Application_Start() {
            RegisterRoutes(RouteTable.Routes);
        }
    }

MVC 3 JqGrid Añadir, editar y borrar

En este paso seguiremos una dinamica parecida al anterior y aprovecharemos para retocar el metodo EditGriddata. Empezamos añadiendo el boton en html y el javascript.

    <%-- HTML Required--%>
    My Grid Data

Vemos la parte nueva de la funcion Javascript OnReady.

          $("#addData").click(function ()
          {
              jQuery("#list").jqGrid('editGridRow', "new", { height: 280, reloadAfterSubmit: false });
          });
          $("#delData").click(function ()
          {
              var gr = jQuery("#list").jqGrid('getGridParam', 'selrow');
              if (gr != null) jQuery("#list").jqGrid('delGridRow', gr, { reloadAfterSubmit: true });
              else alert("Please Select Row to delete!");
          });

      });

En la operacion de borrar, los unicos parametros que nos llegan del post son “id” and “oper” (tipo de operacion), luego tenemos que arreglar Global.asax y EditGridMethod para hacer el resto de los parametros opcionales. Tambien rescribiremos un poco EditGridData para separar la funcionalidad de editar, borrar y añadir.

        [HttpPost]
        public void EditGridData( Guid? id, string title, string genre, DateTime? releaseDate, decimal? price, string rating, string oper )
        {
            switch ( oper )
            {
                case "add": //Validate Input ; Add Method
                    break;
                case "edit":  //Validate Input ; Edit Method
                    break;
                case "del": //Validate Input ; Delete Method
                    break;
                default: break;
            }
        }

Veamos Global.asax.

        public static void RegisterRoutes(RouteCollection routes) {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

            routes.MapRoute(
                "EditGrid",                                              // Route name
                "Home/EditGridData/{id}",                           // URL with parameters
                new { controller = "Home", action = "EditGridData", id = UrlParameter.Optional , releaseDate = UrlParameter.Optional , price = UrlParameter.Optional }  // Parameter defaults
            );

            routes.MapRoute(
                "Default",                                              // Route name
                "{controller}/{action}/{id}",                           // URL with parameters
                new { controller = "Home", action = "Index", id = "" }  // Parameter defaults
            );

        }

Conclusion

El grid facilita bastante el desarrollo pero tambien limita bastante, un gran inconveniente (que tiene solucion) es la validacion, no existe una forma facil de validar los datos y devolver una respuesta al usuario. En cuanto al estilo y colores existen diferentes plantillas a elegir, que te salvan de un apuro. No me gusta mucho la dependencia del codigo Javascript, casi toda la configuracion se realiza en javascript y me gustaria tener un control que se pueda configurar mediante codigo c#. En lineas generales hace un buen trabajo y segun mi punto de vista es el mejor grid hasta el momento.

Ejemplo Javascript compactor con MVC

admin — Sun, 10 Apr 2011 10:38:55 +0000

La idea principal de este tutorial es mejorar el tiempo de respuesta de nuestra aplicacion, hay veces que tenemos muchos archivos javascript con poco peso, y como lleva mas tiempo realizar el get de 20 archivos de poco peso que el de un solo archivo con todo el contenido,
vamos a implementar una solucion para juntar todos los archivos dentro de la carpeta applicationScripts en uno solo. De esta forma tambien nos olvidamos un poco de tener que declarar los nuevos archivos en la cabecera de la pagina.

Paso a paso

Step 1. Abrimos Global.asax.cs y declaramos un nuevo routing para la peticion del archivo “applicationScripts.js”

        public static void RegisterRoutes( RouteCollection routes )
        {
            routes.IgnoreRoute( "{resource}.axd/{*pathInfo}" );

            routes.MapRoute( "scripts",
            "applicationScripts.js",
            new { controller = "JavascriptCompresor", action = "Index" } );

            routes.MapRoute(
                "Default", // Route name
                "{controller}/{action}/{id}", // URL with parameters
                new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults
            );

        }

Step 2. Ahora creamos el controlador segun el codigo inferior.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Text;
using System.IO;

namespace MVCJavascriptCompactorExample.Controllers
{
    public class JavascriptCompresorController : Controller
    {
        //
        // GET: /JavascriptCompresor/

        [OutputCache(Duration=3600000)]
        public ActionResult Index()
        {
            byte[] script;
            StringBuilder sb = new StringBuilder();

            DirectoryInfo di = new DirectoryInfo( this.Request.MapPath( @"/Scripts/ApplicationScripts/" ) );

            if ( di.Exists )
            {
                var files = di.GetFiles( "*.js", SearchOption.AllDirectories );
                if ( files.Length == 0 )
                {
                    throw new HttpException( 404, "applicationScripts couldn't be generated" );
                }

                foreach ( var file in files )
                {
                    using ( StreamReader sr = new StreamReader( file.OpenRead() ) )
                    {
                        sb.Append( sr.ReadToEnd() );
                    }
                }
                script = Encoding.UTF8.GetBytes( sb.ToString() );
                return File( script, "text/javascript", "applicationScripts.js" );
            }
            throw new HttpException(404,"applicationScripts couldn't be generated");
        }

    }
}

Hemos usado el atributo OutputCache, nos permite usar ASP.NET Output Caching con las acciones de los controladores en MVC, muy util. Si miramos el codigo hemos unido todos los archivos javascript en uno, en caso de que no exista el directorio o que no contenga archivos javascript lanzamos una excepcion.

Step 3. Creamos el directorio \Scripts\ApplicationScripts y copiamos dentro los archivos javascripts que necesitemos en _Layout.cshtml

Step 4. Por ultimo escribimos la referencia en _Layout.cshtml y quitamos las referencias a los archivos que ya tenemos dentro del directorio \Scripts\ApplicationScripts

Realizando los Test de rendimiento

He usado fiddler para realizar los performance test y el resultado ha sido muy satisfactorio, demasiado, ahora cargamos 4 veces mas rapido, es porque nuestra aplicacion esta compuesta por 10 javascript files y solo un par de css etc. En un escenario normal quizas podamos reducir el tiempo de carga un 20% .

En el siguiente enlaze puedes Descargar el ejemplo javascript compactor MVC

Un Saludo y espero que les halla gustado el articulo.

Menu de navegacion con JQuery

admin — Sun, 03 Apr 2011 18:16:49 +0000

He visto un interesante ejemplo de menu con JQuery y creo que merece la pena que le echeis un vistazo. Cada vez que posiciones el raton sobre un elemento cambia la imagen del background, aqui podeis ver el tutorial completo del menu de jquery y si pinchad en el siguiente enlace si quereis ver una demo.

MVC Tabs con Ajax

admin — Sun, 27 Mar 2011 21:04:00 +0000

Con este proyecto he querido poner en practica las llamadas AJAX, y que mejor manera de hacerlo que creando unos Tabs que no requieran de postback. Primero hemos creado el proyecto basico MVC con login. Este viene por defecto con dos tabs “About” y “Home”, si pruebas clickear ahora son link normales y realizan un postback, los vamos a tunear cambiandolos por AJAX links. Para que veais que no hago trampas añadiré un campo llamado “current time field”.

Vamos por partes, abrimos _Layout.cshtml (que es como las master pages en ASP.Net) para realizar multples cambios.




    @ViewBag.Title
    
    
    
    



    

        
            
                My MVC Application
            
            Page Rendered:  @DateTime.Now.ToLongTimeString() 

            
                @Html.Partial("_LogOnPartial")
            

            

                
                    @Ajax.ActionLink( "Home", "Home", new AjaxOptions { UpdateTargetId = "ajaxBody" } ) 
                    @Ajax.ActionLink( "About", "About", new AjaxOptions { UpdateTargetId = "ajaxBody" } ) 
                    @Ajax.ActionLink( "Contact Us","Contact", new AjaxOptions { UpdateTargetId = "ajaxBody" } ) 
                    @Html.ActionLink( "Home No Ajax", "Index", "Home")
                
            
        

        
            
            
                @RenderBody()

Inicializamos los links con el jquery necesario
Creamos el campo current time field en lo alto de la pagina para que se vea bien
Creamos un div “ajax body” en la parte inferior
Cambiamos Html.ActionLink por Ajax.ActionLink

Veamos el archivo HomeController.cs

   public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Message = "Welcome to ASP.NET MVC!";

            return View();
        }

        public ActionResult About()
        {
            return PartialView();
        }

        public ActionResult Contact()
        {
            return PartialView();
        }

        public ActionResult Home()
        {
            ViewBag.Message = "Welcome to ASP.NET MVC!";

            return PartialView();
        }
    }

El Home controller es casi el mismo, lo unico que hemos añadido han sido un par de pestañas mas, todas son creadas como PartialView, y siempre devolvemos PartialView porque sino se renderizaria la pagina completa dentro del div “ajaxRcipient”. Finalmente he creado las pestañas necesarias, todas con Ajax excepto uno para que se vea la diferencia.

Realizar llamadas Ajax con MVC es limpio y facil, no hay necesidad de crear un web services simplemente llamamos a métodos dentro del controlador, esta es una de las grandes ventajas de MVC frente a ASP.Net webforms, aunque no todo en MVC es bueno, si que tiene algunas mejoras con respecto a webforms.

Descarga el ejemplo de pestañas con AJAX

Sortable with Jquery and ASP.NET

admin — Tue, 22 Mar 2011 20:47:57 +0000

Me gusto bastante el ejemplo de Sortable de Jquery y el otro dia en un rato libre lo puse a funcionar usando asp.net, lo interesante del ejemplo era hacerlo de manera que se guardara el estado entre postback, por lo que yo ordeno la lista a mi manera le doy al boton de save y por mucho que refresque recuerda el estado. Pido disculpas porque no tengo tiempo para escribir un tutorial como dios manda, pero si teneis preguntas os las respondo en los comentarios. Prometo hacer otro dia un pequeño post resumen del ejemplo.

Descarga el proyecto Sortable con Jquery y ASP.NET

Ventajas de usar Scrum

admin — Sun, 30 Jan 2011 22:05:34 +0000

Las metodologías Ágiles se caracterizan por una rápida respuesta frente a los cambios. En proyectos en los que el cliente cambia los requisitos, o estos no están bien definidos, y necesitamos ser flexibles es cuando debemos poner en marcha SCRUM.

Pero SCRUM tiene muchas otras ventajas, gracias a que SCRUM muestra resultados cada poco tiempo, podemos gestionar las expectativas del cliente de una forma mas efectiva. Con SCRUM priorizamos los requisitos por valor y coste, generamos gran parte del producto en poco tiempo y el cliente ya puede empezar a utilizar esa funcionalidad.

Y por ultimo al ser un proceso iterativo incremental vamos mejorando el proceso en cada iteración.

Para mas información podeis consultar la pagina de Scrum de la wikipedia o esta web sobre metodologias ágiles.

Conceptos básicos de herencia y polimorfismo

admin — Mon, 17 Jan 2011 22:14:37 +0000

Inheritance, ¿Que salida da el siguiente código? ¿What is the result of executing the following code?

using System;
namespace BasicTest
{
    public class A
    {
        public virtual void DoSomething()
        {
            Console.WriteLine("A doSomething");
        }
    }

    public class B:A
    {
        public void DoSomething()
        {
            Console.WriteLine("B doSomething");
        }
    }

    public class C : A
    {
        public override void DoSomething()
        {
            Console.WriteLine("C doSomething");
        }
    }

    public class D : C
    {
        public new void DoSomething()
        {
            Console.WriteLine("D doSomething");
        }
    }
    public class EntryPoint
    {
        static void Main()
        {
            A testB = new B();
            A testC = new C();
            A testD = new D();
            testB.DoSomething();
            testC.DoSomething();
            testD.DoSomething();
            Console.ReadLine();
        }
    }
}

[[Visit blog to check out this spoiler]]