Esta é a sétima parte da série ASP .Net MVC na prática, que ira abordar os conceitos e práticas que norteiam o desenvolvimento de aplicativos baseado no padrão MVC utilizando o ASP .Net

Lembre-se: você pode baixar o código desta vídeo-aula no meu repositório do GitHub, https://github.com/cleytonferrari/ASPNETmvcNaPratica

Nesta sétima vídeo-aula sobre ASP .Net MVC é abordado:

• Áreas
• Criando controller com o mesmo nome

Durante o decorrer desta vídeo-aula sobre ASP .NET MVC você verá como criar Áreas e como usa-las para separar fisica e logicamente seu site/aplicativo, entenderá como corrigir o erro de controllers com o mesmo nome e aprenderá a criar links que aponte para as novas áreas.

Ao final desta vídeo-aula você será capaz de criar separações físicas para áreas administrativas ou de conteúdo em seu site ou aplicativo.

Para saber mais:

• ASP .NET

Lembre-se você pode participar da nossa comunidade no Facebook acessando https://www.facebook.com/groups/tiselvagem/

O post Vídeo-Aula ASP.Net MVC na prática – Parte 7 apareceu primeiro em Cleyton Ferrari.

Criando o projeto para teste do Binding de Dominio

Para este exemplo foi criado um projeto em ASP .Net MVC chamado “MeusAliasDeUrl”, como template Basic, e adicionado um controller Home e uma View Index, como mostra o código abaixo.

HomeController.cs

using System.Web.Mvc;
using MeusAliasDeUrl.Models;

namespace MeusAliasDeUrl.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Host = GetHost.Pegar();
            return View();
        }
    }
}

Index.cshtml

@ {
    ViewBag.Title = "Exemplo de Bindig de Dominio";
}
<h2>@ ViewBag.Host</h2>

Também foi criado um classe com o método que retorna qual domínio está solicitando a requisição, como mostra a classe abaixo.

GetHost.cs

using System.Web;

namespace MeusAliasDeUrl.Models
{
    public class GetHost
    {
        public static string Pegar()
        {
            var url = HttpContext.Current.Request.Url.Host;   
            return url;
        }
    }
}

Configurando o Binding no IISExpress

Para configurar o alias para o nossos domínios fakes basta abrir o arquivo “applicationhost.config” que fica na pasta “Documents/IISExpress/config” do seu usuário do Windows.
No meu caso o caminho completo você pode ver abaixo.

c:\Users\Cleyton\Documents\IISExpress\config\applicationhost.config

Uma vez aberto o arquivo “applicationhost.config” basta procurar o nome do seu projeto dentro do arquivo, neste caso o projeto chama “MeusAliasDeUrl”, você vai encontrar as configurações deste seu projeto, procure a tag “binding” baseado no atributo já existente para “localhost”, crie quantos mais forem necessários, no meu caso, eu criei mais 3 domínios fakes.

<site name="MeusAliasDeUrl" id="55">
    <application path="/" applicationPool="Clr4IntegratedAppPool">
         <virtualDirectory path="/" physicalPath="C:\Users\Cleyton\Documents\Visual Studio 2012\Projects\MeusAliasDeUrl\MeusAliasDeUrl" />
    </application>
    <bindings>
        <binding protocol="http" bindingInformation="*:16529:localhost" />
        <binding protocol="http" bindingInformation="*:16529:dominiofake.com" />
        <binding protocol="http" bindingInformation="*:16529:camaraaltoparaiso.com" />
        <binding protocol="http" bindingInformation="*:16529:camaraariquemes.com" />
    </bindings>
</site>

Veja como é simples! Lembre-se de manter a porta padrão que o IISExpress gerou para o seu site, no meu caso foi a porta 16529, é logico que caso queira simular sua aplicação para que ela responda por outra porta basta trocar o numero da porta!

Configurando o Host da máquina local

Agora precisamos apontar nossos bindings de domínios para o ip da nossa máquina local, para isso precisamos editar o arquivos “c:\Windows\System32\Drivers\etc\hosts” lembre-se de abrir o editor como administrador, caso contrário você não conseguirá salvar as alterações neste arquivo.
Veja como ficou o meu arquivo Hosts.

...
127.0.0.1       dominiofake.com
127.0.0.1       camaraaltoparaiso.com
127.0.0.1       camaraariquemes.com
...

Testando os bidings de domínios

Agora basta rodar nossa aplicação em ASP .Net MVC, lembre-se de executar o Visual Studio como Administrador, caso contrário ele não terá permissão para acessar os nosso bindings.

