Aplicao ASP.NET Dynamic Data Entities | #geek

Classic

#geek

Sobre

Iniciao Cientfica

TCC

Currculo

Redes Sociais

Certificao

FEB

Aplicao ASP.NET Dynamic Data EntitiesIntroduo O ASP.NET Dynamic Data Entities um projeto que automatiza, sem desenvolver uma linha de cdigo, uma aplicao criando CRUD bsico para todas as tabelas adicionadas ao modelo de dados, apenas uma tabela ou ainda apenas as que desejar. O Projeto baseado em user controls separados por tipos de dados localizados em FieldTemplates. Os user controls so utilizados pelas pginas contidas no PageTemplates. Imagens e um GridView se encontram inicialmente no diretrio Content. Pginas podem ser customizadas utilizando o diretrio CustomPages e rotas podem ser feitas atravs do arquivo global.asax. Pr Requisitos Para este tutorial necessrio o banco de dados exemplo NORTHWND. Desenvolvimento Para este tutorial est sendo utilizado o Visual Studio 2010 com a linguagem C#, logo, com o Visual Studio 2010 aberto crie um novo projeto atravs do menu File >> New >> Project ou do atalho (CTRL + SHIFT + N).

20

Figura 1 No menu lateral do lado esquerdo selecione Visual C# e depois Web. Note que na parte central do wizard ir aparecer diversas opes na qual ser utilizada a ASP.NET Dynamic Data Entities Web Application. Digite o nome desejado para o projeto, por exemplo, DynamicData. Selecione o local desejado, por exemplo, o diretrio C. Digite o nome da solution, por exemplo, DynamicDataSolution ou deixe o nome default que o prprio wizard ir construir e clique no boto OK para que o projeto seja criado.

Send feedback

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Figura 2 Com o projeto criado, pode ser analisado o pattern que foi criado. O wizard cria automaticamente diversos arquivos na qual o diretrio DynamicData e o arquivo Global.asax so dentre todos os arquivos gerados os mais importantes. O diretrio DynamicData por conter todos os arquivos e diretrios que iro gerar as pginas em runtime e o global.asax por conter toda a configurao mnima necessria para gerar as pginas.

Figura 3 As pginas desse projeto dinmico so baseadas em um banco de dados na qual ser utilizado como exemplo didtico o banco de exemplos NORTHWND para que o foco fique totalmente no desenvolvimento de uma aplicao web e no na construo de uma base de dados. Para que possa ser utilizado o NORTHWND, ele precisa ser adicionado ao projeto, e como exemplo, ser adicionado ao diretrio data, por outro lado, se voc tiver um banco de dados pronto basta configur-lo corretamente para poder ser utilizado. No Solution Explorer clique com o boto direito do mouse no diretrio App_Data e clique em Add >> Existing Item.

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Figura 4 Selecione o arquivo do NORTHWND e clique em Add para que ele possa ser adicionado ao projeto.

Figura 5 Na Figura 6 pode ser visto o arquivo NORTHWND adicionado ao projeto.

Figura 6 O prximo passo adicionar o arquivo ADO.NET Entity Data Model (*.edmx) ao projeto, pois na Figura 2 foi selecionado que o projeto seria um projeto dinmico utilizando Entity Framework. Para tal, basta clicar com boto direito do mouse no projeto e clicar em Add >> New Item.

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Figura 7 Dentre as diversas opes, selecionar o grupo Data, a opo ADO.NET Entity Data Model e clicar em Add.

Figura 8 Num segundo momento ir aparecer no Wizard da Figura 9 se deseja que o modelo seja vazio, ou seja, no caso desse tutorial, gerado atravs de uma base de dados. Com isso, selecione Generate from database e clique em Next.

Figura 9 O prximo Wizard pode ser visto na Figura 10 e neste necessrio selecionar a base a ser utilizado, neste caso o NORTHWND. Caso a conexo no esteja dentre as opes selecione criar uma nova e execute os passos que o Wizard ir sugerir. Aps selecionado a conexo, o nome da connectionString que ser gerada no arquivo web.config ao final do Wizard pode ser alterado o ento pode ser mantido o nome que o Wizard sugerir. Avance para a prxima tela do Wizard clicando em Next.

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Figura 10 Neste momento, na Figura 11 pode ser visto e selecionado as tabelas contidas na conexo, no caso deste tutorial todas as tabelas foram selecionadas. Alguns itens so importantes para manter padro necessitando para este caso que as duas opes da tela estejam selecionadas. O nome do model tambm importante seguir o padro e para isso basta escolher um nome para o modelo seguido com o sulfixo Model como, por exemplo, NORTHWNDModel.

