Aula_12 11 18

•

UNIFACVESTEAD

0

Lidia Lemos

19/01/2023

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Empreendedorismo

120.817 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

Treinamento em C# WebDeveloper
	
Aula
07
	
	Segunda-feira, 12 de Novembro de 2018
	
	
	
Desenvolvimento Orientado a Objetos em C#
	
Criando uma nova solution em branco:
Arquitetura baseada em camadas
Todo sistema criado em .NET será um conjunto de vários projetos com referencias entre si. Onde cada projeto será responsavel por uma "parte" do sistema como um todo.
Segundo a especificação de arquitetura de aplicações da Microsoft, todo sistema criado em .NET pode ser dividido em 3 modulos:
Presentation Layer (PL)
Modulo ou camada do sistema que contem o projeto responsavel pela interface do usuario da aplicação (Web, Desktop, Mobile, etc...)
Business Layer (BLL)
Modulo ou camada do sistema que contem os projetos responsaveis por implementar as regras de negócio da aplicação.
Data Layer (DAL)
Modulo ou camada do sistema que contem os projetos responsaveis pela conexão, transações e operações em banco de dados. 
1 - Camada de Apresentação
Projeto Web
Asp.Net
Todo conjunto de tecnologias .NET para desenvolvimento de aplicações para Web. Temos 3 tipos de frameworks para desenvolvimento Asp.Net:
Asp.Net WebForms
Tecnologia para desenvolvimento de aplicações web baseado no WindowsForms (Clique-arraste)
Asp.Net MVC
Tecnologia para desenvolvimento de aplicações web baseado no padrão View / Model / Controller.
Asp.Net WebApi
	Tecnologia para desenvolvimento de aplicações web voltadas para 	integração com outros sistemas (Serviços REST)
Selecione: Vazio | Estrutura: MVC
Criando uma página inicial no projeto:
No Asp.Net MVC, cada página HTML criada precisa de uma classe de Controle que gerencie o conteudo da página.
Exemplo:
/Home/Index
 [Controller] [View]
Nomes de controllers em Asp.Net MVC devem sempre ter 
o nome terminando com a palavra "Controller"
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace Projeto.Presentation.Controllers
{
 public class HomeController : Controller
 {
 // GET: Home/Index
 public ActionResult Index()
 {
 return View(); //abrir a página
 }
 }
}
Criando a página:
.cshtml (C# html)
Página HTML que pode tambem conter 
conteudo de código escrito em C#.
@{
 Layout = null;
}
<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width" />
 <title>Index</title>
</head>
<body>
 <div> 
 <h1>Bem vindo ao Sistema</h1>
 <p>
 Aula de C# WebDeveloper - Asp.Net MVC
 </p>
 </div>
</body>
</html>
Configurando a página inicial 
do projeto Asp.Net MVC:
http://localhost:59188/Home/Index
CSS e JavaScript
Todo desenvolvimento frontend de aplicações web é baseado em CSS (Folhas de estilo) e JavaScript (Linguagem de scripts para programação em páginas HTML)
Atualmente, umas das bibliotecas CSS e JavaScript 
mais utilizada pelo mercado é o bootstrap
Instalando o bootstrap:
Gerenciar pacotes do NuGet
/Content
Pasta para armazenar somente arquivos CSS do bootstrap
/Scripts
Pasta para armazenar arquivos JavaScript utilizados pelo bootstrap
Utilizando a folha de estilos do 
bootstrap (CSS) na página Index:
@{
 Layout = null;
}
<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width" />
 <title>Index</title>
 <link href="~/Content/bootstrap.css" rel="stylesheet" />
</head>
<body>
 <div class="container"> 
 <h1>Bem vindo ao Sistema</h1>
 <p>
 Aula de C# WebDeveloper - Asp.Net MVC
 </p>
 <hr/>
 <p>
 Escolha a operação desejada:
 </p>
 <a href="" class="btn btn-success">
 Cadastrar Funcionários
 </a>
 <a href="" class="btn btn-primary">
 Consultar Funcionários
 </a>
 </div>
</body>
</html>
Continua...
11