Ao executar o Visual Studio ira chamar por padrão a url “http://localhost:16529″, basta digitar os outros domínios fakes no browser para testar a nossa aplicação.

Espero que tenham gostado desta dica ela é bastante útil quando você quer testar como sua aplicação vai se comportar com um domínio real, ou se quiser enganar algum serviço para teste, como por exemplo, ao testar aplicativos que se autenticam via Twitter por exemplo, ele não aceita o domínio localhost, ai você pode usar esta técnica de binding de domínios para testar na sua máquina a autenticação do twitter sem ter que publicar sua aplicação primeiro.
Até a próxima pessoal.

O post Domínio Fake, Alias de domínio e Binding de domínios no IISExpress apareceu primeiro em Cleyton Ferrari.

A motivação deste post veio da necessidade de importar os dados do CID (Cadastro internacional de Doenças) do DataSUS, eles fornecem os arquivos em CSV com o cadastro das Doenças catalogadas em Capítulos, Grupos, Categorias e Subcategorias, veja abaixo um pequeno trecho de um dos arquivos:

NUMCAP;CATINIC;CATFIM;DESCRICAO;DESCRABREV;
1;A00;B99;Capítulo I - Algumas doenças infecciosas e parasitárias;I.  Algumas doenças infecciosas e parasitárias;
2;C00;D48;Capítulo II - Neoplasias [tumores];II.  Neoplasias (tumores);
3;D50;D89;Capítulo III  - Doenças do sangue e dos órgãos hematopoéticos e alguns transtornos imunitários;III. Doenças sangue órgãos hemat e transt imunitár;
4;E00;E90;Capítulo IV - Doenças endócrinas, nutricionais e metabólicas;IV.  Doenças endócrinas nutricionais e metabólicas;

Reparem como funciona a estrutura dos arquivos CSV, na primeira linha temos o nome dos campos (colunas) e as demais linhas são os dados, para estes arquivos foi utilizado o “;” como separador.
Todos os demais arquivos seguem esta mesma estrutura, sabendo disto temos como fazer um parse neste arquivos e depois manipula-los em memória.

Lendo o arquivos CSV em C#

Você pode armazenar estes arquivos para a leitura em uma pasta, ou dentro do próprio projeto usando o resources, neste caso utilizei os resources.
Antes de continuar precisamos instalar um pacote do nuget chamado CsvHelper.

PM> Install-Package CsvHelper

Uma vez instalado foi criado uma classe genérica para a leitura destes arquivos

using System.Collections.Generic;
using System.IO;
using CsvHelper;
using CsvHelper.Configuration;

namespace Repositorio
{
    public class LerCsv<T> where T : class
    {
        public IEnumerable<T> Ler(string csv)
        {
            if (csv == null) return null;
            var configuracaoCsv = new CsvConfiguration { Delimiter = ";" };
            var csvReader = new CsvReader(new StringReader(csv), configuracaoCsv);
            return csvReader.GetRecords<T>();
        }
    }
}

Dentro desta classe foi criado um método Ler que recebe como parâmetro o conteúdo do arquivo CSV e retorna uma Lista de objetos que representam as linhas deste arquivo.
Uma vez criado o método genérico que fara a leitura do conteúdo do arquivo CSV qualquer objeto que for passado para este método será utilizado como estrutura que representa o arquivo CSV, para exemplificar reparem o código da classe que representa o arquivo de capítulos.csv, chamada ViewModelCapitulo.cs

public class ViewModelCapitulo
    {
        //NUMCAP: número do capítulo (em numeração arábica); se igual a zero, indica o capítulo que contém os códigos não oficialmente pertinentes à CID-10;
        [CsvField(Name = "NUMCAP")]
        public string NumeroCapitulo { get; set; }

        //CATINIC: código da primeira categoria do capítulo;
        [CsvField(Name = "CATINIC")]
        public string CategoriaInicial { get; set; }

        [CsvField(Ignore = true)]
        public int CategoriaInicialCodigo
        {
            get { return Ferramentas.TrocaLetraPorNumero(CategoriaInicial); }
        }

        //CATFIM: código da última categoria do capítulo;
        [CsvField(Name = "CATFIM")]
        public string CategoriaFinal { get; set; }

        [CsvField(Ignore = true)]
        public int CategoriaFinalCodigo
        {
            get { return Ferramentas.TrocaLetraPorNumero(CategoriaFinal); }
        }

        //DESCRICAO: descrição (nome) do capítulo; e
        [CsvField(Name = "DESCRICAO")]
        public string Descricao { get; set; }

        //DESCRABREV: descrição (nome) abreviado do capítulo, com até 50 caracteres.
        [CsvField(Name = "DESCRABREV")]
        public string DescricaoAbreviada { get; set; }
    }

