SQL e Webmatrix
Iniciaremos WebMatrix e selecionaremos criar um novo projeto baseando-nos em um layout (Template).
Dentro dos layouts disponíveis escolheremos Site vazio (Inglês), lhe daremos o nome de MercadoDoAutomovel-SQL (optamos por tirar o acento) e clicaremos sobre o botão OK.
Inicialmente nos encontraremos na visão de Site. Clicamos sobre Files e passamos a visualizar o painel de Files.
Iniciaremos criando a pasta na que alojaremos a base de dados de nosso projeto. Deve denominar-se App_Data e encontrar-se na raiz do diretório de nosso projeto. Clicaremos com o botão direito do mouse sobre o nome do projeto e selecionamos New Folder.
Damos a ele o nome indicado e pressionamos a tecla Retorno. Em seguida clicamos sobre o nome da pasta com o botão direito do mouse e selecionamos Add Existing File.
Se abrirá uma caixa de diálogo para localizar o arquivo a incluir na pasta. Temos de localizar a base de dados Vendas-2010-01-06.sdf. Se a salvamos em documentos no exemplo anterior, ali a localizaremos e se criará uma copia dela em nossa pasta App_Data.
Posteriormente poderemos ver a base de dados em nosso projeto, se não for assim, pressionamos o botão direito do mouse sobre a referencia do nome do projeto e seleciona-se Refresh.
Para conhecer todas as referencias necessárias da base de dados, clica-se sobre Databases.
Desdobra-se a árvore do nome do projeto e se clica duas vezes sobre o nome da tabela Primeiro_Semestre. Anotaremos os nomes dos campos Marca e Vendas e voltaremos à vista de Files.
Assegurando-nos assim que se carregarão aqueles campos que desejamos e não todos. Neste caso é igual, dado que só há os dois que desejamos, mas deveremos ter cuidado à hora de tratar com tabelas mais complexas:
O que faz o resto do código é propagar em uma tabela, linha a linha (registro a registro) os dados lidos da base de dados.
Na visão Files clicamos com o botão direito do mouse sobre o nome de nosso projeto e selecionamos New File?
Se abrirá a janela Choose a File Type e selecionamos CSHTML, lhe damos o nome Vendas.cshtml e pressionamos sobre o botão OK.
Aparecerá a referencia de Vendas.cshtml na árvore de referencias de nosso projeto (se não o virmos, clicar com o botão direito do mouse sobre o nome de nosso projeto e selecionar Refresh).
Para utilizar a base de dados em um GridView, clicamos duas vezes sobre o nome do arquivo Vendas.cshtml, passar a modo edição no painel à direita, selecionamos todo o seu conteúdo e o substituímos pelo seguinte código:
@{
var db = Database.Open(“Ventas-2010-01-06”);
var selectQueryString = “SELECT * FROM Primeiro_Semestre ORDER BY Marca”;
}
<!DOCTYPE html>
<html>
<head>
<title>Mercado</title>
<style>
table, th, td {
border: solid 1px #bbbbbb;
border-collapse: collapse;
padding: 2px;
}
</style>
</head>
<body>
<h1>Vendas de automóveis</h1>
<table>
<thead>
<tr>
<th>Marca</th>
<th>Vendas</th>
</tr>
</thead>
<tbody>
@foreach(var row in db.Query(selectQueryString)){
<tr>
<td>@row.Marca</td>
<td>@row.Vendas</td>
</tr>
}
</tbody>
</table>
</body>
</html>
Na seção Razor se abre e carrega o manipulador da base de dados e se realiza a consulta SQL da tabela Primeiro_Semestre:
@{
var db = Database.Open(“Ventas-2010-01-06”);
var selectQueryString = “SELECT * FROM Primeiro_Semestre ORDER BY Marca”;
}
De uma maneira mais extrapolável em geral, podemos colocar:
@{
var db = Database.Open(“Ventas-2010-01-06”);
var selectQueryString = “SELECT Marca, Vendas FROM Primeiro_Semestre ORDER BY Marca”;
}
Assegurando-nos assim que se carregarão aqueles campos que desejamos e não todos. Neste caso é igual, dado que só há os dois que desejamos, mas deveremos ter cuidado à hora de tratar com tabelas mais complexas:
O que faz o resto do código é propagar em uma tabela, linha a linha (registro a registro) os dados lidos da base de dados.