Javascript
unidade 7- OPI Acesso a bases de dados via Web Utilizando o programa Microsoft Visual Web Developer 2005 Express Edition Linguagem Scripting • Introdução • JavaScript • Exercício 1, 2,3 e 4 • CooKies • Exercno 5 HTML Dinâmico • Exercicio 6 ASP. NET JavaScript 0 p Pouco após o lançamento do JAVA, foi anunciada, em conjunto pela Sun Microsystems e pela Netscape, uma nova linguagem de programação de tipo interpretado (sem necessitar de compilação): o Javascript.
Esta linguagem, cujo nome deriva das grandes semelhanças sintácticas que tem com o JAVA, destinou- -lal Studia Visualize a página no browser. Nota: Devido ao facto de o javascript estar totalmente embebido no código HTML, o código fonte pode ser visto escolhendo a no menu VER – ver código-Fonte. Este facto coloca alguns problemas de protecção de direitos de autor dos programas. O código JavaScnpt coloca-se delimitado por um elemento e localiza-se habitualmente na zona do cabeçalho do documento. Exercício 2 1. Dentro do site criado adicione o item Exercíci02. 2.
Escreva o seguinte código: 3. Visualize a página no browser. O texto enviado para a janela do browser (introduzido entre as aspas dentro do método document. write) é na verdade HTML. Isto significa que podemos utilizar os tradicionais elementos usados no HTML para controlar o formato com que enviamos o texto para o ecrã. Por exemplo: Exercício 3 1. Dentro do site criado adicione o item Exercíci03. Até aqui são exemplos que facilmente poderiam facilmente ser construídos em HTML. Este não é o caso do exercício seguinte, em que há uma verdadeir om o utilizador. través do método “Windows. prompt()”, sendo colocado o resultado na variavel “nome”. Ao introduzi-lo na caixa de diálogo que lhe surge, o nome entrado é colocado na página HTML resultante, como se fizesse parte desta desde o inicio. Neste caso, estamos em presença de algo que seria impossvel de obter utilizando simples HTML. COOKIES Um dos principais problemas que sempre existiu como obstáculo à criação de aplicações mais complicadas na WWW foi a dificuldade em registar e manter o contexto de uma determinada situação.
Se se pretender fazer depender o carregamento de uma determinada página de alguma resposta anterior do utilizador, o servidor WWW não tem nenhuma informação acerca das acções prévias deste, uma vez que cada carregamento de uma página é considerado como uma transacção independente. ara contornar este problema, podem ser construídos complicados programas CGI, ou ASP’s, que guardem informação acerca do contexto da comunicação com um utilizador e mentenham o controlo das acções deste com base nessa informação.
No entanto, existe uma forma muito mais natural de realizar este tipo de operações: utilizando os chamados “COOKIES”. um “COOKIES” nao é mais do que uma forma de armazenar informação localmente no browser, relativa ao estado da comunicação entre cliente e o servidor WWW Exemplos de situações em que os cookies podem ser importantes são os seguintes: ?? Um utilizador é interrogado acerca de qual o seu nome e essa informação é guardada num cookie que pode ser utilizado noutras páginas Instaladas no mesmo servidor. 0F 10 cookie que pode ser utilizado noutras páginas instaladas no mesmo servidor. • Efectuar um questionário ao utilizador e só depois permitir o acesso a uma determinada página WWW, guardando a informação de que o utilizador tem acesso num cookie. Os valores dos cookies são guardados no browser do cliente e podem ser acedidos via propriedade “cookie”, do objecto Javascript “document”. Um cookie é, normalmente, constituído or uma string de texto com a seguinte sintaxe: Sintaxe: Exercício 5 1.
Dentro do site criado adicione o item Exercíci05_pag1. 3. Dentro do site criado adicione o item Exercíci05_pag2. 4. Visualize as páginas no browser- Ao ser acedida a primeira página, o utilizador é interrogado pelo seu nome e o valor é guardado no Cookie. Esse valor fica disponível para a segunda página consultar quando for acedida. Repara-se que as duas páginas nao têm, em teoria, nada a ver uma com a outra (para além do facto de a primeira ter um link para a segunda), pelo que o cookie é o único factor de omunicação entre as duas.
HTML DINAMICO O HTML dinâmico não é mais do uma associação de folhas ue um nome pomposo para programas de scripting utilizador ou mesmo de forma temporizada. Exercício 6 1. Dentro do site criado adicione um item como página HTML e grave com o nome Festilos. css. 3. Adicione o item Exercícios. 4. Escreva o seguinte código: A seguir à palavra reservada “funtion” está o nome da função e depois, entre chavetas, a sequência de acções que são tomadas.
A referência “texto_dinamico” e o nome pelo qual será designado o texto afectado pelo elemento em que se aplica o estilo. O código que está no body é o que contém o texto propriamente dito. A zona de texto a controlar é designada com o atributo “id”, seguido do nome”texto dinamico”. Logo abaixo definem-se três parágrafos, em que a cada um deles se associa à marca de parágrafo um evento (neste caso, onMouseOver- passagem de rato sobre) e uma fun cão a chamar quando o evento ocorre. BASES DE DADOS – ASP. NET Introdução O ASP.
Net é utilizado para a criação de páginas dinâmicas que interagem com os seus utilizadores, mas é possível ir um passo mais a diante e manipular dados, uma tarefa que pode ser esumida a uma simples exibição dos livros publicados por uma editora, até chegar a situações mais complexas como processar um pedido on-line. A plataforma . NET reúne u 0 e tecnologias de acesso a conjunto de dados com uma estrutura regular com a finalidade de organizar a informação. uma base de dados normalmente agrupa hformações utilizadas para um mesmo fim, como, por exemplo, a gestão de livros de uma editora. ma base de Dados é usualmente mantida e acedida por meio de um software conhecido como Sistema Gestor de Bases de dados (SGBD), utilizando um modelo relacional, cujas estruturas ossuem a forma de tabelas, compostas por linhas e colunas. Em resumo, podemos dizer que uma base de dados relacional nada mais é do que um conjunto de tabelas criteriosamente organizadas, em que informações são armazenadas e localizadas de maneira rápida e eficiente. Tabelas Uma tabela representa um conjunto de dados de uma determinada entidade (uma forma lógica de representar um conjunto de informações, como pessoas, objectos, etc. , como, por exemplo, os livros publicados por uma editora, que contém um grupo de” itens semelhantes”. A tabela de Livros de uma editora contém um conjunto de informações pertencentes aos ivros, como: título, nome do autor, número de páginas, etc. As tabelas de dados organizam esses dados em forma de linhas e colunas. As colunas representam um item de dados individual ou campo. Já as suas linhas constituem um conjunto de campos relacionados denominados registos. porquê uma base de dados na Internet? Uma livraria, uma loja de CD’s, etc. ao exporem os seus produtos na Internet, geram informações dinâmicas. Uma loja de Cd’s recebe diariamente alguns títulos novos que devem ser exibidos na Internet, o mesmo ocorre com livraria 6 0 diariamente alguns títulos novos que devem ser exibidos na Internet, o mesmo ocorre com livrarias, editoras, etc. Se esses sites fossem exibidos simplesmente usando HTML, a sua manutenção seria praticamente impossível, pois para cada novo título teria de ser criada uma nova página, sem falar da alteração de preços, quantidades em stock, etc.
Logo, a melhor maneira de publicar um grande volume de informação na Internet consiste na criação de páginas dinâmicas que acedam a uma base de dados que contenha tais informações. Nesse caso, qualquer alteração, inclusão ou cancelamento dos itens será feito directamente na base de dados e automaticamente exibido nas páginas da Internet. Outro uso das bases de dados refere-se ao registo de utilizadores interessados em adquirir produtos pela Internet, cujos dados (nome, morada, produto que está a comprar, quantidade, etc. são armazenados numa base de dados, posteriormente processados para em seguida serem enviados para as moradas desses utilizadores. As bases de dados podem ser criadas no: • Microsoft Access; • Microsoft SQL Server; • Oracle; • MySQL e PostgreSQL (sistemas disponibilizados gratuitamente). Exercício 1 – Exibir os dados de uma única tabela da base de dados numa página Web Utilizando Objectos do programa Visual Web Developer – Abra o Visual Web Developer, crie um novo site e atribua-lhe o nome de Ligacao_BDados. – Construa, no Microsoft Access, uma base de dados com o nome Ba 0 nome Base. mdb e com a seguinte estrutura: Tabela: Livros Campos: o ISBN – texto e IO caracteres o Titulo — texto de 50 caracteres Grave o ficheiro Base. mdb na pasta App_Data do projecto do web site criado anteriormente. 3- Dentro do web site criado, adicione o item default. aspx. 4- Situe-se na área de Design. Usando a janela Database Explorer (fig. 1) primeiro adiciona-se a Base de dados e depois pode-se manipular inserindo, alterando u eliminando dados para teste da aplicação. fig. – Database Explorer Ligação à Base de dados A ligação é feita por objectos que encontramos na ToolBox (fig. 2) Na secção Data encontramos uma série de objectos DataDource. São estes usados para a ligação com as bases de dados. Neste caso vamos usar o AccessDataSource para ligar a uma base de dados ACCESS. fig. 2 Database ToolBox 5- Arraste o objecto AccessDataSource para a área de Design. Em Configure Data Source (fig. 3) definimos a ligação à base de dados, fazendo a ligação à tabela livros e todos os seus campos. 0F 10 FormView ou Repeater 6- Arraste para a área de Disign o GridView Na fig. vemos como se selecciona a origem dos dados e usando as outras opções pode-se fazer uma série de configurações do objecto. Seleccionando todos os Enable… vai permitir a inserção, alteração e Eliminação de dados. Fig. 4 – Opções do GridView 7- Formate a gosto a tabela que irá apresentar os dados. Fig. 5 – Tabela que apresentará os dados da base de dados 8- Clique no botão para visualizar a página no browser. Exercicio 2 – Exibir os dados de várias tabelas da base de dados numa página Web 1. Abra o Visual Web Developer, crie um novo site e atribua-lhe o nome de 2.
Construa, no Microsoft Access, uma base de dados com o nome Biblioteca. mdb e com a seguinte estrutura: Grave o ficheiro Biblioteca. mdb na pasta App_Data do projecto do web site criado anteriormente. 3. Dentro do web site aceda ao item default. aspx. 4. Situe-se na área de D tabelas, Índices, domínios, etc. para a criação e manutenção de uma base de dados. – Fazer consultas simples ou complexas a uma base de dados. – Fazer operações de inclusão, alteração e exclusão nas tabelas que compõem a base de dados de um sistema. ? bom não se confundir SQL com SQL Server.
O SQL Server é uma base de dados desenvolvida pela Microsoft, assim como o Access e nada tem a ver com a linguagem SQL. O SQL Server é usado na criação de bases de dados de grande porte com capacidade de suportar um grande número de registos, elevado número de acessos à base, transacções simultâneas, etc. Já o Access é usado na criação de bases de dados de menor porte, além de possuir uma filosofia de funcionamento diferente do SQL Server. A Linguagem SQL é utilizada para manipular dados do Microsoft Access como do Microsoft SQL Server, além de outras bases de ados, tais como: MySQl— Oracle, etc.
A Instrução SELECT A instrução SELECT é, sem dúvida nenhuma, uma das mais importantes e mais usadas pela linguagem SQL, pois é a responsável por extrair dados de uma consulta. A sua sintaxe contém um grande número de opções que permitem executar consultas a uma base de dados de forma simples ou num nível de complexidade bastante elevado. A palavra-chave SELECT é seguida pela lista dos nomes dos campos a serem exibidos na consulta. A palavra-chave FROM é seguida pelo nome da tabela (ou tabelas) envolvidas na consulta. SELECT [ALL I I , FROM 0 DF 10