Reparem que a mesma estrutura (colunas) do arquivo csv foi representada na classe usando data annotations que vem com o CsvHelper (CsvField), no exemplo a propriedade da classe “NumeroCapitulo” representa a coluna “NUNCAP” do arquivo CSV, o que significa que o valor da coluna NUNCAP será carregada para a propriedade NumeroCapitulo.
As demais propriedades seguem o mesmo modelo, exceto é claro a propriedade “CategoriaInicialCodigo” que não representa nenhuma coluna do arquivo CSV de capítulos, uma vez que foi utilizado o data annotation “[CsvField(Ignore = true)]“.

Listando os dados de um arquivo CSV em C#

Uma vez criado as classes que serão utilizadas como base para os nossos arquivos CSV, precisamos utiliza-las através do nosso método “Ler” da classe “LerCsv.cs” como mostra o código da classe abaixo.

using System.Collections.Generic;

namespace Repositorio
{
    public class Repositorio
    {
        public IEnumerable<ViewModelCapitulo> ListarCapitulos()
        {
            var recurso = Properties.Resources.CID_10_CAPITULOS;
            return new LerCsv<ViewModelCapitulo>().Ler(recurso);
        }

        public IEnumerable<ViewModelGrupo> ListarGrupos()
        {
            var recurso = Properties.Resources.CID_10_GRUPOS;
            return new LerCsv<ViewModelGrupo>().Ler(recurso);
        }

        public IEnumerable<ViewModelCategoria> ListarCategorias()
        {
            var recurso = Properties.Resources.CID_10_CATEGORIAS;
            return new LerCsv<ViewModelCategoria>().Ler(recurso);
        }

        public IEnumerable<ViewModelSubCategoria> ListarSubCategorias()
        {
            var recurso = Properties.Resources.CID_10_SUBCATEGORIAS;
            return new LerCsv<ViewModelSubCategoria>().Ler(recurso);
        }

        public IEnumerable<ViewModelGrupoCid0> ListarGruposCid0()
        {
            var recurso = Properties.Resources.CID_O_GRUPOS;
            return new LerCsv<ViewModelGrupoCid0>().Ler(recurso);
        }

        public IEnumerable<ViewModelCategoriaCid0> ListarCateogiasCid0()
        {
            var recurso = Properties.Resources.CID_O_CATEGORIAS;
            return new LerCsv<ViewModelCategoriaCid0>().Ler(recurso);
        }
    }
}

Reparem o método “ListarCapitulos” ele nos retorna uma lista (IEnumerable) de objetos da classe ViewModelCapitulo.cs, para isso foi utilizado um arquivo CSV no resources chamado “CID_10_CAPITULOS”, e o valor deste arquivo (uma string) foi passada para a nossa classe genérica “LerCsv” através do método “Ler(recurso)” o mesmo se segue para os demais arquivos CSV e métodos.

Mostrando os dados do arquivo CSV no ASP .Net MVC

Agora que temos nossa estrutura toda montada, baste chamar os métodos de nossa classe repositório dentro das actions de nossos controller em ASP .Net MVC, como mostra o código do controller Home;

using System.Linq;
using System.Web.Mvc;
using Repositorio;

