ASP.NET 2.0. Jorge Ricardo Calejo Microsoft Student Partner

Transcrição

1 ASP.NET 2.0 Jorge Ricardo Calejo Microsoft Student Partner

2 Vamos abordar: O que é o ASP.net -Web Forms -Web e HTML Server Controls - Programação Inline e Code-Behind - Scripts no Cliente e Servidor - Validações no Cliente e Servidor -Gestão de Estados no Cliente e Servidor -ADO.net - API Membership -Profiles

3 O que é o ASP.net 2.0 Sucessor da tecnologia Active Server Pages Independente da linguagem utilizada Independente do browser cliente Informação inserida no cliente é directamente processada no servidor (conceito de Web Form) Criação de aplicações Web distribuídas por meio de Web Services

4 Aplicação ASP.net Internet Cache Output Page1. aspx Page2. aspx Web Forms Code- behind pages global. asax Web. config machine. config Web Services XML Data Database Components

5 Estrutura de Aplicação Web My Documents Inetpub Visual Studio Projects wwwroot Solution Development Files Solution.sln ProjectA ProjectA.csproj WebForm1.aspx WebForm1.aspx.cs (Code-behind page) Assembly Files Build Bin ProjectA.dll

6 Arquict. Cliente Servidor

7 Web Forms Modelos de Objectos As Web Forms possuem um modelo de objectos interno constituído por: Objecto Server Representa o Servidor Web Representa o Servidor Web Objecto Page Representa a página Web Objecto Request Representa o pedido efectuado pelo browser cliente Objecto Response Represente a resposta a enviar ao cliente pelo servidor