Figura 11 A Figura 12 mostra o arquivo Entity Framework (*.EDMX) criado no Solution Explorer alm de mostrar as entidades na parte central do Visual Studio 2010.

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Figura 12 Muito bem, toda a arquitetura necessria para o projeto j foi criada bastando apenas fazer algumas configuraes no arquivo Global.asax para que o projeto j funcione. Na Figura 13 pode ser visto dentro do mtodo esttico RegisterRoutes que existem algumas linhas de cdigo que foram geradas esto comentadas. Retire o comentrio da linha 30 como pode ser visto na Figura 13.

Figura 13 Dois pequenos ajustes so necessrios bastando apenas substituir o texto YourDataContextType pelo nome da sua classe que o arquivo gerado do Entity Framework tm, sendo que no caso deste tutorial o nome NORTHWNDEntities. Por padro gerado com o nome Entities no final, ficando fcil procurar utilizando o intelisense. Outra configurao essencial alterar de false para true em ScaffoldAllTables, para que todas as tabelas possam ser geradas como telas da aplicao. Pronto, agora o projeto est apto para gerar telas em runtime. Para executar o projeto basta apertar a tecla F5 ou ento digitar CTRL + F5.

Figura 14http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Se estiver utilizando o Visual Studio pela primeira vez na opo F5, pode ser que aparea uma imagem como a que pode ser visualizada na Figura 15, bastando para isso clicar em OK para que seja adicionado algumas configuraes do modo Debug no web.config.

Figura 15 A execuo do projeto resulta inicialmente em uma pgina padro, podendo ser visualizado na Figura 16, para que possa ser selecionado a tabela/tela do sistema que pode ser visto em um GridView. Clique em Order_details para que possa aparecer a tela de CRUD para o item escolhido.

Figura 16 A tela de listagem do CRUD na Figura 17 contm dois DropDownList para poder efetuar busca e possui opes para Editar, Inserir, Deletar e Visualizar as informaes do grid, assim como paginao.

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Figura 17 O primeiro item a ser descrito nesse tutorial o Editar (Figura 18). O editar contm os campos na tela que so da tabela em questo e tambm tem link direto para inserir dados relacionados. Desta maneira pode ser mantida a integridade do banco.

Figura 18 A prxima pgina a ser vista a de Detalhes (Figura 19). Est pgina tem os valores da tabela para aquele determinado item e tambm contm links que os itens relacionados possam ser visualizados.

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Figura 19 A Deleo (Figura 20) est no grid inicial referente a cada tela e a deleo feita mediante a confirmao do item.

Figura 20 No caso da Insero (Figura 21), podem ser inseridos os itens, assim como os itens relacionados.

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Figura 21 Concluso Com este tutorial pode ser visto como fcil e rpido fazer CRUD utilizando Entities, desta forma o conceito de RAD muito bem aplicado e para casos que necessitem de customizao e insero de regras de negcio da empresa este conceito pattern tambm pode ser aplicado bastando adicionar pginas customizadas. Agora com relao onde pode ser utilizado e quando utilizar relativo, pois dependendo da experincia da equipe este pode ser o padro de projetos da empresa ou ento este pode ser utilizado para projetos de menor porte na qual necessitem de pouca ou nenhuma customizao tela, exceto layout, pois isso igual utilizando CSS, Master Page fica trivial para quem j tem um pouco de experincia. Posted 17 hours ago by Leonardo B. Moreira Labels: asp.net tutorial Banco de dados c#

0

Add a comment

FEB

Comparando SQLDataSource com ObjectDataSourcePara fazer comparao entre os controles SQLDataSource e ObjectDataSource tem que saber que conceitualmente ambos so idnticos. O ObjectDataSource tem propriedade que indicam o tipo do objeto assim como mtodos para invocar select, insert, update e delete do tipo do objeto. Uma vez que as propriedades do ObjectDataSource so configuradas, os controles GridView, ListView, DetailsView e outros podem ser carregados. O SQLDataSource prov das mesmas funcionalidades que o ObjectDataSource porm especfico com o bano de dados relacional ao invs de ser uma biblioteca de dados. Com o SQLDataSource pode ser especificado a connection string com a base de dados e as queries do ad-hoc SQL ou Stored Procedures. A grande diferena no meu ponto de vista se d no momento que temos certeza de que fonte de dados ser utilizado, como por exemplo, se for utilizar o SQL Server sem a possibilidade de

11

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

migrao do provider o SQLDataSource mais rpido pois ele prprio para trabalhar com esse banco de dados. Para maiores informaes visite a seo biblioteca do MSDN SQLDataSource ObjectDataSource Posted 1 week ago by Leonardo B. Moreira Labels: asp.net tutorial Banco de dados c#

0

Add a comment

JAN