namespace UI.Web.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            var repositorio = new Repositorio.Repositorio();
            var capitulos = repositorio.ListarCapitulos().ToList();
            return View(capitulos);
        }

        public ActionResult Capitulo(string id)
        {
            var repositorio = new Repositorio.Repositorio();
            var capitulo = repositorio.ListarCapitulos().FirstOrDefault(x => x.NumeroCapitulo == id);
            ViewBag.capitulo = capitulo;
            var grupos = repositorio.ListarGrupos().Where(x =>
                x.CategoriaInicialCodigo >= capitulo.CategoriaInicialCodigo &&
                x.CategoriaFinalCodigo <= capitulo.CategoriaFinalCodigo
                ).ToList();
            return View(grupos);
        }

        public ActionResult Grupo(string categoriaInicial, string categoriaFinal)
        {
            var repositorio = new Repositorio.Repositorio();
            var grupo = repositorio.ListarGrupos().FirstOrDefault(x => x.CategoriaInicial == categoriaInicial && x.CategoriaFinal == categoriaFinal);
            ViewBag.grupo = grupo;
            var capitulo = repositorio.ListarCapitulos().FirstOrDefault(x =>
                    grupo.CategoriaInicialCodigo >= x.CategoriaInicialCodigo &&
                    grupo.CategoriaFinalCodigo <= x.CategoriaFinalCodigo
                    );

            ViewBag.capitulo = capitulo;

            var categorias = repositorio.ListarCategorias().Where(x =>
                x.CodigoDaCategoriaCodigo >= grupo.CategoriaInicialCodigo &&
                x.CodigoDaCategoriaCodigo <= grupo.CategoriaFinalCodigo
                ).ToList();

            return View(categorias);
        }

        public ActionResult Categoria(string codigoDaCategoria)
        {
            var repositorio = new Repositorio.Repositorio();

            var categoria = repositorio.ListarCategorias().FirstOrDefault(x => x.CodigoDaCategoria == codigoDaCategoria);

            var subCategorias = repositorio.ListarSubCategorias().Where(x =>
               x.CodigoDaCategoria == codigoDaCategoria).ToList();

            categoria.ListaDeSubCategorias = subCategorias;

            var grupo = repositorio.ListarGrupos().FirstOrDefault(x => categoria.CodigoDaCategoriaCodigo >= x.CategoriaInicialCodigo && categoria.CodigoDaCategoriaCodigo <= x.CategoriaFinalCodigo);
            ViewBag.grupo = grupo;

            var capitulo = repositorio.ListarCapitulos().FirstOrDefault(x =>
                    grupo.CategoriaInicialCodigo >= x.CategoriaInicialCodigo &&
                    grupo.CategoriaFinalCodigo <= x.CategoriaFinalCodigo
                    );

            ViewBag.capitulo = capitulo;

            return View(categoria);
        }

        public ActionResult Detalhe(string codigo)
        {
            var repositorio = new Repositorio.Repositorio();
            var subcategoria = repositorio.ListarSubCategorias().FirstOrDefault(x => x.CodigoDaSubCategoria == codigo);
            
            return View(subcategoria);
        }

        public ActionResult Busca (string busca)
        {

            busca = Ferramentas.SubstituiAcentos(busca);
            var repositorio = new Repositorio.Repositorio();
            var subCategorias = repositorio.ListarSubCategorias().Where(x => x.DescricaoSemAcentos.ToLower().Contains(busca.ToLower())).ToList();
            ViewBag.busca = busca;
            return View(subCategorias);
        }
    }
}

Reparem a action Index e veja como foi simples listar todos os dados do capítulos de doenças utilizando a estrutura montada, bastou chamar o método “ListarCapitulos” da classe repositório e passar os valores para a View “Index.cshtml”, veja seu código.

@model List<Repositorio.ViewModelCapitulo>
@{
    ViewBag.Title = "W7SAUDE";
}
<h2>Busca CID</h2>
<div class="span12" style="margin-left: 0">
    @Html.Partial("_formBusca")
    <div class="span9">
        @foreach (var capitulo in Model)
        {
            <div class="span6" style="margin-left: 0; height: 110px; padding: 5px;">
                @{
            var titulo = capitulo.Descricao.Split('-');
            titulo[0] = titulo[0].Trim();
            titulo[1] = titulo[1].Trim();
                }
                <h2><a href="~/Home/Capitulo/@capitulo.NumeroCapitulo">@titulo[0]</a></h2>
                <p>@titulo[1]</p>
            </div>
        }
    </div>
</div>

Veja como manipular arquivos CSV se torna fácil utilizando o CsvHelper e uma classe genérica para fazer o trabalho de mapeamento para objetos.

Aproveite e veja o exemplo deste código rodando em http://cid.apphb.com/, ou baixe este código completo no meu GitHub no repositório CidDataSus.
Até breve pessoal!

O post Arquivos CSV com C# no ASP .Net MVC 4 apareceu primeiro em Cleyton Ferrari.

Validando data e moeda em ASP.Net MVC

Para exemplificar eu criei um projeto “ASP.Net MVC 4 Web Application” e usei o template “Basic”, uma vez criado o projeto foi feito os seguintes passos:

1. Globalizando o ASP.Net MVC para PT-Br

É pouco divulgado, mais existe uma versão do MVC (Microsoft.AspNet.Mvc) em Português, feita pelo pessoal do time do ASP .Net MVC da Microsoft e esta versão traduz para você as mensagens de erro para o português.
Sua instalação é bem simplificada feita usando o pacato de nuget “Microsoft.AspNet.Mvc.pt-br”, para instalar digite o seguinte comando no Package Manager Console (Tools/Library Package Manager/Package Manager Console):

