Recentemente, para aproveitar ao máximo os recursos de livros e facilitar as consultas dos funcionários, a empresa decidiu estabelecer um sistema de consulta de livros na intranet da empresa. Considerando que a empresa não possui muitos livros, apenas mais de 1.000 volumes, e a maioria deles são livros profissionais, resolvi fazer duas condições de consulta: uma é consultar com base na categoria do livro. O usuário só precisa selecionar o correspondente. categoria para exibir todos os livros dessa categoria. Livros, principalmente para pessoas que não estão familiarizadas com os livros da empresa; a segunda é consultar com base no nome do livro. conforme eles inserem o nome do livro.
O plano foi decidido e a próxima questão é qual software usar e como fazê-lo. Aqui, escolhi o formato de uma página web, para que os colegas possam consultar desde que abram o navegador e digitem o endereço correspondente. Portanto, utilizo o software Dreamweaver (doravante denominado dw), uma ferramenta poderosa para produção de páginas web, acesso ao banco de dados, e win98 e pws como ambiente (Nota do editor: Para tutoriais sobre o uso de PWS, consulte " Compreensão aprofundada do Microsoft Personal Server PWS One" e "Compreensão aprofundada do Microsoft Personal Server" Server PWS Parte 2" "Compreensão aprofundada do Microsoft Personal Server PWS Parte 3" "Compreensão aprofundada do Microsoft Personal Server PWS Parte 4"). O início oficial do gongo é agora.
Clique aqui para baixar o código fonte deste tutorial.
Primeiro, configure o banco de dados:
1. Crie uma nova pasta em Meus Documentos e nomeie-a como "Instituto". Claro, você também pode criar um novo em outro lugar e dar-lhe outro nome.
2. Abra o acesso, crie um novo banco de dados db1 e crie duas tabelas leibie e tushu. O campo de contato entre as tabelas é "nome da categoria".
A estrutura da tabela leibie possui dois campos:
(1) Número da categoria, tipo de texto, comprimento do campo de 6 dígitos, campo obrigatório, strings em branco não são permitidas;
(2) Nome da categoria, tipo de texto, comprimento do campo é de 20 caracteres, campo obrigatório, strings em branco não são permitidas.
A estrutura da tabela tushu possui nove campos:
(1) Número, tipo de texto, comprimento do campo é de 6 dígitos;
(2) Título do livro, tipo de texto, comprimento do campo 60 caracteres, campo obrigatório, strings em branco não são permitidas.
(3) Autor, tipo de texto, comprimento do campo é de 50 caracteres;
(4) Editora, tipo de texto, comprimento do campo é de 60 caracteres;
(5) Edição, tipo de texto, comprimento do campo é de 15 dígitos;
(6) Preço unitário, tipo de moeda, 2 casas decimais permitidas, o valor padrão é 0 yuan;
(7) Nome da categoria, tipo de texto, comprimento do campo é de 20 caracteres, campo obrigatório, strings em branco não são permitidas.
(8) Se for para emprestar, tipo de texto, comprimento do campo é de 4 dígitos, campo obrigatório, string em branco não pode ser inserida, o valor padrão é Não.
(9) Observações, tipo de observação.
3. Insira vários dados de acordo com a estrutura da tabela.
Em segundo lugar, configure o site e conecte-se ao banco de dados:
(1) Configure o site. Abra o dw, selecione novo site no menu do site e o painel de configuração do site aparecerá. Digite o nome do site no instituto e o diretório é o diretório que acabamos de criar, conforme mostrado na Figura 1. Selecione Asp VBScript para modelo de servidor. na opção Servidor de teste e selecione Local/Rede para acesso.
Figura 1
(2) Crie uma nova página da web. Como a consulta é uma página dinâmica, selecione Página dinâmica e Asp VBScript no painel pop-up, conforme mostrado na Figura 2. Pressione o botão criar para retornar à página.
Figura 2
(3) Conecte-se ao banco de dados. Expanda o painel Aplicativo à direita, selecione a guia Bancos de Dados, pressione o botão “+” e selecione Nome da Fonte de Dados (DSN), conforme mostrado na Figura 3.
Figura 3
(4) No painel pop-up Data Source Name (DSN) (conforme mostrado na Figura 4), selecione o botão definir... para entrar no gerenciador de fonte de dados ODBC, selecione o rótulo DSN do sistema, clique no botão Adicionar e selecione o driver de dados "Driver do Microsoft Access(*. mdb)", clique no botão Concluir.
Figura 4
(5) Selecione o caminho do banco de dados (o diretório que acabamos de criar) no painel subsequente, selecione db1 e insira db1 como o nome da fonte de dados, conforme mostrado na Figura 5.
Figura 5 (6) Clique no botão OK para retornar ao painel ODBC Data Source Manager. Clique no botão OK novamente para retornar ao painel Nome da fonte de dados (DSN). Clique no botão de teste. Se o painel de sucesso mostrado na Figura 6 aparecer, significa que está tudo bem e que nossa nova fonte de dados db1 aparecerá correspondentemente na guia Bancos de dados do painel Aplicativo à direita.
Figura 6
Agora que tudo está pronto, você pode criar uma página da web de consulta dinâmica.
1. Crie uma página inicial. A página inicial é muito simples, basta criar dois links de consulta, links "Pesquisar por categoria de livro" para chaxun.asp, links "Pesquisar por nome de livro" para chaxun1.asp, essas duas páginas da web são as páginas de consulta que construiremos abaixo . Como a página inicial não requer programação dinâmica, ela pode ser salva no formato htm. O arquivo é salvo no diretório do instituto e denominado índice, conforme mostrado na Figura 7.
Figura 7
2. Crie uma página de consulta por categoria de livro.
1. Crie uma nova página da web dinâmica e nomeie-a como chaxun.asp.
2. Crie um conjunto de registros. Selecione a guia Bindings no painel Application à direita, pressione o botão de adição e selecione Recordset (Query), conforme mostrado na Figura 8. A caixa de diálogo Recordset é exibida. As configurações internas são mostradas na Figura 9. O nome leva o nome. valor padrão Recordset1 e Connection seleciona aquele que acabamos de criar. Como a categoria book é exibida, Table seleciona a tabela leibie.
Figura 8
Figura 9 3. Após a conclusão das configurações, clique no botão de teste e você poderá ver que o conteúdo da tabela leibie é totalmente exibido. Clique em OK para retornar à página. Neste momento, podemos ver a consulta chamada Recordset1 que acabamos de criar exibida abaixo do rótulo Binding.
4. Insira o conteúdo exibido estaticamente na página web, conforme mostra a Figura 10, em que o link “retorno” aponta para a página inicial index.htm.
Figura 10
5. Clique no sinal “+” próximo a Recordset1 abaixo do rótulo Binding para expandir o campo. Pressione e segure o campo “Nome da categoria” com o mouse e arraste-o diretamente para a célula na página. contém um texto dinâmico, o efeito de página é mostrado na Figura 11.
Figura 11
Acontece que esta célula só pode exibir uma linha agora (você pode verificar primeiro no navegador para ver se ela é exibida assim), então como podemos exibir todo o conteúdo do campo?
6. Selecione a tabela e, em seguida, selecione a guia Comportamentos do servidor no painel Aplicativo à direita, pressione o botão de adição e selecione Repetir região. Dessa forma, você pode controlar quantos registros são exibidos em uma página. Aqui, como não existem muitas categorias de livros, selecionamos Todos os Registros (exibir todos os registros) na caixa de diálogo e exibi-los sem paginação, conforme mostrado na Figura 12.
Figura 12
7. Execute pws, defina o caminho, abra esta página da web com um navegador e veja se todos os nomes de categorias no banco de dados são exibidos na tela, mas você ainda não pode clicar. Ok, vamos criar a página correspondente para exibição dos livros.
3. Crie uma página exibida por consulta de categoria
1. Crie uma nova página da web dinâmica e nomeie-a como xianshi.asp.
2. Crie um conjunto de registros. Selecione a guia Bindings no painel Application, pressione o botão mais, selecione Recordset (Query) e a caixa de diálogo Recordset será exibida. As configurações internas são mostradas na Figura 13. O nome é Recordset2 para a tabela do banco de dados. as informações do livro exibidas na página web são baseadas na consulta anterior. As condições são exibidas, portanto, é necessário definir uma condição de restrição para selecionar livros que atendam às condições. Isso requer o uso do parâmetro URL. Você pode usar esse parâmetro para passar as condições de consulta da página da web de consulta e, em seguida, aceitar esse parâmetro na página da web de exibição para exibir os registros correspondentes. O uso específico é o seguinte:
Figura 13 (1) Primeiro vamos retornar à página de consulta chaxun.asp. Use o mouse para selecionar os campos na tabela e, em seguida, selecione a guia Comportamentos do servidor no painel Aplicativo, pressione o botão de adição e selecione Ir para a página de detalhes. A caixa de diálogo Ir para a página de detalhes será exibida. na Figura 14. A página de detalhes é nossa página de exibição xianshi.asp. O que é inserido na caixa de texto Passar parâmetro de URL é o nome do parâmetro a ser passado para a página de detalhes por meio do URL. Este nome pode ser exibido posteriormente. Os nomes dos parâmetros definidos na página da web são os mesmos. Recordset significa de qual conjunto de registros ele é passado. Escolhemos Recordset1 Column que significa a origem do valor do parâmetro URL. Ele deve ser consistente com as condições de consulta na página da web de consulta, então selecione "Nome da categoria". Os parâmetros existentes estão relacionados ao formulário, mas o formulário não é usado nesta página de consulta, portanto você não pode selecioná-lo. Clique no botão OK e você verá que o campo da tabela se tornou um link de hipertexto contendo conteúdo dinâmico.
Figura 14 (2) OK, o parâmetro URL foi definido, agora retorne à página da web exibida xianshi.asp para aceitar este parâmetro. Selecione Recordset (Query), a caixa de diálogo Recordset aparecerá e configure-a em Filter conforme mostrado na Figura 13 acima, o que significa: a condição da consulta é que o campo "nome da categoria" na tabela tushu seja igual ao URL passado Parâmetro parâmetro "nome da categoria", para que a página web possa ser consultada Está vinculado à exibição da página web.
(3) Clique no botão de teste para testar. Você pode inserir um nome de categoria e dw exibirá os registros do livro correspondente.
(4) Clique no botão OK para retornar à página. O conjunto de registros foi estabelecido.
3. Insira o conteúdo estático na página da web, conforme mostrado na Figura 15. O link "retornar" é para a página de consulta da web chaxun.asp Como algumas categorias possuem muitos livros, a exibição é definida como paginação.
Figura 15 4. Use o método apresentado acima para arrastar os campos do conjunto de registros para as posições correspondentes na página, conforme mostrado na Figura 16.
Figura 16 5. Selecione a segunda linha da tabela, clique no rótulo Comportamentos do Servidor no painel Aplicativo, pressione o botão de adição, selecione Repetir Região e a caixa de diálogo Repetir Região será exibida. Como ela é exibida em páginas, optei por exibir uma. poucos itens por vez. Aqui I A entrada é 10, o que significa que 10 registros são exibidos em cada página. Você pode inserir livremente de acordo com a situação, conforme mostrado na Figura 17. Clique no botão OK para retornar à página.
Figura 17 6. Porque é exibido em páginas e precisa ser virado, como fazer isso em dw? É muito simples. Primeiro você seleciona "Home" e, em seguida, clica na guia Comportamentos do servidor no painel Aplicativo. Pressione o botão de adição. Você pode ver uma opção de paginação do conjunto de registros. significado desses menus, acho que todos deveriam entendê-lo, conforme mostrado na Figura 18. Selecione o primeiro “Mover para o primeiro registro”, uma caixa de diálogo irá aparecer, conforme mostrado na Figura 19, clique no botão ok para retornar à página, para que o link dinâmico da “Home Page” esteja pronto, e o outro “ Página anterior" e "Próxima página" ", "Última página" e assim por diante, e crie links dinâmicos correspondentes a elas.
Figura 18
Figura 19 7. Então, como o usuário sabe que o registro chegou ao último e não deve rolar mais? Aqui resolvi assim. Se o registro chegar à última, a "próxima página" e a "última página" serão automaticamente ocultadas na página. Da mesma forma, se o registro chegar à primeira, então a "primeira. página" e "página anterior" serão ocultadas automaticamente na página. Página" será ocultada automaticamente. A seguir está o método de implementação específico:
(1) Primeiro selecione "Home", depois clique na guia Server Behaviors no painel Application, pressione o botão mais e deslize o mouse até a opção Show Region para exibir o menu suspenso, conforme mostrado na Figura 20.
Figura 20 (2) Selecione “Mostrar região se não for o primeiro registro”, o que significa que se não for o primeiro registro será exibido e, inversamente, se for o primeiro registro não será exibido ou ocultado.
(3) Clique no botão OK diretamente na caixa de diálogo pop-up para retornar à página, para que a função de ocultação automática da "Página inicial" esteja pronta.
(4) Da mesma forma, execute várias outras funções de ocultação automática. "Página anterior" é igual a "Home", selecione "Mostrar região se não for o primeiro registro"; "próxima página" é igual a "Última página", selecione "Mostrar região se não for o último registro".
Neste ponto, a página exibida por consulta de categoria está finalmente concluída. Vamos dar uma olhada nos efeitos específicos. Execute pws, use o IE para abrir chaxun.asp, clique no nome de uma categoria, como "Novas Drogas", o IE exibirá automaticamente os livros nesta categoria, clique na "próxima página", "página anterior" e outros links para consulte Verifique se o IE irá virar as páginas automaticamente. O efeito específico é mostrado nas Figuras 21 e 22.
Figura 21
Figura 22 4. Crie uma página da web para consulta com base em títulos de livros
1. Crie uma nova página da web dinâmica e nomeie-a como chaxun1.asp.
2. Insira o conteúdo exibido estaticamente na página da web, conforme mostrado na Figura 23. O link "retornar" é para a página inicial index.htm. A linha pontilhada vermelha indica que este é um formulário. mostrado na Figura 24, o que significa postar (passar) um nome de variável de formulário. Vá para a página da web xianshi1.asp e execute esta página da web, de modo que a página da web de consulta e a página da web exibida sejam vinculadas através do nome da variável; box é denominado ts. Lembre-se deste nome, pois este é o nome da variável a ser passada pelo formulário, e o seguinte também é usado para exibir páginas da web.
Figura 23
Figura 24 5. Crie páginas da web exibidas por nomes de livros
1. Crie uma nova página da web dinâmica e nomeie-a como xianshi1.asp.
2. Insira o conteúdo exibido estaticamente na página da web, conforme mostrado na Figura 25, onde o link "retornar" direciona para a página de consulta chaxun1.htm, e a linha pontilhada vermelha também indica que este é um formulário.
Figura 25 3. Crie um conjunto de registros. Selecione a guia Bindings no painel Application, pressione o botão de adição, selecione Recordset (Query) e a caixa de diálogo Recordset será exibida. As configurações internas são mostradas na Figura 26. O nome é Recordset1, a tabela do banco de dados seleciona tushu e. a condição de filtro Filter é definida para o campo na tabela tushu. O "título do livro" deve conter a variável de formulário ts passada. Esta variável ts é o nome da caixa de texto na página da web de consulta chaxun1.asp. Clique no botão ok para retornar à página.
Figura 26 4. Arraste os campos do conjunto de registros para as posições correspondentes na página.
5. Selecione a segunda linha da tabela, clique na guia Comportamentos do servidor no painel Aplicativo, pressione o botão de adição, selecione Repetir região, a caixa de diálogo Repetir região aparecerá e configure-a para exibir tudo.
O efeito de página final é mostrado na Figura 27.
Figura 27 Neste ponto, a página exibida ao consultar o nome do livro está finalmente concluída. Vamos dar uma olhada nos efeitos específicos. Execute pws, use o IE para abrir chaxun1.asp, digite um nome, como "Gerenciamento de Qualidade", e o IE exibirá automaticamente todos os livros com "Gerenciamento de Qualidade" no título. Os efeitos específicos são mostrados nas Figuras 28 e 29.
Figura 28
Figura 29 A página da web está finalmente concluída e agora todos podem executá-la completamente. Informe aos seus colegas o endereço IP do seu computador e abra o pws, para que seus colegas possam consultar livros através do sistema de consulta a qualquer momento.
Clique aqui para baixar o código fonte deste tutorial