Crie um livro de visitas com DreamweaverMX (3)
Autor:Eve Cole
Data da Última Atualização:2009-05-31 21:07:14
OK, o próximo passo é o endereço de e-mail e da página inicial, que são um pouco diferentes do método anterior, conforme mostrado nas Figuras (7-18) e (7-19).

7-18

7-19
Da mesma forma, observe que há uma sequência. Primeiro selecione a imagem da caixa de correio e clique no botão Link no painel de propriedades abaixo. A caixa de diálogo mostrada na Figura (7-20) aparece, o que significa onde conectar se você clicar nesta imagem.

7-20
No passado, nossa função era conectar-se a uma página local, mas no DW MX podemos conectar-se a uma página dinâmica selecionando Fontes de Dados. Aqui pegamos o campo email do conjunto de registros e lembramos de adicionar "mailto:" na frente. Por que adicionamos isso aqui? É porque esse “mailto” é uma tag html, ou seja, a conexão é aberta com o OUTLOOK para enviar o email.
Ao mesmo tempo, lembre-se de adicionar o atributo alt a esta imagem de e-mail, ou seja, o endereço de e-mail de alt="<%=(guestbook.fields.item("f_name").value)%> é <%=( guestbook.fields.item(" f_email").value)%>, clique aqui para enviar um e-mail para ele/ela".
O método de conexão do endereço da página inicial é mostrado na Figura (7-21).

7-21
Após vincular a conexão, lembre-se de adicionar o atributo alt à imagem. Altere-o para alt="<%=(guestbook.fields.item("f_name").value)%>. O endereço de e-mail é <%=(guestbook). .fields.item( "f_homepage").value)%>, clique aqui para enviar uma mensagem para ele"
Sim, é um pouco chato aqui, mas vamos lá, a vitória está acenando para nós. :)
Dê uma olhada no efeito atual, conforme mostrado na Figura (7-22).

7-22
A próxima coisa a fazer é adicionar links para responder ao tópico, editar e excluir, e torná-lo dinâmico. O comportamento do servidor usado aqui é ir para a página de detalhes (Ir para a página de detalhes). Anteriormente estabelecemos a página de resposta (rep.asp), a página de edição (edit.asp) e a página de exclusão (del.asp). Aqui não detalharemos como conectar uma por uma. -23, 7-24, 7-25).

7-23

7-24

7-25
Depois de concluir as três etapas acima, você ainda precisa se lembrar de fazer uma coisa. E se tivermos muitas mensagens? ? Aqui precisamos usar a Região de Repetição (região de repetição) no comportamento do servidor DW MX, selecionar toda a tabela grande que exibe a mensagem, Aplicativo-->Comportamentos do Servidor-->Repetir Região, conforme mostrado na Figura (7-26) .

7-26
Definimos para exibir 14 registros por página, o que parece um pouco mais simples, e clicamos no botão OK.
Ao chegar a esta etapa, tenho que considerar uma questão: como os usuários que navegam sabem quantos registros de mensagens eu tenho? ? Na verdade, quando criamos o conjunto de registros, o DW MX já considerou isso para nós, conforme mostrado na Figura (7-27).

7-27
Índice do primeiro registro: O primeiro registro no índice.
Índice do último registro: O último registro no índice.
registros totais: a soma de todos os registros.
Com eles, basta arrastá-los para a página e adicionar o texto explicativo correspondente, conforme mostrado na Figura (7-28).

7-28
Se você persistir, você terá sucesso! Também precisamos de uma barra guia porque usamos a Região de Repetição anteriormente, conforme mostrado na Figura (7-29).

7-29
Inserir-->Objetos de Aplicação-->Barra de Navegação do Conjunto de Registros (Inserir-->Objetos de Aplicação-->Barra de Navegação do Conjunto de Registros), após clicar, uma caixa de diálogo como mostrada na Figura (7-30) aparecerá.

7-30
Conjunto de registros: selecione o conjunto de registros a ser navegado aqui.
Exibir usando: Selecione o método de exibição da barra de navegação aqui, texto é texto, imagens é imagem, aqui escolhemos imagens.
Clique no botão OK e o efeito de exibição será mostrado na Figura (7-31).

7-31
Talvez seja muito grande. Após selecionar esta tabela, altere sua largura = "50%" para largura = "15%" no painel de propriedades. ) mostrado.

7-32
Agora, para o estágio final de melhoria, conecte "Publicar um novo tópico" à página new.asp, conecte o seguinte "Portal de administração" à página login.asp e use um comportamento de servidor em "Logout". Super Preparado pelo usuário. Conforme mostrado na Figura (7-33).

7-33
Autenticação do usuário: Autenticação do usuário.
Efetuar logout do usuário: O usuário logado efetua logout.
Após clicar, uma caixa de diálogo conforme mostrado na Figura (7-44) aparece.

7-44
Sair quando: Como fazer logout, Link clicado: Efetue logout quando esse link for clicado. Carregamento de página: Sai quando a página é fechada.
Quando terminar, vá para: Para qual página ir após sair, aqui definimos ir para a página inicial do index.asp.
Além disso, o {Session.MM_username} visto acima está realmente preparado para superusuários. Quando você não estiver logado, exibirá "Bem-vindo". Aqui precisamos criar uma variável Session, conforme mostrado na Figura (7-34). Quanto à questão desta variável Session, iremos apresentá-la em detalhes nos capítulos seguintes. :)

7-34

7-35
Após clicar, uma caixa de diálogo conforme mostrado na Figura (7-35) aparecerá. Digite MM_username na caixa de diálogo. Esta variável MM_username é gerada automaticamente pelo DW MX após aplicar o comportamento do servidor de login (iremos apresentá-la em detalhes posteriormente). Arraste-o também antes do ponto de exclamação entre "Bem-vindo!" Ah, vamos rugir juntos~~~~~~Finalmente terminei a parte mais difícil, parabéns, hehe...