PM> Install-Package Microsoft.AspNet.Mvc.pt-br

Isto irá instalar o MVC em Português, e atualizar as suas dependências.

2. Globalizando jQuery Validation para PT-Br

O jQuery Valitation é o responsável pela validação do lado do cliente, para globalizar ele para PT-Br precisamos criar um novo arquivo na pasta “Scripts” chamado “methods_pt.js” com o seguinte conteúdo:

/*
 * Localized default methods for the jQuery validation plugin.
 * Locale: PT_BR
 */
jQuery.extend(jQuery.validator.methods, {
    date: function (value, element) {
        return this.optional(element) || /^\d\d?\/\d\d?\/\d\d\d?\d?$/.test(value);
    },
    number: function (value, element) {
        return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:\.\d{3})+)(?:,\d+)?$/.test(value);
    }
});

Com isso o jQuery Validation passa a validar data no formato “dd/mm/yyyy” e moeda agora usa o separador “,” para as casas decimais e não mais o “.” como é o padrão americano.

3. Atualizando o Bundle do jQueryval

Agora podemos atualizar o Bundle do JQuery Validation “jQueryval”, para isso precisamos abrir o arquivo “BundleConfig.cs” que esta na pasta do seu projeto “App_Start” e alterar o bundle “jqueryval” e adicionar o arquivo “methods_pt.js” criado anteriormente.

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.unobtrusive*",
                        "~/Scripts/jquery.validate*",
                        "~/Scripts/methods_pt.js"));

Pronto agora é só usar!

4. Testando a validação em Português

Para efeito de teste eu crie um model chamado “Produto.cs” com o seguinte código:

public class Produto
{
    public string Nome { get; set; }
    public DateTime Validade { get; set; }
    public decimal Valor { get; set; }
}

Agora foi só criar um controle “Home” com uma action “Index” e gerar um scafolld para “Create”, veja o código do controle e da view abaixo:

HomeController.cs

using System.Web.Mvc;
using ValidandoDataeMoeda.Models;

namespace ValidandoDataeMoeda.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

        [HttpPost]
        public ActionResult Index(Produto produto)
        {
            return View(produto);
        }
    }
}

e o código da View, Index.cshtml

@model ValidandoDataeMoeda.Models.Produto

@{
    ViewBag.Title = "Index";
}

<h2>Validando Data e Moeda em ASP.Net MVC 4</h2>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Produto</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Nome)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Nome)
            @Html.ValidationMessageFor(model => model.Nome)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Validade)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Validade)
            @Html.ValidationMessageFor(model => model.Validade)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Valor)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Valor)
            @Html.ValidationMessageFor(model => model.Valor)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

Como de costume você pode baixar o código no meu GitHub.

Bom pessoal era isso! e ajudem a divulgar se possível!

O post Validação de Data e Moeda (ASP.Net MVC + JQuery Validation) em Português apareceu primeiro em Cleyton Ferrari.

Esta é a sexta parte da série ASP .Net MVC na prática, que ira abordar os conceitos e práticas que norteiam o desenvolvimento de aplicativos baseado no padrão MVC utilizando o ASP .Net

Lembre-se: você pode baixar o código desta vídeo-aula no meu repositório do GitHub, https://github.com/cleytonferrari/ASPNETmvcNaPratica

Nesta sexta vídeo-aula sobre ASP .Net MVC é abordado:

• Layout
• Render Page
• Render Section
• Partial View
• Twitter Bootstrap

Durante o decorrer desta vídeo-aula sobre ASP .NET MVC você verá como criar Layouts para o seu site usando RenderPage(), RenderSection() e Html.Partial, também verá como instalar e configurar o Twitter Bootstrap no seu site e criar o seu primeiro Layout usando todos esses recursos juntos.

Veja como é simples separar e organizar seus arquivos HTML e reutilizar o seu código usando os recursos/helpers do ASP .Net MVC em seus Layouts web.

Ao final desta vídeo-aula você será capaz de criar Layouts para sites utilizando os recursos do ASP .NET MVC 4 e saberá como começar a usar o Twitter Bootstrap. Será capaz de instalar via Nuget os pacotes necessários do Twitter Bootstrap.

Para saber mais:

• ASP .NET

Lembre-se você pode participar da nossa comunidade no Facebook acessando https://www.facebook.com/groups/tiselvagem/

O post Vídeo-Aula ASP.Net MVC na prática – Parte 6 apareceu primeiro em Cleyton Ferrari.

