Escolar Documentos
Profissional Documentos
Cultura Documentos
DREAMWEAVERMX
2004
Development
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
Assuntos:
01|Banco de Dados
02|DreamweaverMX 2004 e Configuração do IIS
03| Gerenciamento do projeto e
Configuração dos drives de banco de dados
04| Criando Recordset
05| Criando o menu apartir do Recordset
06| Criando Link’s Dinâmicos
07| Criando o Catálogo
08| Criando o Site Administrativo
.
Por
Carlos José
carlosjose@walla.com
Certificado no Macromedia Authorized Training Program.
Em Dreamweaver MX Fast Track e Developer
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
01|Banco de Dados
NOÇÕES SOBRE BANCO DE DADOS relatórios, etiquetas, etc.
No dia a dia estamos acostumados a colecionar informações concernentes a diversas O Access, por exemplo, é considerado um SGBD e atua sobre bancos de dados padrão
coisas. Agenda de endereços, fichas de funcionários, catálogos de produtos, contas a MDB (MicroSoft DataBase).
pagar, contas a receber. Se contarmos quantas coleções de informações podemos
identificar, teremos um inventário de nossas vidas. Uma maneira eficiente guardar uma
coleção de informações, é usar uma tabela. Imagine uma tabela de clientes, conforme MICROSOFT ACCESS
mostrada abaixo:
Introdução
Chave primária Dado O Microsoft Access é um Sistema Gerenciador de Banco de Dados Relacional (SGBDR)
Campo
para Windows, voltado principalmente para usuários, onde sua metodologia de
Código Sobrenome Nome Endereço funcionamento baseia-se no conceito de orientação visual, ou seja, é possível construir
0001 Lucena Fred R. da Saudade, 383 qualquer aplicativo que trabalhe com banco de dados, através de telas interativas,
0002 Stephen David Av. Getúlio Varga s, 345 embora também apresente uma linguagem de programação própria (o Visual Basic for
0003 Burégio Ivan Av. Antônio Falcão Registro Applications), permitindo ser usada também por desenvolvedores.
0004 Antibes Magda Av. Copacabana,101
Funções do Access
Código Sobrenome Nome Endereço
Por se enquadrar como um sistema de gerenciamento de banco de dados relacionais, o
0001 Lucena Fred R. da Saudade, 383 Access tem de cumprir algumas funções básicas, embora distintas, descritas abaixo:
0002 Stephen David Av. Getúlio Varga s, 345
0003 Burégio Ivan Av. Antônio Falcão
0004 Antibes Magda Av. Copacabana,101 Função Descrição
Organização de dados Trata -se da criação e manipulação de tabelas que
contém dados em formato de linhas e colunas
Uma tabela é constituída de linhas e colunas. Note que cada coluna contém um tipo de Vinculação de tabelas e Permite vincular várias tabelas através de
dado específico e que cada linha é composta de um conjunto de tipo de dados extração de dados relacionamento de dados e exibir os dados oriundos
diferentes, ou seja um único item de informação. Um dado, consiste numa unidade uma ou de várias tabelas em consultas
mínima de informação, isolada, como por exemplo “Fred” . O dado “Fred” por si só não Entrada e edição de dados Exige o projeto e implementação de formulários para
agrega nenhum valor. Porém quando esse dado faz parte de um conjunto de dados, e visualização, entrada e edição de dados
quando esse conjunto de dados é capaz de modificar o estado de conhecimento sobre Apresentação dos dados Exige a criação de relatórios capazes de
algo, dizemos que nessee momento temos uma Registro. As colunas são chamadas opcionalmente, resumir as informações que se possa
campos e as linhas são chamadas de registros. Dependendo de como você estrutura visualizar e imprimir.
os dados, você pode necessitar de uma ou mais tabelas para armazenar as informações
de modo mais eficiente.
Um Banco de Dados do Access
Sistemas Gerenciadores de Bancos de Dados
Conforme visto acima, para o Access, o conceito de banco de dados vai um pouco além
Os programas que são capazes de armazenar e recuperar informações de um banco de de simples tabelas relacionadas. O Access vê um banco de dados como um “conjunto de
dados são comumente chamados de SGBD (Sistemas Gerenciadores de Bancos de objetos inter-relacionados que estão armazenados de maneira organizada.”
Dados).
Estes objetos citados são na verdade, as estruturas que Access precisa para executar as
Você pode trabalhar com um banco de dados a partir da própria interface do SGBD, suas funções básicas, ou seja, são formas de apresentação dos dados. Portando, além
onde o usuário através de comandos localizados em menus e em botões, pode interagir das tabelas o Access trabalha com os seguinte objetos:
com sua base de dados: incluindo, editando, e consultando informações, emitindo
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
01|Banco de Dados
Objeto Descrição essa caixa esteja exibida, clique sobre Banco de Dados Vazio e, em seguida, clique sobre
Tabela É toda coleção de informações que se apresentam num OK.
formato de linhas e colunas. 2. Selecione a guia “Geral ”
Consulta Permite extrair informações, usando diversos critérios, 3. Dê um clique duplo no ícone “Banco de Dados Vazio”.
determinando de que maneira os dados devem ser 4. Especifique um nome e localização para o banco de dados.
apresentados
Formulários Edita os dados de uma tabela ou consulta. Entende-se por Após criar um banco de dados vazio, você deverá efetuar procedimentos adicionais para
editar a atividade de exibir e permitir a inserção de novos definir os objetos que constituirão o banco de dados.
dados ou a alteração dos dados já existentes na tabela.
Relatórios Lista os dados de uma tabela ou consulta em diversos TABELAS
formatos, permitindo a pre-visualização em tela daquilo que
será impresso Criando uma tabela
Macros Automatiza as mais diversas tarefas padrão do Access, através
de um conjunto de ações. Essas tarefas, podem ser definidas Após criar um banco de dados, a sua próxima tarefa será criar a(s) tabela(s) necessárias
de forma sequencial ou obedecendo condições, no sentido de ao armazenamento de dados. O Microsoft Access oferece várias maneiras de se criar
automatizar as tarefas do dia a dia. uma tabela:
Módulos Contém código em Visual Basic Applications, que você escreve
com o objetivo de executar operações não admitidas pelo Usando o modo Estrutura; Digitando dados em uma folha de dados; Importando dados;
conjunto padrão de macros no Access. Vinculando dados.
Com o Microsoft Access você pode criar um banco de dados de duas maneiras básicas.
Você pode criar um banco de dados vazio e, mais tarde, adicionar as tabelas,
formulários, relatórios e outros objetos. Esse é o método mais flexível, mas você precisa
definir cada elemento do banco de dados separadamente.
1. Quando o Microsoft Access é inicializado, é exibida automaticamente uma caixa com 3.Defina cada um dos campos em sua tabela.
opções para a criação de um novo banco de dados ou abertura de um existente. Caso
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
01|Banco de Dados
Tipo de Dados Descrição Tamanho
Texto Aceita texto ou combinações de texto e números, Até 255 caracteres ou
como endereços. Também para números que não definido pela propriedade
requerem cálculos, tais como números de telefone, Tamanho de Campo, o
número de peças ou códigos de endereçamento que for menor.
postal.
Memorando Diferencia-se do tipo texto pela possibilidade de Até 65.535 caracteres.
suportar textos mais extensos. Indicado para
campos de observações, memorandos, ofícios, e
toda e qualquer mensagem. A vantagem deste tipo
de dado é a elasticidade, ou seja, ele não apresenta
um tamanho fixo. Em caso de linhas que contenham
este tipo de dado vazio (sem texto), o espaço
ocupado é mínimo, e vai crescendo de acordo com
os caracteres que são digitados
Número É capaz de armazenar dados numéricos: valores, 1, 2, 4 ou 8 bytes
Quantidades, etc. Podem ser envolvidos em
cálculos aritméticos e expressões numéricas
Moeda Valores monetários e dados numéricos utilizados em 8 bytes.
cálculos matemáticos envolvendo dados contendo de
uma a quatro casas decimais. Precisão de 15 dígitos
Comentários: à esquerda do separador decimal e de 4 dígitos à
!Para adicionar o campo ao final da tabela, clique sobre a primeira linha em branco. direita.
!Clique sobre a coluna Nome de Campo e digite o nome para o campo, contendo até Data/Hora Valores cronológicos de data e hora para os anos de 8 bytes.
64 caracteres, incluindo combinações de letras, exceto pontos (.), exclamações (!), 100 a 9999.
apóstrofos (') e colchetes [ ]. Também não podem haver espaços de separação, nem Auto Este campo é controlado pelo Access, n ão 4 bytes
caracteres ASCII especiais (de 0 a 32). Numeração permitindo que o usuário o altere. Sempre que um
!Ou, clique sobre a coluna Nome de Campo, clique sobre o botão Construir na barra registro for adicionado a tabela ele será
de ferramentas e, então, selecione um campo a partir do Construtor de Campo. O incrementado automaticamente pelo Access.
Construtor de Campo define automaticamente o nome de campo, o tipo de dados e Indicado para campos chave primária de numeração
outras propriedades, mas você pode alterá-las se quiser. automática pelo computador.
!Na coluna Tipo de Dados, mantenha o padrão (Texto), ou clique sobre a coluna Tipo Sim/Não São campos binários, ou seja, só podem apresentar 1 bit
de Dados, clique sobre a seta e selecione o tipo de dados desejado. um entre dois valores: “sim” ou “não”. Indicado para
!Na coluna Descrição, digite uma descrição da informação que esse campo irá conter. situações do tipo: casado ?, sexo masculino ?, entre
Essa descrição é exibida na barra de status quando você estiver adicionando dados ao outros.
campo e está incluída na Definição do Objeto da tabela. A descrição é opcional. Objeto OLE São campos que armazenam informações sobre Até 1 gigabyte (limitado
!Se quiser, defina as propriedades de campo para o campo na parte inferior da janela. objetos gerados por outros aplicativos, tais como: pelo espaço em disco)
!Repita as etapas acima para cada campo uma planilha Excel, um texto do Word, um gráfico do
PowerPoint, um desenho do CorelDraw, uma
fotografia digitalizada, etc
Hyperlink Texto ou combinação de texto e números Até 6.144 bytes.
Tipos de Dados armazenados como texto e utilizados com o um
endereço de hyperlink (caminho para um objeto,
O Microsoft Access aceita 10 tipos de dados, conforme mostrado na tabela abaixo, que documento ou Página Web da Internet)
podem ser escolhidos a partir de uma lista suspensa: Assistente de Cria um campo que permite a você escolher um valor O mesmo tamanho que o
Pesquisa de uma outra tabela ou de uma lista de valores campo chave primária (4
usando uma caixa de combinaç ão. A escolha dessa bytes).
opção na lista Tipo de Dados inicia o Assistente de
Pesquisa para definir o tipo de dados.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
01|Banco de Dados
Observação: Quando o usuário exclui registros, o campo AutoNumeração não Texto De Validação A mensagem de erro que aparece quando um valor é incorretamente
reaproveita os números que foram excluídos. Se o usuário incluiu 8 registros numa digitado neste campo (em função da violação da regra de validação).
tabela, o AutoNumeração inclui automaticamente números de 1 a 8, logo a seguir o Requerido Aplica-se a todos os campos das tabelas com exceção dos campos
usuário resolveu excluir três registros, ou seja excluir os registros 6, 7 e 8, Ao incluir mais Autonumeração. Especifica se um valor é ou não requerido em um
um registros o contador passa a incrementar a partir do número 8, ele guarda o último campo. Se esta propriedade é definida como "Sim", quando você
número que foi incluído na tabela inserir dados em um registro precisará inserir um valor no campo ou
em qualquer controle vinculado ao campo.
Coluna Descrição Permitir Comprimento Zero Indica se uma seqüência vazia ("") é uma entrada válida para este
campo, ou não. Válido para campo Texto e Memorando.
Texto a ser colocado para efeitos de documentação da própria tabela. Pode ser um texto Indexado É utilizada para localizar e classificar os registros utilizando um único
com um comprimento máximo de 255 caracteres. Você deve utilizar esta coluna para campo em uma tabela. O campo poderá armazenar valores
fornecer informações sobre a tabela e seus campos. exclusivos ou não exclusivos. Por exemplo, pode -se criar um índice
O texto colocado na coluna Descrição deverá aparecer na barra de status inferior da em um campo para a carteira de identidade em uma tabela de
janela do Microsoft Access funcionários no qual o número da carteira é exclusivo, ou pode-se criar
um índice em um campo de nome no qual alguns nomes poderão ser
duplicatas. Pode-se criar tantos índices quantos forem desejados. Os
Propriedades dos Campos
índices são criados quando você salva a estrutura d a tabela e são
automaticamente atualizados quando você adiciona ou altera os
Cada campo que você define, possui um conjunto de características chamado registros. Você pode adicionar ou excluir índices a qualquer momento
propriedades onde você pode ter um controle adicional sobre o o armazenamento, no modo Estrutura de uma tabela. Se a chave primária de uma tabela
manipulação e a exibição do dados. Essas propriedades podem ser definidas no painel for um campo único, o Microsoft Access au tomaticamente definirá a
de Propriedades do Campo, na parte inferior da janela Estrutura da Tabela, ao se propriedade Indexado para aquele campo como "Sim" (Duplicação
escolher a guia “Geral” . Não Autorizada)
Dica: Para alternar entre os painéis Estrutura da Tabela e Propriedades do Campo, sem o Definindo uma Chave Primária
uso do mouse, digite a tecla de função F6.
A chave primária é um campo ou combinação de campos que identifica cada linha de
As propriedades disponíveis para cada campo serão determinadas pelo tipo de dados uma tabela, exclusivamente.
que você selecionar para o campo. Veja na tabela abaixo, as principais propriedades de Ela é associada ao índice principal da tabela e é utilizada para localizar dados
um campo: rapidamente entre as tabelas. A chave primária é altamente recomendada. Ela aumenta
a velocidade de recuperação dos dados e possibilita a definição dos relacionamentos
Propriedade Descrição entre as tabelas. Se a tabela não apresenta um campo chave primária pode-se deixar
Tamanho do Campo É o comprimento máximo do campo tipo Texto ou Número. Os demais que o Access defina um campo que atribui um número exclusivo a cada registro.
tipos já têm seus tamanhos pre -definidos. Para um campo Texto,
digite o número máximo de caracteres permitidos no campo (até 255). Para atribuir uma chave primária:
Para um campo Número, clique sobre a seta e selecione o tamanho
desejado do campo. 1. Selecione o(s) campo(s) que deverá(ão) ser a chave primária da tabela. Lembra-se
Formato Especifica como os dados serão exibidos; utilize os formatos de como selecionar um campo ? (vide Movendo Campos de uma Tabela).
predefinidos ou crie o seu próprio
Máscara de Entrada Determinam como os dados serão exibidos durante a entrada de 2. Na barra de ferramentas, clique sobre o botão Chave Primária , ou no Menu Editar,
dados e a adição. escolha a opção “Chave Primária”. O Access posicionará o ícone de chave primária na
Legenda Exibe um nome diferente do nome do campo no cabeçalho do campo coluna do seletor de linha.
no Modo Folha de Dados
Valor Padrão Valor inserido no campo quando um novo registro for criado.
Regra Validação Uma expressão que define os limites e critérios para os valores a
serem editados neste campo
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
01|Banco de Dados
Deixando que o Access defina a chave primária
Ainda na janela de estruturação, salve a tabela sem especificar uma chave primária.
Uma mensagem será exibida perguntando se você quer criar a chave primária agora.
Escolha "Sim".
No Microsoft Access podem ser definidos três tipos de chaves primárias: Inserindo e Editando Dados em Tabelas
AutoNumeração, formada por um único campo ou vários campos.
Após criar uma ou mais tabelas, a sua próxima tarefa será inserir e editar os dados das
Chaves primárias AutoNumeração mesmas. Para ter acesso à tela de edição de uma tabela, posicione-se na janela Banco
de Dados, com a guia Tabela selecionada. Com uma tabela selecionada, basta acionar o
É a maneira mais fácil de se criar uma chave primária. Se você não definir uma chave botão Abrir, ou simplesmente dar um clique-duplo por sobre a tabela desejada.
primária antes de salvar uma tabela recém-criada, o Microsoft Access perguntará se
você quer que ele crie uma chave primária. Se a resposta for Sim, o Microsoft Access Assim que abrimos uma tabela, ela nos é apresentada sobre a forma de uma folha de
criará uma chave primária AutoNumeração. dados, ou seja, semelhante a uma planilha (matriz de linhas e colunas).
Se você tiver um campo que contém valores únicos como números de identificação ou
números de peças, você pode designar esse campo como chave primária. Se o campo
que você selecionar como chave primária tiver valores duplicados ou nulos, o Microsoft
Access não definirá a chave primária. Se você não puder eliminar as entradas duplicadas
imediatamente ao editar seus dados, pode-se adicionar um campo AutoNumeração e
defini-lo como chave primária ou definir uma chave primária de vários campos.
Ao terminar de definir os campos, escolha Salvar a partir do menu Arquivo para salvar a Inserindo registros
tabela criada. Como estamos trabalhando em cima de uma nova tabela, o Access
emitirá uma mensagem avisando-lhe para dar um nome à tabela. Você pode adicionar um registro a qualquer tabela a partir de um formulário ou folha de
dados. O Microsoft Access automaticamente salva um novo registro toda vez que você
Digite um nome para a tabela utilizando as convenções de nomes do Microsoft Access e, move o ponto de inserção (ou clica com o mouse) para uma outra linha, ou quando você
em seguida, escolha "OK". fecha a folha de dados.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
01|Banco de Dados
Quando você está editando um registro, o Access coloca um símbolo (um pequeno lápis) Nome da tabela: Categoria
ao lado do campo, indicando que você está no modo de inserção de dados. Este lápis
indica que você ainda não salvou os dados digitados até agora. Chave Primária Nome do Campo Tipo de Dado Tamanho do Campo
X CodigoCategoria AutoNumeração
TituloCategoria Texto 25
Digite os dados em um registro e, em seguida, pressione a tecla TAB para mover-se para Nome da tabela: Usuarios
o próximo registro.
Chave Primária Nome do Campo Tipo de Dado Tamanho do Campo
A partir do momento em que você passa para o próximo registro, as informações
digitadas serão salvas e o símbolo do lápis transformar-se-á num triângulo negro X CodigoUsuario AutoNumeração
apontando para a direita. Este ícone representa o indicador de registro da tabela. NomeUsuario Texto 8
SenhaUsuario Texto 8
X CodigoLivro Texto 4
CodigoCategoria Numérico
Titulo Texto 80
NomeAutor Texto 30
NumPaginas Texto 4
Formato Texto 15
Preço Moeda
ResumoObra Memorando
Lançamento Sim/Não
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
Este componente não vem na instalação normal para usuários simples, é um serviço
adicional que tem que ser instalado. Para instalar proceda assim:
1. Crier uma pasta em Meus Documentos\editora asp. Abrir o documento index.asp, para criarmos a conexão com o banco de dados.
2. Inicie o Dreamweaver MX, escolha Menu > Site > Manange Site...,na janela de Para todas as aplicações de Banco de Dados, vamos trabalhar com o painel lateral >
diálogo > New > Site e preencha a caixa de diálogo como segue abaixo: Application, proceda assim:
Category: Local Info 1. Clique na guia > Database > botão (+) > Custom Connection String.
Site Name (Nome do site): Editora R2n ASP 1.2. Connection Name: connEditora.
Local Root Folder (Pasta raiz local): Meus Documentos\editora asp 1.3.Connection String: DRIVER={Microsoft Access Driver
Default Images Folder (Pasta padrão das imagens): Meus Documentos\editora (*.mdb)};DBQ=C:\Inetpub\wwwroot\editorar2n.com.br\bd\editora.mdb e OK.
asp\imagens. 1.4. No item acima informamos o driver de banco de dados a ser usado e o caminho
físico onde esta o banco de dados no servidor local da nossa máquina.
3. Clique em Remote Info (Informações remotas) e preencha a caixa de diálogo da 1.5. Em um Servidor Web em um provedor, não podemos informar onde esta o Banco de
seguinte maneira: Dados da forma como fizemos acima, neste caso temos que alterar o arquivo de
conexão. No seu gerenciamento, foi criado uma pasta chamada Connections e dentro
Category: Remote Info dela um arquivo chamado connEditora.asp, abra este arquivo e mude o modo de
Server Access (Acesso ao Servidor): Local/Network vizualização do documento para code, observe o conteúdo deste arquivo abaixo:
Remote Folder (Pasta Remota): c:\Inetpub\wwwroot\editorar2n.com.br
Apasta indicada acima é a virtual que criamos anteriormente. <%
' FileName="Connection_ado_conn_string.htm"
3. Clique em Testing Server (teste de Servidor) e preencha a caixa de diálogo da seguinte ' Type="ADO" ' DesigntimeType="ADO"
maneira: ' HTTP="false"
' Catalog=""
Category: Testing Server ' Schema=""
Server Model (Modelo de servidor): ASP VBScript Dim MM_connEditora_STRING
Access (Acesso): Local/Network MM_connEditora_STRING = "DRIVER={Microsoft Access Driver
Testing Server Folder (Pasta Remota): c:\Inetpub\wwwroot\editorar2n.com.br (*.mdb)};DBQ=C:\Inetpub\wwwroot\editorar2n.com.br\bd\editora.mdb"
Prefixo de URL: http://localhost/editorar2n.com.br %>
4. Clique em OK.
Para um Servidor Web em um provedor mude o arquivo como mostra abaixo:
Neste momento não existe nada na nossa pasta virtual, para publicar o conteúdo da
pasta Local Info em Remote Info, proceda assim: <%
' FileName="Connection_ado_conn_string.htm"
1. No painel lateral > Files, existe uma seta azul apontando para cima, clicar nesta ' Type="ADO" ' DesigntimeType="ADO"
opção. Esta opção é chamada de Put Files, com isso acabamos de enviar o conteúdo da ' HTTP="false"
Pasta Local Info para a pasta Remote Info. ' Catalog=""
' Schema=""
Configurando o Driver de Banco de Dados Dim MM_connEditora_STRING
MM_connEditora_STRING = "DRIVER={Microsoft Access Driver (*.mdb)};" &_
Ao projetar um aplicativo de Web movido a dados, o caminho para o banco de dados no "DBQ=" & Server.MapPath("bd\editora.mdb")
servidor do provedor pode ser completamente diferente do seu banco local, ele pode %>
estar em uma máquina diferente e o caminho pode estar fora do seu controle.
O comando Server.MapPath, serve para mapear o servidor em busca da pasta bd e o
Vamos aprender como configurar o Driver para trabalhar em sua máquina e no servidor banco que esta dentro dela. Fazer esta mudança apenas quando for publicar o site no
web em um provedor. provedor.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
3
4. Vamos fazer com que a nossa tabela repita deacordo com a quantidade de registro na
tabela categoria, para isso selecione a tabela que criamos no item 1.
5. Vamos colocar nesta tabela um comportamento de servidor para que ela possa se
repetir, ao lado da guia Recordset, clique na guia > Server Behaviors > botão (+) >
Repeat Region.
6. Configure como mostra abaixo:
Recordset: rsMenu
Show: All records
OK
O Recordset rsMenu será usado para fazer o menu de categoria do documento Com isso estamos informando que todos os registros sejam vizualizados, e quando
index.asp. incluir uma nova categoria ela também apareça no menu.
Salve, dê um Put Files e F12 para visualizar no navegador.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
Observe na barra de status do navegador que o link esta passando um parâmetro para o
3. Na janela de diálogo Select File, selecione o documento > catalogo.asp. documento catalogo.asp, o sinal (?) Esta fazendo a ligação com o parâmetro, neste caso
4. Na opção URL, clicar no botão Parameters. o documento catalogo.asp esta recebendo o código 3 da categoria e filtrar. Para cada
item que você passar o mouse ele muda o código da categoria.
Repita a criação de link dinâmico para todos os documentos ASP do gerenciamento.
5 6 7
5. Na janela de diálogo Parameters, em Name digite: CodigoCategoria.
6. No campo Value, clicar no raio amarelo para informar o valor dinâmico.
2
No próximo capítulo vamos preparar o documento catalogo.asp para receber o
parâmetro.
É isso!!!
Pronto, com isso estamos informando que o campo CodigoCategoria vai mandar o valor
que esta cadastrado neste campo.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
1. No painel lateral Application > Bindings > botão (+) > Recordset
2. Defina os seguintes critérios para o seu Recordset:
Name (Nome): rsCatalogo
Connection (Conexão): connEditora
Table(Tabela): livros Exemplo 2
Columns (Colunas): All
Filter (Filtro): CodigoCategoria
A opção Filter é responsável por fazer a ligação com o link dinâmico, observe na área
selecionada abaixo que o filtro é feito pelo parâmetro que vem pela URL que tem que ser
igual ao valor armazenado no campo CodigoCategoria da tabela livros.
Exemplo 3
Exemplo 4
Sort (Ordenar): Titulo (Asceding) No exemplo 4 temos o resultado final, apliquar o CSS salvar e visualizar no navegador.
Clique OK
Criando o Recordset para o título da categoria
Coloque os item do Recordset(rsCatalogo) que criamos na tabela do catalogo.asp, como
mostra o exemplo1. O título da categoria fica localizado acima das informações dos livros, para que os
Depois selecione esta tabela e aplicar o Server Behaviors (Repeat Region), como mostra usuários possam identificar de que categoria os livros fazem parte.
o exemplo 2. Da mesma forma como criamos o Recordset(rsCatalogo) que tem um filtro, vamos
Configure o Repeat Region como mostra o exemplo 3. Como temos cadastrado apenas proceder da mesma forma para a criação deste.
três(3) livros para cada categoria.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
Você acha que acabou, nada começou agora, precisamos criar a paginação para poder
ver os demais livros.
1. Clique na célula reservada para a capa do livro, assim como se fosse inserir uma 4. Na janela de diálogo, configure assim: Recordset: rsCatalogo, Display Using: Text e
imagem comum, clique no ícone imagem que esta no Painel Insert na guia Common. Ok.
2. Na janela de diálogo Select Image Source, escolha a opção Data Source. 5. Eu sei que esta em inglês, bom para resolver isto clique no link First e depois na Quick
3. Clique no (+) do Recordset(rsCatalogo) para selecionar o item CodigoLivro. Tag <a> como mostra abaixo, e com o link selecionado escreva por cima a palavra
4. Na opção URL configure assim como mostra o exemplo: Primeiro, não apague para escrever, simplismente com ele selecionado escreva.
capas/<%=(rsCatalogo.Fields.Item("CodigoLivro").Value)%>.gif
Vamos traduzir o que foi feito aqui, acabamos de informar que a imagem da capa vem da
pasta capas e que todo conteúdo que esta entre <% %> será substituido por uma
imagem .gif que tem o nome igual ao código do livro.
6. Altere cada link como segue abaixo deacordo com a orientação acima:
First: Primeiro, Previous: Anterior, Next: Próximo e Last: Último
7. Aplique o CSS, salve, Put Files e visualize no navegador.
Ufa, é isso!!!
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
Abaixo segue o esquema do site administrativo: Abrir o documento index.asp da pasta admin, para criarmos a conexão com o banco de
dados. Painel lateral > Application, proceda assim:
1. Clique na guia > Database > botão (+) > Custom Connection String.
1.2. Connection Name: connAdmin.
1.3.Connection String: DRIVER={Microsoft Access Driver
(*.mdb)};DBQ=C:\Inetpub\wwwroot\editorar2n.com.br\bd\editora.mdb e OK.
1.4. Observe que não é diferente do que foi criado logo no começo.
1.5. No seu gerenciamento, na pasta Connections e dentro dela foi criado o arquivo
connAdmin.asp, observe o conteúdo deste arquivo abaixo:
<%
' FileName="Connection_ado_conn_string.htm"
' Type="ADO" ' DesigntimeType="ADO"
' HTTP="false"
' Catalog=""
' Schema=""
Dim MM_connAdmin_STRING
MM_connAdmin_STRING = "DRIVER={Microsoft Access Driver
(*.mdb)};DBQ=C:\Inetpub\wwwroot\editorar2n.com.br\bd\editora.mdb"
%>
<%
' FileName="Connection_ado_conn_string.htm"
' Type="ADO" ' DesigntimeType="ADO"
' HTTP="false"
' Catalog=""
' Schema=""
Dim MM_connAdmin_STRING
MM_connAdmin_STRING = "DRIVER={Microsoft Access Driver (*.mdb)};" &_
"DBQ=" & Server.MapPath("..\bd\editora.mdb")
%>
Observe que a única mudança esta na parte final, “..\bd\editora.mdb”, com isso estamos
informando que estamos dentro de uma pasta e o banco esta um nível acima em outra
pasta. Na verdade só há mudanças quando vamos publicar no servidor, neste caso
mudamos o arquivo como mostra acima.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
4. Na janela Log In User configure como segue: Criando funcionalidades ao documento menu.asp
- Informações do form
Get input from form: form1 1. A primeira coisa a ser feita é restringir o acesso a este documento, abrir o menu.asp
Username field: NomeUsuario 2. Painel > Insert > Application > User Authentication : Restrict Access to Page,
Password field: SenhaUsuario configure como mostra abaixo:
- Informações do Banco de Dados
Validate using connection: connAdmin
Table: usuarios
Username column: NomeUsuario
Password column: SenhaUsuario
- Informações de validação
If login succeeds, go to: menu.asp
Go to previous URL (if it exists)
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
Pensa que acabou, não só estamos começando no caso do site administrativo ele da mas
trabalho de fazer do que o site principal, mas uma coisa é certa na hora de fazer a
manutenção no site principal vai ser moleza.
1. Painel lateral > Application > Bindings > botão(+) > Recordset, configure assim:
Name (Nome): rsLivros
Connection (Conexão): connAdmin
Table(Tabela): livros
Columns (Colunas): All
Filter (Filtro): None
Sort (Ordenar):Titulo
Clique OK
2. Coloque os intens do Recordset(rsLivros) CodigoLivro e Titulo, no local indicado
abaixo:
4. Ok.
Repetir estes passos para as opções do Menu Principal > Categoria e Usuáros, vale
lembrar que o window name tem que ser diferente para cada um, o resto é igual.
Fazendo isso finalizamos com o menu.asp, vamos partir para livros_menu.asp.
1
2 3
1. Selecione todo o texto (- Adcionar novo Livro). No item anterior criamos a listagem de todos os livros, agora é preciso organizar a parte
2. Este link é um link simples como estamos acostumados a fazer, clique na pasta da alteração e exclusão. O texto Alterar e Excluir, se repetem a cada livro, bom o texto
amarela na opção Link na barra de propriedades. Alterar precisa passar um parâmetro para o documento livros_alterar.asp, isso lembra o
3. Aponte para livros_incluir.asp que esta na pasta admin. link dinamico que criamos no capítulo 6, é exatamenta igual.
4. Aplicar o CSS no link.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
Na etapa anterior criamos um link para este documento, ele será responsável por incluir
no Banco de Dados novos livros.
Connection: connAdmin
Insertion into table: livros
After inserting, go to: livros_menu.asp
Form fields: clicar em cada campo para configurar, por exemplo, clicando em
CodigoLivro na opção Label mude para Código Label. Fazer este tipo de alteração para
todos. No campo ResumoObra, mudar o tipo dele em Display as de text field para text
area, já que se trata de um campo de várias linhas de texto.
Após aplicar todas as laterações para os campos, clicar em Ok.
Com isso acabamos de criar um formulário de inclução para a tabela(livros), toda vez
que incluirmos um novo livro voltamos para o livros_menu.asp. Na próxima página na
figura 1 você pode observar a tela do Record Insertion Form Wizard, na figura 2
podemos observar o formulário pronto.
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
Char width:10
Max char:4
Char width:50
Char width:10
Vamos fazer uma coisa bem legal agora, no campo Código Categoria ao invés de digitar
esta informação como é o que esta proposto, vamos trazer a informação da
Tabela(categoria) para este formulário através de um List/Menu.
1. A primeira coisa a ser feita é criar um Recordset, Painel Lateral > Application >
Bindings > botão(+) > Recordset, configure assim:
Name (Nome): rsCategoria
Connection (Conexão): connAdmin
Table(Tabela): categoria
Columns (Colunas): All
Filter (Filtro): None Salve e Put Files
Sort (Ordenar):TituloCategoria
Clique OK Finalizado o documento livros_incluir.asp.
2. Beleza, clique no campo de formulário CodigoCategoria e delete.
3. Painel Insert > Form, coloque um List/Menu no lugar do campo que apagamos. (2) Criando as funcionalidades do documento livros_alterar.asp
4. Mude na barra de propriedade o Type para List, Aplique o CSS.
5. Ainda na barra de propriedades, clicar no botão Dinamic... Para informar que o valor Assim como foi com o documento livros_incluir.asp, vamos criar o documento
deste list/menu vem de uma tabela. livros_alterar.asp usando um wizard. Mas antes de usar este wizard, se você não lembra
6. Na janela Dynamic List/Menu configure assim: este documento precisa receber um parâmetro que é passado pelo documento
Options from Recordset: rsCatalogo livros_menu.asp na tarefa (alterar), para poder filtrar e mostrar no formulário as
Values: CodigoCategoria informações certas.
Labels: tituloCategoria
Com isso, no list/menu vamos ver o título da categoria, mas o que será gravado no banco 1. Abrir o documento livros_alterar.asp.
será o código. 2. Painel Lateral > Application > Bindings > botão(+) > Recordset, configure assim:
Ok. Name (Nome): rsLivros
7. Na barra de propriedades com o list/menu selecionado, mude o texto Select para Connection (Conexão): connAdmin
CodigoCategoria. Table(Tabela): livros
Veja o resultado na próxima página do que acabamos de fazer. Columns (Colunas): All
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
Figura 1 Figura 2
Form fields: selecione o CodigoLivro > botão (-), para subtrair esta opção, ela é a
única informação da tabela que não pode ser alterada. Acima podemos ver a mudança que acabamos de fazer, tudo isso é porque este
4. Aplique o CSS e configure o tamanho dos campos, como mostra as figuras 1 e 2. documento precisa mostrar as informações que já estão gravadas no banco.
5. Vamos alterar o campo CodigoCategoria, para um List/Menu da mesma forma como
foi feito em livros_incluir.asp. Temos um pequeno problema para resolver, é a questão do preço, na hora de fazer a
6. A primeira coisa a ser feita é criar um Recordset, Painel Lateral > Application > alteração do preço a pessoa pode colocar uma vírgula no lugar do ponto. Ex: 50.00 para
Bindings > botão(+) > Recordset, configure assim: 50.75, no exemplo dado se for colocado uma vírgula, vai dar errado e não vai fazer a
Name (Nome): rsCategoria alteração.
Connection (Conexão): connAdmin
Table(Tabela): categoria Para fazer esta correção precisamos ir para o código HTML/ASP, para fazer esta
Columns (Colunas): All alteração, mas não tem bicho de sete cabeças para fazer isto, basta seguir a explicação
Filter (Filtro): None que esta na próxima página.
Sort (Ordenar):TituloCategoria
DREAMWEAVERMX
CTG|Curso Técnico de Computação Gráfica e Web Design
WDE|Web Design Professor|Carlos José Development
Você deve esta pensando quando é que tudo isso vai acabar, calma chegamos na reta
final, depois deste documento, fica faltando o lancamento.asp. Bom vamos deixar de
conversa e vamos lá.