跟我学做留言本(二)

来源：Linuxdby.com 作者：Webmaster 时间：2007-04-23 点击： [收藏] [投稿]

上一次我们已经把留言本的功能，数据库，文件都设计好了，还写好了主文件index.asp里面的结构，现在
我们接着进行页面设计。
页面设计主要是设计网页的风格，除了CSS以外（上一次已经设计好了），还有如何安排要显示的内容。这个
部份就不多提了，主要是设计显示单个记录的表格，以及网页中的表单。把要显示的内容安排进去，同时要写好表单检查脚本
就好了。代码如下，其它部份的并没有改动。注：在设计页面的时候，我们同时确定变量。
输出网页标题部份：
<title><%=name&"留言薄"%></title>

在输出网页标题部份，我们确定了一个程序变量name表示留言本的名字

输出导航条部份：
<TABLE cellSpacing=0 cellPadding=1 width=650 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<TABLE class=table002 cellSpacing=0 cellPadding=4 width=650 border=0>
<TBODY>
<TR>
<TD class=jnfont5 vAlign=center align=left><B>>> </B>
<A href="<%=homepage%>" title=返回主页>主页</A> |
<A href="index.asp?action=showmodify" title=编辑你的个人资料>修改资料</A> |
<%if session("lybmanage")="" then%>
<A href="index.asp?action=manage" title=回复或删除留言>留言管理</A>
<%else%>
<a href="index.asp?action=logout" title=退出管理模式>退出管理</a>
<%end if%>
</TD>
<TD class=jnfont5 vAlign=center align=right><%=name&"留言薄"%></TD>
</TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<br>

在导航部份，我们确定了一个session变量"lybmanage"，用来判断是否登录；
另外确定三个传递的参数：manage和logout 来表示要登录和退出登录；
showmodify表示显示编辑留言本信息
还确定一个程序变量：homepage 表示主页的链接。

引用bottom.htm


'显示留言记录
<TABLE cellSpacing=1 cellPadding=3 width=650 bgColor=#000000>
<TBODY>
<TR bgColor=#ffffff>
<TD class=table001 vAlign=top width=120 rowSpan=2>

<IMG height=15 alt="IP" src="images/ip.gif" width=16>
IP
</TD>
<TD width=80 align="center">第 XX 条 <a href="#top" title=回顶部>∧</a>
</TR>
</TABLE>
<HR SIZE=1>
留言内容 </TD>
</TR>
<TR class=table001>
<TD height=13 align="right">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="index.asp?action=delete&id=XX">删除</a>
</td>
<td align="right">发表于: 发表时间
回复于:回复时间
</td>
</tr>
</table>

</TD>
</TR>
</TBODY>
<tr class=table002>
<td valign=top width=120>
<div align=center>版主回复<br>
<img src="images/repost.gif"
border=0 width="24" height="24"><br>
<table class=jnfont5>
版主昵称
</table>
</div>
</td>
<td width=530>
<table class=jnfont5>
回复内容
<tbody><tr><td><form onsubmit="return check(this)" action="index.asp" method="post">
<textarea class=testarea1 name="rep" cols="44" rows="5">回复内容</textarea>
<input type="hidden" name="action" value="replay">
<input type="hidden" name="id" value="id">
<script language="JavaScript">
function check(theForm)
{
if (theForm.rep.value == "")
{
alert("请输入回复内容!");
theForm.rep.focus();
return (false);
}
}
</script>
<input class=input2 type="submit" value="回复">
</form></td></tr></tbody>
</table>
</td>
</tr>
</TABLE>
<BR>

注：在这里我们先把所有要有的内容写出来，到后面再来更改。

如果您对本文有任何疑问或者建议，请到讨论区发表您的意见: >> 论坛入口 <<

上一篇：跟我学做留言本（一）下一篇：WAP中的ASP技术之四

【文章评论】【收藏本文】【推荐好友】【打印本文】【我要投稿】【论坛讨论】

更多相关文章

·Windows 2000 安全性技术概述--3

·Windows 2000 安全性技术概述--2

·Windows 2000 安全性技术概述--1

·ActiveX技术综述（二）

·ActiveX技术综述（一）

·动态网页技术--CGI:ASP:JSP:PHP(4)