跟我学做留言本(二)

2022-07-15 80酷酷网 80kuku.com

上一次我们已经把留言本的功能，数据库，文件都设计好了，还写好了主文件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>

在导航部份，我们确定了一个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>
<CENTER>
<TABLE class=jnfont7>
<FONT color=#ffffff>名字</FONT> <TBODY></TBODY>
</TABLE>
<IMG src="" border=0 width="82" height="90">

来自- 地方
</CENTER>
</TD>
<TD class=table002 break-all" vAlign=top width=530 height=105>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border="0">
<TR>
<TD width=26><IMG height=24 src=http://www.163design.net/a/j/"images/post.gif" width=24></TD>
<TD>留言内容:
<A title="给XXX发信" href="mailto:XXX的邮箱">
<IMG height=16 src=http://www.163design.net/a/j/"images/email.gif" width=16 border=0>信箱</A>
<A title="访问XXX的主页" href="" target=_blank >
<img height=16 src=http://www.163design.net/a/j/"images/homepage.gif" width=16 border=0>主页</a>
<A title="XXX的QQ号码：XXX"
href="http://search.tencent.com/cgi-bin/friend/user_show_info?ln=XXX" target=_blank>
<IMG height=16 src=http://www.163design.net/a/j/"images/oicq.gif" width=16 border=0>oicq</A>
<IMG height=15 alt="IP" src=http://www.163design.net/a/j/"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=delet

[1]