A versão original do Rotativa não suporta acentuação, dai surgiu o Rotativa W7, “forkado” da versão original do Rotativa o nosso amigo Emerson Soares fez esta correção e submeteu para o Nuget com o nome de RotativaW7.

Só lembrando que o código mostrado aqui se encontra no meu GitHub em https://github.com/cleytonferrari/RelatorioPDF-RotativaW7, você também pode testar este exemplo em http://rotativaw7.apphb.com/

Como usar Rotativa W7

O uso do RotativaW7 é bem simples, para demonstrar criei um projeto em ASP.Net MVC 4, e em seguida adicionei o pacote do nuget do Rotativa W7

PM> Install-Package RotativaW7

Adicione um controller Home e outro Relatório, para o segundo crie um view chamada Modelo.cshtml;

@model RelatorioPDF.Models.Usuario
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="utf-8" />
    <title>Exemplo de Relatório em PDF</title>

    <!-- css -->
    <link href="~/Content/estilos-relatorio.css" rel="stylesheet" />
</head>
<body>
    <div id="container">
        <div id="cabecalho">
            <div id="nome">
                <h1>RECIBO DE DISPENSAÇÃO</h1>
            </div>
            <div id="unidade">
                <h2>Meu Sistema</h2>
                <h3>Hospital São Paulo</h3>
                <h4>Farmácia</h4>
            </div>
        </div>
        <div id="corpo">
            <div class="linha">
                <p>
                    Dispensado:<br />
                    <span>10/10/2012</span>
                </p>
                <p>
                    Cartão do SUS:<br />
                    <span>123.1232.123.123</span>
                </p>
                <p>
                    Usuario:<br />
                    <span class="bold">João da Silva Gonçalves</span>
                </p>
            </div>
            <div class="linha">
                <p>
                    Prescritor:<br />
                    <span>Jonas São João</span>
                </p>
                <p>
                    Nº Registro:<br />
                    <span>12323132</span>
                </p>
                <p>
                    Origem da Receita:<br />
                    <span>10/10/012</span>
                </p>
            </div>
            <div class="linha">
                <p>Produtos Dispensados:</p>
                <table>
                    <thead>
                        <tr>
                            <th>Produto</th>
                            <th>Atendido?</th>
                            <th>Und</th>
                            <th class="aling-right">Dispensado</th>
                            <th class="aling-right">Unitário R$</th>
                            <th class="aling-right">Total R$</th>
                        </tr>
                    </thead>

                    <tbody>

                        <tr class="odd">
                            <td class="bold" width="45%">Anador</td>
                            <td>Sim</td>
                            <td class="fonte10">FRS</td>
                            <td class="aling-right">10</td>
                            <td class="aling-right" width="100px;">1,2345</td>
                            <td class="aling-right" style="min-width: 100px">12,23</td>
                        </tr>
                        <tr class="odd">
                            <td colspan="6" class="italico">Possologia: 1 dose, 3 vez por dia, durante 5 dias</td>
                        </tr>

                        <tr class="">
                            <td class="bold" width="45%">Dipirona</td>
                            <td>Sim</td>
                            <td class="fonte10">FRS</td>
                            <td class="aling-right">10</td>
                            <td class="aling-right" width="100px;">1,2345</td>
                            <td class="aling-right" style="min-width: 100px">12,23</td>
                        </tr>
                        <tr class="">
                            <td colspan="6" class="italico">Possologia: 1 dose, 3 vez por dia, durante 5 dias</td>
                        </tr>

                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="5" class="bold">Total</td>
                            <td class="aling-right">R$ 12,23</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div class="linha">
                <p>
                    Observação:<br />
                    <span>Paciente com fortes dores de cabeça</span>
                </p>
            </div>
        </div>
        <div id="rodape">
            <p>Usuário: <span>Cleyton Ferrari</span> Emitido: <span>26/10/2012</span> CleytonFerrari.com</p>
        </div>
    </div>
</body>
</html>

Crie um HTML e CSS bem simples mas que demonstra todo o poder do motor de renderização do Rotativa;

Agora vem a parte mais fácil, basta criar as actions dentro dos controllers da mesma forma como você já vem criando para mostrar suas views, só que ao invés de retornar uma View() você retorna ViewAsPdf();

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using RelatorioPDF.Models;
using Rotativa;
using Rotativa.Options;

namespace RelatorioPDF.Controllers
{
    public class RelatoriosController : Controller
    {
        /*
         * Retorna a view simples em HTML, usada como modelo para gerar o PDF
         */
        public ActionResult ModeloHTML()
        {
            return View("Modelo");
        }