8 Web Forms Atributo Form Dentro do atributo FORM colocam-se controlos denominados Server Controls Web Server Controls Intrinsic controls (asp:textbox) Validation controls (asp:requiredfieldvalidator) Rich controls (asp:calendar) List-bound controls (asp:datagrid) Internet Explorer Web Controls ( HTML Server Controls Controlos HTML básicos (DIV, IMG, HR,...)

9 HTML Server Controls Baseados nos elementos HTML Runat= server Existem no namespace System.Web.UI.HtmlControls <input type="text" id="txtname" runat="server" />

10 Web Server Controls Existem no namespace System.Web.UI.WebControls Sintaxe ASP.net <asp:textbox id="textbox1" runat="server">text_to_display </asp:textbox> HTML gerado type="text" <input name="textbox1" type="text" value="text_to_display" Id="TextBox1"/>

11 Escolher Control Adequado Optar por HTML Server Controls se: Preferir trabalhar com a estrutura de objectos HTML Pretender fornecer rapidamente funcionalidades ASP.NET a páginas HTML já existentes O controlo irá interagir com scripts no cliente e no servidor A largura de banda for limitada Optar por Web Server Controls se: Preferir trabalhar com um modelo de programação orientado a objectos Pretender desenvolver páginas que serão visualizadas por diversos tipos de browsers Necessitar de funcionalidades especificas tais como um calendar A largura de banda disponível não constituir um problema

12 Como programar em ASP.net Três métodos de implementar código: Colocar o código no mesmo ficheiro que contem os Server Controls misturado com as definições dos mesmos (mixed) Colocar o código no mesmo ficheiro que contem os Server Controls, mas numa zona separada das definições dos controlos (inline code) Colocar o código num ficheiro separado (code-behind pages) Por defeito o VS.NET utiliza ficheiros separados de código (code-behind)

13 Programação Inline Definição dos controls e código no mesmo ficheiro Secções separadas para o código e para o HTML <HTML> <asp:button id="btn" runat="server"/> </HTML> <SCRIPT Language="c#" runat="server"> private void btn_click(object sender, System.EventArgs e) {... } </SCRIPT>

14 Programação Code-Behind Código e HTML em ficheiros separados Programadores e Web Designers podem trabalhar de forma independente Um só ficheiro Ficheiros separados código <tags> <tags> código Form1.aspx Form1.aspx Form1.aspx.cs

15 O que são Event Procedures? Acções em resposta à interacção do utilizador com os controls numa página

16 Scripts no Cliente Só utilizados com controlos HTML Interpretado pelo browser e executado no cliente Não acede a recursos do servidor <SCRIPT language="language"> Internet.HTM Pages

17 Scripts no Servidor Utilizado em qualquer tipo de Server Control Compilado e executado no servidor Tem acesso aos recursos do servidor <SCRIPT language= cs runat="server"> Internet.ASPX Pages

18 Evento PostBack O evento Page_Loadocorre em cada pedido á página. A propriedade IsPostBack do objecto Page permite verificar se se trata do primeiro pedido ou não. private void Page_Load(object sender, System.EventArgs e) { if (!Page.IsPostBack) { //Código executado somente no primeiro pedido } //este código será executado em todos os pedidos }

19 O que é a validação da informação inserida pelo utilizador? Verifica se o valor inserido num controlo está minimamente coerente com a informação pretendida Bloqueia o processamento da página até que todos os valores sejam validos.

20 Validação no Cliente e no Servidor ASP.NET cria processos de validação no cliente e no servidor Validação no Cliente Dependente do browser Resposta imediata Reduz número de pedidos ao servidor Validação no servidor Repete todas as validações efectuadas no cliente Permite utilizar recursos externos (p.e. bases de dados) Client Server User Enters Data Valid? Yes Valid? Yes No No Web Application Processed Error Message

21 Controlos de Validação O ASP.NET fornece controlos de validação para: Comparar valores Comparar com uma fórmula pré-definida Verificar se um valor pertence a um intervalo Confrontar com expressões regulares Exigir preenchimento de informação Sumariar as validações inseridas numa página

22 Controlos de Validação Colocar o control na web form Seleccionar o controlo que se pretende validar Configurar as propriedades de validação <asp:textbox id="txtname" runat="server" /> <asp:type_of_validator id="validator_id" runat="server" ControlToValidate="txtName" ErrorMessage="Message_for_error_summary" Display="static dynamic none" Text="Text_to_display_by_input_control"> </asp:type_of_validator>

23 Controlos de Validação Pode haver vários controls de validação afectos a um mesmo objecto Somente o RequiredFieldValidatorverifica se a informação está preenchida

24 Controlos de Validação RequiredFieldValidator CompareValidator RangeValidator RegularExpressionValidator CustomValidator ValidationSummary

25 O que é um User Control? Um User Controlé um Web Server Controldefinido pelo programador Tem extensão.ascx Simplifica a reutilização de componentes de interface dentro de uma aplicação web Não contém as etiquetas <HTML>, <BODY> e <FORM> Possui <%@ Control Language= c#" %> Contem o código para tratar os seus próprios eventos

26 Porquê utilizar User Controls? Reutilização de componentes de interface e de código Control1.ascx Aplicação A Aplicação B Page1.aspx Page1.aspx Page2.aspx

27 Gestão de Estado Sem gestão de estado Com gestão de estado Login.aspx Login.aspx Please enter your logon information: First Name John Last Name Chen Submit Greetings.aspx Web Server Please enter your logon information: First Name John Last Name Chen Submit Greetings.aspx Web Server Hello Hello John Chen I forget who you are!!

28 Tipos de Gestão de Estado No Servidor Objecto Application Informação fica disponível para todos os utilizadores da aplicação Objecto Session Só o utilizador da sessão terá acesso á informação Cookies No Cliente Ficheiro de texto com informação do estado Propriedade ViewState Permite guardar valores entre pedidos á página Base de Dados Poderá ser utilizada uma BD para manter informação do estado Query strings Informação inserida no final da URL

29 Gestão de Estado no Servidor O objecto Applicationpermite armazenar informação de toda a aplicação web O uso de Sessionestá condicionado á sessão do browser cliente A sessão ASP.NET é identificada pela propriedade SessionID do objecto session Cliente Servidor Web Variáveis de Sessão e de Aplicação SessionID

30 Gestão de Estado no Cliente Utilização de cookies (persistentes/ temporárias) Menos fiável que a gestão no servidor O utilizador pode apagar as cookies Limite ao tamanho da informação Restrições no cliente ao tamanho de ficheiros Cliente Servidor Cookies 30

31 Ligações a Base de Dados ADO.NET

32 Acesso a Base de Dados Namespace System.Data Modos de aceder à informação OLE DB namespace System.Data.OleDb SQL- namespace System.Data.SqlClient Aplicativo.Net Objectos OLE DB Objectos OLE DB OLE DB TDS Informação Informação SQL Server

33 Acesso a Base de Dados

34 ADO.net Data Source Controls Um control Data Sourceé um objecto no qual se pode declarativamente definir: Informaçãosobrea conexãocom a base de dados Informação de pesquisa, como instruções SQL ou métodos a serem invocados. Comando para inserir, alterar e apagar dados. ParâmetrosparacomandosSQL Outrasoperaçõescomo: pagging, caching e sorting

35 ADO.net ObjectDataSource Enables you to work with a business object or other class and create Web applications that rely on middle-tier objects to manage data. Supports advanced sorting and paging scenarios unavailable with the other data source controls. SqlDataSource Enables you to work with Microsoft SQL Server, OLE DB, ODBC, or Oracle databases. When used with SQL Server, supports advanced caching capabilities. The control also supports sorting, filtering, and paging when data is returned as a DataSetobject. AccessDataSource Enables you to work with a Microsoft Access database. Supports sorting, filtering, and paging when data is returned as a DataSetobject. XmlDataSource Enables you to work with XML data, especially for hierarchical ASP.NET server controls such as the TreeView or Menu controls. Supports filtering capabilities using XPath expressions and enables you to apply an XSLT transformation to the data. The XmlDataSourceenables you to update data by saving the entire XML document with changes. SiteMapDataSource Used with ASP.NET site navigation. Data Source Controls Overview [

36 ADO.net Ligados a Data Source Controls via DataSourceID Suporte a selecção, ordenação, paginação, edição GridView DetailsView FormView

37 ADO.net Declarative Data Binding Configuração no Web.config <connectionstrings> <add name="northwindconnectionstring" connectionstring="provider=microsoft.jet.oledb.4.0; Data Source=D:\dotnet2_0_projectos\northwind.mdb" providername="system.data.oledb"/> </connectionstrings> Página.aspx <asp:sqldatasource ID="SqlDataSource1" runat="server ConnectionString="<%$ ConnectionStrings:northwindConnectionString %> ProviderName="<%$ ConnectionStrings:northwindConnectionString.ProviderName %>" SelectCommand="SELECT [CompanyName [City] FROM [Customers]">

38 ADO.net

39 ADO.net Configurar GridView

40 ADO.net

41 API Membership e Login Web Site Administration Tool

42 Membership e Login Membership e Login Objectivos: Criar página principal com link para login LoginStatus control Abrir página de login Login.aspx Login control Validação do utilizador e regresso à página principal com apresentação de sucesso na validação LoginView control Apresentação do nome do utilizador LoginName control Impedir acesso a páginas para utilizadores não autenticados Criar rules

43 API Membership e Login Criar Utilizador Membership Asp.Net Configuration -> Security Criar utilizador: User name Password Método de acesso: From the internet From a local area network Nota: A informação de membership é guardado por omissão no Microsoft SQL Server Express, no folder App_Data

44 Controlo de Utilizadores API MEMBERSHIP

45 Criar Regras Inserir regras de acesso para uma dada directoria ( p.e. memberpages) Utilizar Web Site Administration Tool Security -> Create Access Rules

46 Controlos de Login Criar página com Login Button Inserir controlo LoginStatus Login Este link referencia, por omissão, a página Login.aspx Web.config Form Authentication <system.web> <authentication mode="forms" /> </system.web> Criar página para fazer Login -> Login.aspx Inserir controlo Login

47 Controlos de Login Registar novo utilizador Criar página register.aspx Inserir controlo CreateUserWizard Configurar propriedade ContinueDestinationPageUrlpara a Configurar propriedade ContinueDestinationPageUrlpara a página principal

48 Controlos de Login ChangePassword: Namespace: System.Web.UI.WebControls Sintaxe: [BindableAttribute(false)] public class ChangePassword : CompositeControl, INamingContainer Propriedade SuccessPageUrl PasswordRecovery: Namespace:System.Web.UI.WebControls Sintaxe: [BindableAttribute(false)] public class PasswordRecovery : CompositeControl

49 Class Membership ValidateUser da class membership public void Login_OnClick(object sender, EventArgs args) { if (Membership.ValidateUser(UsernameTextbox.Text, PasswordTextbox.Text)) } FormsAuthentication.RedirectFromLoginPage(UsernameTextbox.Text, NotPublicCheckBox.Checked); else Msg.Text = "Login failed. Please check your user name and password and try again."; // codigo html inserir password e username <body> <form id="form1" runat="server"> <h3>login</h3> <asp:label id="msg" runat="server" /><br /> Username: <asp:textbox id="usernametextbox" runat="server" /><br /> Password: <asp:textbox id="passwordtextbox" runat="server" /><br /> <asp:button id="loginbutton" Text="Login" OnClick="Login_OnClick" runat="server" /> <asp:checkbox id="notpubliccheckbox" runat="server" /> Check here if this is <span >not</span> a public computer. </form> </body> </html>

50 Class Membership Alguns métodos ValidateUser CreateUser DeleteUser FindUsersByName GetAllUsers GetNumberOfUsersOnline.

51 Informação de Utilizadores PROFILES

52 Objecto Profile O objecto Profile permite armazenar informação única de um utilizador. Quando o utilizador visita novamente o site é possível usar a informação armazenada para apresentar ao utilizador uma versão personalizada da aplicação Web. Para personalizar uma aplicação é necessário: Guardar informação usando um identificador de utilizador único, Reconhecer o utilizador quando visita novamente o site, e Aceder a essa informação quando for necessário. Em ASP.NET 1.1 usava-se o objecto Session. Apresenta a desvantagem da volatilidade por omissão persiste na memória, e só durante a sessão. Também se podia armazenar informação em bases de dados, mas era necessário escrever código para gravar e retribuir essa informação ASP.NET 2.0 introduz um novo objecto Profile que permite persistir os dados do utilizador de um modo muito mais eficiente.

53 ASP.net 2.0 Profiles O serviço de Profile de ASP.NET 2.0 simplifica a tarefa de guardar dados por utilizador. No objecto Profile pode-se armazenar objectos de qualquer tipo. O serviço de Profile trabalha com utilizadores autenticados e não autenticados. Pode-se especificar um provider de Profile, sendo por omissão, usada a instância SqlProfileProvider que armazena os dados do profile no servidor Web local. Para poder usar o objecto profile é necessário primeiro activar o serviço de Profile no ficheiro Web.config. No ficheiro Web.config configura-se o objecto Profile definindo uma lista de propriedades cujos valores se pretendem manter. O serviço de Profile disponibiliza essa informação usando uma API fortemente tipada, acessível em qualquer parte da aplicação.

54 Uso do objecto Profile Aplicação Web simples com apenas uma página: protected void Page_Load(object sender, EventArgs e) { if (Profile.PrimeiroNome!= "") { Panel1.Visible = false; Response.Write("Bem-vindo " + Profile.PrimeiroNome + " " + Profile.UltimoNome); } else Panel1.Visible = true; } protected void Button1_Click(object sender, EventArgs e) { Profile.PrimeiroNome = TextBox1.Text; Profile.UltimoNome = TextBox2.Text; }

55 Uso do Objecto Profile Server Error in '/Profiles' Application. Compilation Error Compiler Error Message: CS0117: 'System.Web.Profile.DefaultProfile' does not contain a definition for 'PrimeiroNome Source Error: Line 15: if (Profile.PrimeiroNome!= "") É necessário activar o serviço de Profile: No Solution Explorer, Add New Item, Web Configuration File. No ficheiro Web.config definem-se 2 propriedades PrimeiroNome e UltimoNome. <?xml version="1.0"?> <configuration> <system.web> <profile> <properties> <add name="primeironome"/> <add name="ultimonome"/> </properties> </profile> </system.web> </configuration>

56 Uso do Objecto Profile É necessário refrescar a listagem do projecto no Solution Explorer para ver a directoria App_Data criada e o ficheiro de base de dados ASPNET.MDF

57 Autenticação Windows Duplo clique na base de dados abre a janela Solution Explorer com as tabelas da base de dados. Seleccionando o menu Show Table Data podemos ver o conteúdo de cada tabela. Conteúdo das tabelas: aspnet_profile e aspnet_users

58 Autenticação ASP.net Forms Por omissão ASP.Net usa Autenticação Windows. Na aplicação Web criada as propriedades do objecto Profile foram associadas ao nome do utilizador Windows. Autenticação Windows é útil para aplicações Intranet, mas para autenticar utilizadores externos é melhor usar autenticação ASP.NET Forms. Vamos mudar o modo de autenticação de Windows para Forms no ficheiro Web.config: <?xml version="1.0"?> <configuration> <system.web> <profile> <properties> <add name="primeironome"/> <add name="ultimonome"/> </properties> </profile> <authentication mode="forms" /> </system.web> </configuration>

59 Autenticação ASP.net Forms Server Error in '/Profiles' Application. This property cannot be set for anonymous users. Vamos: Adicionar um nova página Login.aspx com o controlo Login. Adicionar um novo utilizador através do menu Website > ASP.NET Configuration. Alterar o elemento authentication e adicionar o elemento authorization do web.config. <authentication mode="forms" > <forms name=".aspxauth" loginurl="login.aspx protection="validation timeout="999999" /> </authentication> <authorization> <deny users="?" /> </authorization>

60 Autenticação ASP.net Forms Conteúdo das tabelas: aspnet_profile e aspnet_users

61 Mais Informação... MSDN Library framework center C# ASP.net Laboratório.net do ISEP/IPP

62 Tutoriais

63 Jorge Ricardo Calejo Microsoft Student Partner