丁香花电影在线观看完整版,国产欧美二区,美女一区二区视频

上一次我們已經把留言本的功能，數據庫，文件都設計好了，還寫好了主文件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>
<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://cfan.net.cn/info/"images/post.gif" width=24></TD>
<TD>留言內容:
<A title="給XXX發信" href="mailto:XXX的郵箱">
<IMG height=16 src=http://cfan.net.cn/info/"images/email.gif" width=16 border=0>信箱</A>
<A title="訪問XXX的主頁" href="" target=_blank >
<img height=16 src=http://cfan.net.cn/info/"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://cfan.net.cn/info/"images/oicq.gif" width=16 border=0>oicq</A>
<IMG height=15 alt="IP" src=http://cfan.net.cn/info/"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>

</TD>
</TR>
</TBODY>
<tr class=table002>
<td valign=top width=120>
<div align=center>版主回復<br>
<img src=http://cfan.net.cn/info/"images/repost.gif"
border=0 width="24" height="24"><br>
<table class=jnfont5>
版主昵稱

</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>

</td>
</tr>
</TABLE>
<BR>

注：在這里我們先把所有要有的內容寫出來，到后面再來更改。

我們來增加一個登錄管理的表單:
<br>
<table cellspacing=1 cellpadding=0 width=200 align=center bgcolor=#000000
border=0>
<tbody>
<tr class=table003>
<td width="50%">
<table class=jnfont7 align=center>
<font color=#ffffff>管理員登錄</font> <tbody></tbody>

</td>
</tr>
<tr class=table001>
<td valign=top width="50%">
<table cellspacing=1 cellpadding=0 width="100%" border=0>
<tbody>
<form name="login" onsubmit="return check2(login)" action="index.asp" method="post">
<tr>
<td class=jnfont3 width="100%">
<p align=center>用戶名：
<input class=input1 maxlength=20 size=13 name="user">
<br>
密  碼：
<input class=input1 type=password maxlength=20 size=13 name="pwd">
<br>
<input type="hidden" name="action" value="login">
<input class=input1 type=submit value=" 登陸 ">
</p>
</td>
</tr>
<tr>
<td class=jnfont3 width="100%">
<p align=right>
<script language="JavaScript">
function check2(theForm)
{
if (theForm.user.value == "")
{
alert("請輸入用戶名!");
theForm.user.focus();
return (false);
}
if (theForm.pwd.value == "")
{
alert("請輸入密碼!");
theForm.pwd.focus();
return (false);
}
}
</script>
『<a href="index.asp">返回</a>』</p>
</td>
</tr>
</form>
</tbody>

</tr>
</tbody>

最后，增加一個修改留言本信息的表單
更改留言信息表單:
<table cellspacing=1 cellpadding=0 width=300 align=center bgcolor=#000000
border=0>
<tbody>
<tr class=table003>
<td width="50%">
<table class=jnfont7 align=center>
<font color=#ffffff>留言薄信息修改</font> <tbody></tbody>

</td>
</tr>
<tr class=table001>
<td valign=top width="50%">
<table cellspacing=1 cellpadding=0 width="100%" border=0>
<tbody>
<form onsubmit="return check(this)" action="index.asp" method="post">
<tr>
<td class=jnfont3 width="30%" align="right" height="15">用戶名： </td>
<td class=jnfont3 width="70%" height="15">用戶名 </td>
</tr>
<tr>
<td class=jnfont3 width="30%" align="right" height="15">密  碼：
</td>
<td class=jnfont3 width="70%" height="15">
<input class=input1 type=password maxlength=20 size=13 name=pwd>
輸入密碼才能修改</td>
</tr>
<tr>
<td class=jnfont3 width="30%" align="right" height="15">新密碼： </td>
<td class=jnfont3 width="70%" height="15">
<input class=input1 type=password maxlength=20 size=13 name=newpwd>
不改請留空</td>
</tr>
<tr>
<td class=jnfont3 width="30%" align="right" height="15">確定新密碼： </td>
<td class=jnfont3 width="70%" height="15">
<input class=input1 type=password maxlength=20 size=13 name=newpwd2>
重輸新密碼</td>
</tr>
<tr>
<td class=jnfont3 width="30%" align="right" height="15">昵稱： </td>
<td class=jnfont3 width="70%" height="15">
<input class=input1 type=text maxlength=20 size=13 name=nick value="昵稱">
版主名字</td>
</tr>
<tr>
<td class=jnfont3 width="30%" align="right" height="15">姓名： </td>
<td class=jnfont3 width="70%" height="15">
<input class=input1
type=text maxlength=20 size=13 name=name value="留言本名字">
留言薄名字</td>
</tr>
<tr>
<td class=jnfont3 width="30%" align="right" height="15">主頁： </td>
<td class=jnfont3 width="70%" height="15">
<input class=input1 type=text maxlength=100 size=30 name=homepage value="主頁">
</td>
</tr>
<tr>
<td class=jnfont3 width="30%" align="right" height="15">每頁顯示： </td>
<td class=jnfont3 width="70%" height="15">
<select name="perpage">

</select>
條留言 </td>
</tr>
<tr>
<td class=jnfont3 width="100%" align="center" colspan="2" height="15">
<input type="hidden" name="action" value="modify">
<input class=input1 type=submit value=" 修改 " name="submit">
</td>
</tr>
<tr>
<td class=jnfont3 width="100%" colspan="2">
<p align=right>
<script language="JavaScript">
function check(theForm)
{
if (theForm.pwd.value == "")
{
alert("請輸入密碼!");
theForm.pwd.focus();
return (false);
}
if (theForm.newpwd.value != "")
{
if (theForm.newpwd.value != theForm.newpwd2.value)
{
alert("兩次輸入的密碼不相同!");
theForm.newpwd.focus();
return (false);
}
}
if (theForm.nick.value == "")
{
alert("請輸入昵稱!");
theForm.nick.focus();
return (false);
}
if (theForm.name.value == "")
{
alert("請輸入姓名!");
theForm.name.focus();
return (false);
}
if (theForm.homepage.value == "")
{
alert("請輸入您的主頁!");
theForm.homepage.focus();
return (false);
}
}
</script>
『<a href="index.asp">返回</a>』</p>
</td>
</tr>
</form>
</tbody>

</tr>
</tbody>

完整的內容請看 http://hexi.vicp.net/zxks/lyb/index2.txt
效果：http://hexi.vicp.net/zxks/lyb/index.asp
下一篇，我們將完成所有的ASP代碼。

溫馨提示：喜歡本站的話，請收藏一下本站！

人人做人人澡人人爽欧美,国产主播一区二区,久久久精品五月天,羞羞视频在线观看免费

當前位置:蘿卜系統下載站 > 技術開發教程 > 詳細頁面

本文教你做留言本(二)

本類教程下載

系統下載排行