日期:2014-04-28  浏览次数:21163 次

上一次我们已经把留言本的功能,数据库,文件都设计好了,还写好了主文件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
<!--#include file="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"> <BR>
来自- 地方
</CENTER>
</TD>
<TD class=table002 style="WORD-BREAK: 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] [2]  Form提交打开固定大小窗口的解决办法