        /*
         * Retorna um PDF diretamente no browser com as configurações padrões
         * ViewName é setado somente para utilizar o próprio Modelo anterior
         * Caso não queira setar o ViewName, você deve gerar a view com o mesmo nome da action
         */
        public ActionResult PDFPadrao()
        {
            var pdf = new ViewAsPdf
                          {
                              ViewName = "Modelo"
                          };
            return pdf;
        }

        /*
         * Configura algumas propriedades do PDF, inclusive o nome do arquivo gerado,
         * Porem agora ele baixa o pdf ao invés de mostrar no browser
         */
        public ActionResult PDFConfigurado()
        {
            var pdf = new ViewAsPdf
            {
                ViewName = "Modelo",
                FileName = "NomeDoArquivoPDF.pdf",
                PageSize = Size.A4,
                IsGrayScale = true,
                PageMargins = new Margins{Bottom = 5, Left = 5, Right = 5, Top = 5},
            };
            return pdf;
        }

        /*
         * Pode passar um modelo para a view que vai ser utilizada para gerar o PDF
         */
        public ActionResult PDFComModel()
        {
            var modelo = new Usuario
                             {
                                 Nome = "Cleyton Ferrari", 
                                 Site = "http://cleytonferrari.com"
                             };

            var pdf = new ViewAsPdf
            {
                ViewName = "Modelo",
                Model = modelo
            };

            return pdf;
        }
        
    }
}

A criação de relatórios em PDF principalmente em aplicativos de negócios é uma necessidade, principalmente para impressão e com o Rotativa fica bem mais simples seu uso uma vez que você pode utilizar seus conhecimento em HTML/CSS para gerar os layout e passar modelos (viewModel) para as suas views e gerar relatórios bem complexos em PDF com uma simples troca no retorno da action.

Fica a dica e até a próxima.

Para saber mais veja:
Rotativa, how to print PDF in ASP.Net MVC

O post Rotativa W7 gerando relatórios em PDF no ASP.Net MVC apareceu primeiro em Cleyton Ferrari.

O post Como foi o Community Zone 2012 apareceu primeiro em Cleyton Ferrari.

Esta é a quinta parte da série ASP.Net MVC na prática, que ira abordar os conceitos e práticas que norteiam o desenvolvimento de aplicativos baseado no padrão MVC utilizando o ASP.Net

Lembre-se: você pode baixar o código desta vídeo-aula no meu repositório do GitHub, https://github.com/cleytonferrari/ASPNETmvcNaPratica

Nesta quinta vídeo-aula sobre ASP.Net MVC é abordado:

• Bundling
• Minification

Durante o decorrer desta vídeo-aula sobre ASP.NET MVC você verá como otimizar o seu site utilizando técnicas de agrupamentos de arquivos de CSS e JavaScripts os Bundles e verá também como o recurso de Minifications adicionado no ASP.NET MVC 4 ajuda a reduzir o tamanho dos arquivos de CSS e JS do seu site.

Veja também como ordenar os Bundles, adicionar diretórios inteiros de uma unica vez nos seus Bundles e como excluir arquivos da lista de agrupamento dos seus Bundles.

Ao final desta vídeo-aula você será capaz de criar Bundles e Minificações de códigos utilizando o ASP.NET MVC 4 e saberá as vantens que isso trás para o seu projeto Web.

Para saber mais:

• ASP.NET

O post Vídeo-Aula ASP.Net MVC na prática – Parte 5 apareceu primeiro em Cleyton Ferrari.

public class Chat : Hub
{
    //Deve ter um metodo EnviarMensagem no JavaScript
    public void EnviarMensagem(string mensagem, string grupo)
    {
        mensagem = "<em>" + DateTime.Now.ToString("HH:mm:ss") + "h [" + grupo + "]</em> " + mensagem;
        //Chama um metodo implementado no cliente via JavaScritp
        Clients[grupo].adicionarMensagem(mensagem);
    }

    public void AdicionaGrupo(string grupo)
    {
        //(caller)Manda uma chamada de método somente para quem requisitou o
        //adicionarGrupo
        Caller.adicionarMensagem("Entrou no grupo: " + grupo);
        Groups.Add(Context.ConnectionId, grupo);
    }

    public void RemoveGrupo(string grupo)
    {
        Caller.adicionarMensagem("Saiu do grupo:" + grupo);
        Groups.Remove(Context.ConnectionId, grupo);
    }
}

