Tutorial: Gerar exibições para o Banco de Dados do EF First com ASP.NET aplicativo MVC
Usando MVC, Entity Framework e ASP.NET Scaffolding, você pode criar um aplicativo Web que fornece uma interface para um banco de dados existente. Esta série de tutoriais mostra como gerar automaticamente o código que permite aos usuários exibir, editar, criar e excluir dados que residem em uma tabela de banco de dados. O código gerado corresponde às colunas na tabela do banco de dados.
Este tutorial se concentra no uso ASP.NET Scaffolding para gerar os controladores e as exibições.
Neste tutorial, você:
- Adicionar andaime
- Adicionar links para novas visualizações
- Exibir as opiniões dos alunos
- Exibir exibições de inscrição
Pré-requisito
- Criar o aplicativo Web e os modelos de dados
- Ao usar o Visual Studio 2022, instale modelos de projeto e item do Net Framework.
Adicionar andaime
Você está pronto para gerar código que fornecerá operações de dados padrão para as classes de modelo. Você adiciona o código adicionando um item de scaffold. Existem muitas opções para o tipo de andaime que você pode adicionar; Neste tutorial, o scaffold incluirá um controlador e exibições que correspondem aos modelos de Aluno e Matrícula que você criou na seção anterior.
Para manter a consistência em seu projeto, você adicionará o novo controlador à pasta Controladores existente. Clique com o botão direito do mouse na pasta Controladores e selecione Adicionar>Novo Item Scaffolded.
Selecione o Controlador MVC 5 com exibições, usando a opção Entity Framework . Essa opção gerará o controlador e as exibições para atualizar, excluir, criar e exibir os dados em seu modelo.
Selecione Student (ContosoSite.Models) para a classe de modelo e selecione ContosoUniversityDataEntities (ContosoSite.Models) para a classe de contexto. Mantenha o nome do controlador como StudentsController.
Clique em Adicionar.
Se você receber um erro, pode ser porque você não compilou o projeto na seção anterior. Nesse caso, tente criar o projeto e adicione o item scaffolded novamente.
Após a conclusão do processo de geração de código, você verá um novo controlador e exibições nas pastas Controladores e Exibições de Alunos> do seu projeto.
Execute as mesmas etapas novamente, mas adicione um scaffold para a classe Enrollment . Quando terminar, você terá um arquivo EnrollmentsController.cs e uma pasta em Exibições chamadas Inscrições com as exibições Criar, Excluir, Detalhes, Editar e Indexar.
Adicionar links para novas visualizações
Para facilitar a navegação para suas novas exibições, você pode adicionar alguns hiperlinks às exibições Índice para alunos e matrículas. Abra o arquivo em Views>Home>Index.cshtml, que é a home page do seu site. Adicione o seguinte código abaixo do jumbotron.
<div>
@Html.ActionLink("List of students", "Index", "Students")<br />
@Html.ActionLink("List of enrollments", "Index", "Enrollments")
</div>
Para o método ActionLink, o primeiro parâmetro é o texto a ser exibido no link. O segundo parâmetro é a ação e o terceiro parâmetro é o nome do controlador. Por exemplo, o primeiro link aponta para a ação Index em StudentsController. O hiperlink real é construído a partir desses valores. O primeiro link leva os usuários ao arquivo Index.cshtml dentro da pasta Views/Students .
Exibir as opiniões dos alunos
Você verificará se o código adicionado ao seu projeto exibe corretamente uma lista dos alunos e permite que os usuários editem, criem ou excluam os registros dos alunos no banco de dados.
Clique com o botão direito do mouse no arquivo Index.cshtml da Página Inicial>de Exibições>e selecione Exibir no Navegador. Na página inicial do aplicativo, selecione Lista de alunos.
Na página Índice , observe a lista de alunos e os links para modificar esses dados. Selecione o link Criar novo e forneça alguns valores para um novo aluno. Clique em Criar e observe que o novo aluno foi adicionado à sua lista.
De volta à página Índice , selecione o link Editar e altere alguns dos valores de um aluno. Clique em Salvar e observe que o registro do aluno foi alterado.
Por fim, selecione o link Excluir e confirme que deseja excluir o registro clicando no botão Excluir .
Sem escrever nenhum código, você adicionou exibições que executam operações comuns nos dados na tabela Student.
Você deve ter notado que o rótulo de texto de um campo é baseado na propriedade do banco de dados (como LastName), que não é necessariamente o que você deseja exibir na página da Web. Por exemplo, você pode preferir que o rótulo seja Sobrenome. Você corrigirá esse problema de exibição posteriormente no tutorial.
Exibir exibições de inscrição
Seu banco de dados inclui uma relação um-para-muitos entre as tabelas Aluno e Matrícula e uma relação um-para-muitos entre as tabelas Curso e Inscrição. As exibições de Inscrição lidam corretamente com essas relações. Navegue até a home page do seu site e selecione o link Lista de registros e, em seguida, o link Criar novo .
A exibição exibe um formulário para criar um novo registro de registro. Em particular, observe que o formulário contém uma lista suspensa CourseID e uma lista suspensa StudentID . Ambos são preenchidos com valores das tabelas relacionadas.
Além disso, a validação dos valores fornecidos é aplicada automaticamente com base no tipo de dados do campo. A nota requer um número, portanto, uma mensagem de erro será exibida se você tentar fornecer um valor incompatível: O campo Nota deve ser um número.
Você verificou que as visualizações geradas automaticamente permitem que os usuários trabalhem com os dados no banco de dados. No próximo tutorial desta série, você atualizará o banco de dados e fará as alterações correspondentes no aplicativo Web.
Próximas etapas
Neste tutorial, você:
- Adicionado andaime
- Links adicionados para novas visualizações
- Visualizações exibidas dos alunos
- Exibições de inscrição exibidas
Avance para o próximo tutorial para saber como alterar o banco de dados.