Fala Filhotes! Hoje vou fazer uma introduçãozinha ao WebMatrix Beta 2, uma nova ferramenta da Microsoft! O post ficou meio grande, mas foi pela quantidade de imagens.

WebMatrix

O Objetivo do WebMatrix é criar uma ferramenta simples para se criar sites facilmente! Você pode criar um site usando aplicações open source como o WordPress ou até mesmo o Joomla ( O WebMatrix faz o download, instala e configura o que você precisa) além de disponibilizar alguns templates que usam HTML 5 e CSS 3. A palavra chave é simplicidade.
A ferramenta é bastante leve ( uns 20MB ) e acompanha o IIS Express, SQL Server Compact, além de extensões para você poder criar suas paginas ASP.NET. Também podendo ser baixado junto com a versão express do Visual Studio (de graça! ) já que pode ser usada em conjunto com o Visual Studio!

O WebMatrix permite criação de paginas usando a nova engine Razor (Razor é uma nova View Engine, que também já pode ser encontrada no MVC 3 ), que alias é muito interessante, mas infelizmente não será tanto abordada nesse post! O editor mesmo sendo extremamente leve suporta arquivos Asp.NET, PHP (!!!), ASP, HTML, JS, CSS…

Para fazer download do WebMatrix clique aqui.

Web Gallery, criando um website a partir de uma aplicação open source

Como dito antes, o WebMatrix facilita (muito) nossa vida quando criamos uma aplicação a partir de uma aplicação open Source ( WordPress, Joomla, Umbraco CMS, etc… )
Vamos criar uma aplicação usando o Umbraco para podermos ver a facilidade. Primeiro na tela inicial, entre em Site From Gallery.

image 

Mostra uma lista de aplicações open source, no nosso caso vamos escolher o Umbraco CMS.

image

Ele confirma o que precisamos baixar.

image

Como não tenho o pacote, o WebMatrix baixa tudo para mim!

 image

E digo mais! Ele CRIA O BANCO PARA MIM!!!! ( Ou usa um já criado)

image

O quê ? Mas já?

image

Pronto! Já esta instalado e configurado para usar o nosso banco!
Agora olha a nossa telinha inicial:

image

Essa é a telinha do WebMatrix, aqui podemos escolher varias opções, vou dar uma breve resumida em cada uma já que é bem auto-explicativo.
Requests mostra as requisições que seu site fez:

image

Settings são algumas configurações bem básicas mesmo, framework, default page, etc…

image

No canto inferior esquerdo há um outro menu, que leva aos arquivos, o banco e relatórios.

image 

Em Files, obviamente vemos os arquivos nosso projeto, podendo editar normalmente o conteúdo dos arquivos além de adicionar arquivos como todo bom editor. O interessante é que temos a opção de rodar o Visual Studio ( link no topo da pagina )

image

Então, o Visual Studio pode ser aberto pelo WebMatrix:

image

E podemos editar o conteúdo pelo próprio Visual Studio.
No menu Databases temos acesso as tabelas do nosso site (aquele que o WebMatrix criou para nós) e ainda podemos criar/editar tabelas e valores do nosso banco.

image

Em Reports mostra um relatório básico, inclusive mostrando erros com relação a sintaxe e até algumas “recomendações” para corrigir o erro.

image

Essas são as telas do WebMatrix, e se rodarmos o site, nós cairemos na tela de configuração do Umbraco:

image

Eu não irei seguir as telas de configurações para não extender mais o post e já que são bem Auto-Explicativas.

Templates

Vou mostrar rapidinho, que também há alguns templates excelentes disponíveis nesse Beta, como por exemplo o Bakery:

Vamos em Site From template e escolheremos o Bakery.

image

Se formos em arquivos podemos ver que os arquivos são .CSHTML. CSHTML? Sim filhotes, essa é a extensão do Razor!
Com o Razor nós escrevemos nosso C# dentro do HTML.

image

Repare no código bem no topo da pagina:

image

Ele da um select na tabela produto… ei, espera, que produtos? Pois é, como criamos a partir de um template, além das paginas foi criado o banco também (um arquivo sql Compact, um .sdf ) já preenchido. Agora vamos rodar o nosso site.

image

Sim, podemos escolher facilmente o browser que vamos rodar a aplicação. Vamos de IE agora.

image

Maravilha! Podemos reparar também que no código ele da um foreach no produto e vai criando as colunas com os produtos.

Bom filhotes, meu objetivo é só fazer uma apresentação desse programa que eu realmente achei excelente. É um programa ideal para estudantes e até para desenvolvedores mais experientes… realmente uma mão na roda.

Abraços!