Utilizando o controle ListView do ASP.NETO ListView um novo controle para apresentao de dados que foi adicionado ao framework .net na verso 3.5 muito parecido com o GridView e pode-se pensar, porque este controle foi adicionado ao framework e o que ele pode oferecer. Sendo assim, o controle ListView foi adicionado por causa das seguintes funcionalidades: 1. 2. 3. 4. Facilidade de customizao de layout; Suporte ao controle DataPager; Suporte para deleo, insero, paginao, ordenao e atualizao de dados; Suporte para agrupamento de dados.

29

Uma lista de comparao entre os controles valida para maiores esclarecimentos da diferena e potencial dos controles.

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Apesar do ListView se mostrar mais completo, o maior uso atualmente do GridView pelos desenvolvedores por ter maior conhecimento do controle. Para inserir um ListView basta clicar no toolbox na aba DATA e clicar duas vezes no controle ListView.

Clique na tag ao lado do controle e selecione a fonte de dados.

A seguir, clique em configure ListView

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Configure o controle da maneira que desejar e clique em OK.

Compile o projeto e execute

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

O ListView gera diversas tags no Source porm interessante ver e ter o conhecimento de como o controle funciona. Posted 4 weeks ago by Leonardo B. Moreira Labels: asp.net tutorial c#

0

Add a comment

JAN

Configurando o controle SqlDataSourceO controle SqlDataSource permite ao desenvolvedor utilizar Web Server Controls para acessar dados que so localizados em um banco de dados. O SqlDataSource control contm uma funcionalidade prpria para ajudar os controles DATA acessarem dados e o modo mais tranqilo para ajudar o controle via front-end utilizando o wizard como pode ser visto a seguir. O primeiro passo inserir o controle SqlDataSource no modo design do projeto dando um duplo clique no controle.

16

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Altere o ID do controle na aba de propriedades:

Clique na seta que pode ser vista a direita do controle na tela e clique em Configure Data Source.

Selecione uma coneco com o banco de dados ou crie uma nova conexo caso a conexo no esteja na lista e clique em next.

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

D um nome para a connection string e clique em next.

Selecione uma tabela e as colunas desejadas e clique em next

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Faa um teste na query para ver o resultado obtido se o desejado e em caso positivo clique em finish.

Veja o resultado deste wizard no cdigo ASPX

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Verifique se foi criado no arquivo web.config a connection string

Caso tudo esteja certo alm de poder utilizar a connectionString no site inteiro o SqlDataSource est pronto para ser utilizado nos outros controles como por exemplo GridView, ListView e Repeater. Posted 16th January by Leonardo B. Moreira Labels: asp.net tutorial Banco de dados c#

0

Add a comment

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

JAN

Posicionar um objeto na tela utilizando CSSPara posicionar um objeto na tela independentemente de haver outros objetos ou no basta utilizar o conceito de POSITION="ABSOLUTE". Por exemplo: Tenho uma imagem e gostaria de inserir esta imagem 70px a partir da esquerda e 70px a partir do topo mesmo que haja outros objetos abaixo, acima e/ou dos lados. Muito bem, simples, basta inserir o seguinte CSS: .PosicaoImagemXY { position: absolute; left: 70px; top: 70px; } Agora basta adicionar este CSS a imagem e ver o que acontece com ela na tela.

10

Posted 10th January by Leonardo B. Moreira Labels: mvc3 asp.net work tutorial internet CSS

2

View comments

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

DEC

Retrospectiva 2011 e que venha 2012!!!Mais um ano se passou e o que eu posso falar. Bom, primeiramente gostaria de lembrar que 2011 foi o ano da minha formatura e aos que no sabem eu estudei Cincia da Computao no Centro Universitrio da FEI, na qual eu tive muitas dificuldades porm l encontrei pessoas fantsticas que estavam sempre com pensamento positivo e FOCO (como Andrezo dizia). A este eu gostaria de agradecer aos meus pais, ao grande amigo Adriaan, ao parceiro Rodrigo Goto, ao sempre esforado Andrezo, ao Chu (vulgo Murilo) por sua timidez e inteligncia. Agradeo tambm de modo bastante especial aos professores Paulo Srgio Rodrigues e Rodrigo Filev Maia pela orientao fantstica, sabedoria e vontade de fazer sempre o trabalho bem feito. Agradeo tambm ao Phantom Omni (nosso robozinho do algoritmo MAMA), que deu a vida por nosso TCC e apenas veio a parar quando o TCC foi apresentado e premiado. Em 2011 tambm tive a alegria de conseguir um timo emprego como Analista Programador Pleno na qual eu utilizo a tecnologia .NET. Neste local estou aprendendo que estudo + esforo o que faz um profissional de qualidade. Ainda em 2011 eu comecei a estudar para tirar certificaes, sendo que acho essencial que um profissional seja especialista no assunto que trabalha. Os cursos ainda esto em andamento mas isso pode ser considerado mais um mrito ter conseguido. Como sempre gosto de falar de meus hobbies, logo, gostaria de deixar marcado que 2011 eu estive muito ausente do time DKR e que em 2012 tenho diversos planos e desejos na qual com certeza iremos alcanar. Outra coisa muito importante dizer que em 2011 o timo (vai Corinthians!!!) foi campeo e que em 2012 quem sabe vai bem libertadores finalmente. Bom, foi 2011 e que venha 2012