Como você pode perceber, adicionamos dois novos métodos AdicionaGrupo e RemoveGrupo, no primeiro método AdicionaGrupo recebemos uma string grupo como parâmetro, que vai representar o nome do nosso grupo, este método é bem simples, usamos o objeto Caller para invocar o método adicionarMensagem do nosso JavaScript, porem ele irá invocar o adicionarMensagem somente do usuário que fez a requisição, ao contrário do objeto Clients que dispara a mensagem para todos os usuários que estão assinando nosso Hub, já a segunda linha do nosso método criamos um Grupo no nosso Hub, invocando o método Add do Groups, para isso devemos passar o ID da conexão do usuário (Context.ConnectionId) e o nome do grupo que queremos adiciona-lo.
Já no segundo método, RemoverGrupo, fazemos justamente o contrário do primeiro que é remover o usuário do grupo passado como parâmetro.
Reparem também que trocamos o código do nosso primeiro método da class Chat.cs, adicionamos o [grupo] na frente do Clients, para que o SignalR possa enviar as mensagens a todos que pertencem a determinado grupo, caso não adicionemos o grupo na frente do Clients, o SignalR ira enviar a mensagem a todos que estiverem assinando nosso Hub.

Agora que implementamos a nossa classe Hub, vamos para a implementação da parte em JavaScritp, neste nosso exemplo ele fica dentro do arquivo Index.cshtml

<script type="text/javascript">
$(function () {
    // Cria um proxy da nossa classe Chat do Servidor
    var chat = $.connection.chat;
    var grupoAtual = 'todos';

    chat.adicionarMensagem = function (message) {
        $('#mensagens').append('<li>' + message + '</li>');
    };

    $("#btnEnviar").click(function () {
        // Chama o metodo da classe Chat do servidor
        chat.enviarMensagem($('#msg').val(), $('#grupo').val());
    });

    $('#grupo').change(function () {
        chat.removeGrupo(grupoAtual);
        grupoAtual = $('#grupo').val();
        chat.adicionaGrupo(grupoAtual);
    });

    // Inicia a conexão
    $.connection.hub.start(function () {
        chat.adicionaGrupo(grupoAtual);
    });

});
</script>

Começamos adicionando no inicio do arquivo o grupoAtual do usuário, para que ele já comece com um grupo selecionado. Foi adicionado o evento change ao Select #grupo, para que ele chame o método removeGrupo do nosso Hub, passando o grupoAtual, e logo após isso ele adicione o novo grupo do usuário, chamando o adicionaGrupo, passando como parâmetro o valor selecionado no Select #grupo.

Para concluir vamos adicionar o HTML neste mesmo arquivo (index.cshtml), para que ele exiba algumas opções de grupo.

<label>
    grupo:
    <select id="grupo" >
       <option value="todos">Todos</option>
       <option value="adm">Administradores</option>
       <option value="usuario">Usuarios</option>
    </select>
 </label>

Com isso acabamos nossa implementação, que é bem simples por sinal, mas já demonstra o poder do SignalR em gerenciar os grupos e o chamador, para que você possa testar, abra três instancias do browser, escolha um grupo para o primeiro, e para as outras duas instâncias escolha o mesmo grupo, e escreva uma mensagem em cada uma delas, você vera uma tela semelhante a mostrada na imagem inicial deste post.
Você pode baixar o exemplo do primeiro post e deste post acessando o meu GitHub.

Bom era isso pessoal e sucesso a todos!

O post Grupo de Usuários em SignalR apareceu primeiro em Cleyton Ferrari.

Esta é a quarta parte da série ASP.Net MVC na prática, que ira abordar os conceitos e práticas que norteiam o desenvolvimento de aplicativos baseado no padrão MVC utilizando o ASP.Net

Lembre-se: você pode baixar o código desta vídeo-aula no meu repositório do GitHub, https://github.com/cleytonferrari/ASPNETmvcNaPratica

Nesta quarta vídeo-aula sobre ASP.Net MVC é abordado:

• Rotas
• Criando suas rotas

Durante o decorrer desta vídeo-aula sobre ASP.NET MVC você verá como criar uma listagem de notícias com categorias e aplicar a está listagem rotas personalizadas para exibição de categorias, rotas personalizadas para exibição de titulo da noticia com categoria na URL e rotas para listagem de todas as notícias.

Veja também como aplicar rotas em seus aplicativos MVC e como isso pode ajudar o SEO do seu site.

Ao final desta vídeo-aula você será capaz de criar rotas personalizadas no ASP.NET MVC com um ou vários parâmetros de URL.

Para saber mais:

• ASP.NET

O post Vídeo-Aula ASP.Net MVC na prática – Parte 4 apareceu primeiro em Cleyton Ferrari.