29

Para 2012 tenho diversos plano, dentre eles:

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

-

Publicar site empresa #geek; Publicar portal/blog #geek (jan - fev); Pagar um intercmbio de 1 ms (jan - junho); Comprar guitarra (jan); Aprender tocar guitarra (jan ...); Terminar os cursos para pleitear certificao (jan - fev); Tirar certificao Visual Studio 2010 MCTS com a prova 70-515 (fev - mar); Tirar certificao ADO com a prova 70-516 (fev - mar); Comprar um carro; Outros planos que prefiro no comentar =D

Grande abrao a todos amigos e seguidores e que 2012 seja muito muito melhor para todos. Posted 29th December 2011 by Leonardo B. Moreira Labels: artigo evento internet

2

View comments

DEC

Como dar mensagem de erro/sucesso utilizando JQueryUm modo muito legal de dar um feedback ao usurio, alm de ser uma boa prtica, mostrar ao usurio mensagens de modo que ele possa identificar se houve sucesso ou fracasso no que ele est fazendo. Alm disso, o sistema deve mostrar ao usurio que erros aconteceram para que ele no tenha que descobrir. Bom, um modo muito legal utilizando JQuery, que assim como o JavaScript tem a possibilidade de enviar mensagens de Alerta. Segue abaixo algumas maneiras de exibir em caixa de dilogo as mais diversas mensagens. Alert: jAlert('This is a custom alert box', 'Alert Dialog');

26

Confirm: jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) { jAlert('Confirmed: ' + r, 'Confirmation Results'); });

Prompt: jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) { if( r ) alert('You entered ' + r);

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

}); HTML: jAlert('You can use HTML, such as bold, italics, and underline!'); Posted 26th December 2011 by Leonardo B. Moreira Labels: jquery

0

Add a comment

DEC

Mascara JQuery para formato dinheiroO JQuery muito legal e est a cada dia sendo muito mais utilizado, inclusive por mim. Neste post eu estou disponibilizando a vocs como fazer a validao de formato dinheiro utilizando JQuery. Para tal necessrio ter em mos e referenciado a biblioteca JQuery Masked Money Aps todos os prepatrios o uso muito fcil, basta utilizar do cdigo abaixo.$(document).ready( $( }); function () {'#valorProduto').maskMoney();

15

No caso estou utilizando MVC 3 e segue como ficaria o cdigo de um TextBox, por exemplo.@Html.TextBoxFor(model => model.valorProduto)

Este TextBox fica de modo que s aceita nmero e formatado de acordo com a quantidade de casas que voc insere. Posted 15th December 2011 by Leonardo B. Moreira Labels: mvc3 jquery

0

Add a comment

DEC

Utilizando JQuery para limpar campos de um formulrioFuno para limpar campo utilizando JQuery

13

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

$(document).ready(function () { $('#DataValidadeFim').val(''); }); Caso haja necessidade de verificar alguma condio $(document).ready(function () { if ($('#DataValidadeFim').val() == '01/01/0001') { $('#DataValidadeFim').val(''); } }); Muito legal o JQuery e vale a pena estudar essa tecnologia. grande abrao, Leonardo Moreira Posted 13th December 2011 by Leonardo B. Moreira Labels: jquery

0

Add a comment

DEC

Prmio Top Blog 2011Ol pessoal, o prmio Top Blog deste ano foi muito bom e o blog ficou entre os 100 finalistas (no sei a posio exata porque eles no divulgam) sendo que o selo comprova a autenticidade.

10

Recebi esta semana o convite para participar da premiao e confirmei que estarei l no prdio da UNIP no dia 17/12. A todos que acompanham o blog e ajudaram o blog a crescer eu gostaria de agradecer e dizer que para 2012 as intenes so muito maiores (quem sabe o Top 3). Eu gostaria tambm de antecipar que estarei contratando um domnio e que j estou projetando um site no formato de blog com cara nova para 2012. Grande abrao a todos, Leonardo Moreira http://hashtageek.blogspot.com/ Posted 10th December 2011 by Leonardo B. Moreira

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]

Aplicao ASP.NET Dynamic Data Entities | #geek

Labels: c++ artigo asp.net work Banco de dados internet c# redes sociais fica a dica apple games/social games mvc3 jquery office tutorial javaScript arquitetura google LINQ tecnologia

0

Add a comment

http://hashtageek.blogspot.com/...o-aspnet-dynamic-data-entities.html#!/2012/02/aplicacao-aspnet-dynamic-data-entities.html[21/02/2012 09:19:22]