|
2.3数据库设计 本网站采用的数据库是MicrosoftAccess ，建立库文件，包含如下几个表文件： copyright paper51.com claim 网站公告信息表 copyright paper51.com loginfo 来访登陆时间信息表 paper51.com mssg 留言信息表； 内容来自论文无忧网 www.paper51.com photo 图片内容说明信息表 copyright paper51.com user 成员地址信息表[7] copyright paper51.com 3 详细设计 copyright paper51.com 3.1统一规划网站的布局和格式 内容来自www.paper51.com 首先要规划好网站的结构，对网站的网页大体布局有一个具体的轮廓。并且为网站的主页及二级页面确定一个共同的格式，包括整个页面的颜色，宽度，阴影，背景，字体的大小颜色这就需要我们制作一个超文本样式表.css文件，以供每个网页调用。本站具体的.css代码如下： 内容来自论文无忧网 www.paper51.com body { copyright paper51.com SCROLLBAR-FACE-COLOR: #ffffff; paper51.com SCROLLBAR-HIGHLIGHT-COLOR: #000000; 内容来自www.paper51.com SCROLLBAR-SHADOW-COLOR: #000000; 内容来自www.paper51.com
SCROLLBAR-3DLIGHT-COLOR: #ffffff; http://www.paper51.com SCROLLBAR-ARROW-COLOR: #666666; 内容来自论文无忧网 www.paper51.com
SCROLLBAR-TRACK-COLOR: #ffffff; 内容来自论文无忧网 www.paper51.com SCROLLBAR-DARKSHADOW-COLOR:#ffffff; paper51.com background-image:url(../images/bg.gif);background-position:center paper51.com } http://www.paper51.com BODY { 内容来自论文无忧网 www.paper51.com FONT-SIZE: 12px; FONT-FAMILY:"Verdana", "arial" 内容来自www.paper51.com } paper51.com TABLE { 内容来自论文无忧网 www.paper51.com FONT-SIZE: 12px; FONT-FAMILY:"Verdana", "arial" 内容来自论文无忧网 www.paper51.com } 内容来自论文无忧网 www.paper51.com TR { paper51.com FONT-SIZE: 12px; FONT-FAMILY:"Verdana", "arial" paper51.com
} http://www.paper51.com TD { copyright paper51.com FONT-SIZE: 12px; WORD-BREAK:break-all; FONT-FAMILY: "Verdana", "arial" 内容来自www.paper51.com } 内容来自论文无忧网 www.paper51.com INPUT { http://www.paper51.com BACKGROUND-COLOR:#ffffff; BORDER-BOTTOM: #0066cc 1px solid; BORDER-LEFT: #0066cc 1px solid;BORDER-RIGHT: #0066cc 1px solid; BORDER-TOP: #0066cc 1px solid; COLOR: #0066cc;FONT-SIZE: 9pt; HEIGHT:16px paper51.com } paper51.com TEXTAREA { 内容来自论文无忧网 www.paper51.com
BORDER-TOP-WIDTH: 1px; PADDING-RIGHT:1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px;BORDER-LEFT-COLOR: #cccccc; BACKGROUND: #fefefe; BORDER-BOTTOM-WIDTH: 1px;BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc;PADDING-TOP: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc http://www.paper51.com } 内容来自www.paper51.com
在每个网页的程序中加人如下的程序段: paper51.com <linkhref="css/class.css" type=text/css rel=stylesheet>。来实现调用已经编制好的超文本样式表文件class.css，这样就为网站中的每个网页设定一个共同的样式，如整个网页文字的大小、字体，还有活动超联接和已访问超联接的颜色以及菜单的一些属性等等。 内容来自论文无忧网 www.paper51.com 为网站设计一个主页面使用DreameWeaver MX来制作。还要用到HTML语言、VBScript、JavaScript等。将前面说到的功能和内容以菜单的形式列出在主页上，级联菜单上是一些具体的功能和内容。当然，这个菜单是用JavaScript编制出来的一个函数，然后，在每一个菜单文件的代码中再调用这个函数，其它的菜单也可以用同样的代码来实现。同样，对于二级页面的设计以及其它页面的设计也是与主页相同。如果这些页面的主要部分与先前设计的主页主体部分风格和布局以及菜单都相同，那么我们就可以先建立一个空的含菜单的文件作为模板，以后每建立一个类似的页面，就可以调用此模板文件，在此基础上再进行修改、补充[8]。 paper51.com 3.2注册和登录模块设计 http://www.paper51.com 注册登录模块是系统的门户,在整个系统中占有重要的地位。它的主要功能是根据用户的录入信息进行身份识别,排除非法用户对本系统的使用,对合法用户则按照不同的级别分类处理，从而保证系统的运行安全，过程如图3所示[9]。 copyright paper51.com copyright paper51.com 图3 过程图 copyright paper51.com 用户进入主页面后,要想法使用其他菜单的功能必须先进行注册,在将表单提交后,调用相应的程序进行处理。处理程序首先与数据库连接,查看是否存在同名和同密码的用户,若存在则显示提示信息,并重新返回注册表单,用户输入新的信息进行重新注册;若不存在同名且同密码的用户,则将注册信息写入数据库。在注册界面填写注册信息的时候，用下面的程序判断输入的信息是否正确： paper51.com functioncheckform() http://www.paper51.com {if (adduser.username.value.length==0) { 内容来自www.paper51.com alert("用户名不得为空！"); 内容来自www.paper51.com document.adduser.username.focus(); copyright paper51.com return false; http://www.paper51.com
} 内容来自www.paper51.com
if(document.adduser.passwd.value.length == 0) { copyright paper51.com alert("请输入您的密码！"); copyright paper51.com document.adduser.passwd.focus(); paper51.com returnfalse; copyright paper51.com } 内容来自论文无忧网 www.paper51.com if(document.adduser.repasswd.value.length == 0) { http://www.paper51.com
alert("请确认您的密码！"); copyright paper51.com
document.adduser.repasswd.focus(); http://www.paper51.com
returnfalse; http://www.paper51.com
} http://www.paper51.com if (document.adduser.passwd.value!= document.adduser.repasswd.value) { copyright paper51.com alert("您两次输入的密码不一致！请重新输入。"); 内容来自www.paper51.com document.adduser.passwd.focus(); copyright paper51.com returnfalse; http://www.paper51.com } http://www.paper51.com if(document.adduser.email.value.length == 0 &&!document.adduser.email.value.match( /^.+@.+$/ ) ) { copyright paper51.com alert("Email错误！请重新输入"); copyright paper51.com
document.adduser.email.focus(); paper51.com returnfalse; 内容来自论文无忧网 www.paper51.com } copyright paper51.com if(document.adduser.realname.value.length==0){ paper51.com alert("请输入您的真实姓名！") copyright paper51.com
document.adduser.realname.focus(); 内容来自论文无忧网 www.paper51.com returnfalse} paper51.com
return true http://www.paper51.com } 内容来自论文无忧网 www.paper51.com 如若用户已经注册,则可输入名称和密码进入,在此过程中验证名称和密码是否相符以及在登录过程中用户的请求是否被允许从而显示不同的提示页面。用户登录的流程图如图4所示[10]。 http://www.paper51.com
copyright paper51.com 通过在表单输入“用户名”和“密码”后点击“登录”提交表单,激活后台登录程序。如果“用户名”和“密码”匹配就可以进入,反之显示错误提醒页面。若登录成功,登录程序会把登录用户的信息写进Cookies,供以后各项功能实现时使用。 内容来自论文无忧网 www.paper51.com 用户的登录程序如下： copyright paper51.com
<formname="form1" method="post"action="login.ASP?method=submit" onSubmit="returncheckform()"> 内容来自论文无忧网 www.paper51.com
<table width="182" height="113"border="0" align="center" cellspacing="3"> copyright paper51.com <tr> 内容来自www.paper51.com <td width="70"> </td> http://www.paper51.com <td> </td> paper51.com
</tr> paper51.com <tr> copyright paper51.com <td> <div align="right">用 户：</div></td> copyright paper51.com <td> <div align="left"> paper51.com
<input name="text1" type="text"id="text13" size="11" height="20"> paper51.com </div></td> 内容来自论文无忧网 www.paper51.com </tr> copyright paper51.com <tr> 内容来自论文无忧网 www.paper51.com <td><div align="right">密 码：</div></td> 内容来自www.paper51.com <td> <div align="left"> 内容来自www.paper51.com <input name="text2" type="password"id="text2" size="11" height="20"> 内容来自论文无忧网 www.paper51.com
</div></td> paper51.com </tr> 内容来自www.paper51.com <tr valign="top"> 内容来自论文无忧网 www.paper51.com
<td height="33" colspan="2"> http://www.paper51.com <div align="center"> http://www.paper51.com <input type="submit" name="Submit" value="登录"> 内容来自论文无忧网 www.paper51.com 内容来自www.paper51.com <input type="button" name="Submit2" value="注册"onClick="javascript:window.open('register.ASP')"> copyright paper51.com </div></td> copyright paper51.com </tr> copyright paper51.com
</table> copyright paper51.com
</form> 内容来自论文无忧网 www.paper51.com
如果成功登录后将出现如图5的界面： 内容来自论文无忧网 www.paper51.com
图5 内容来自www.paper51.com 这个界面的程序代码为： copyright paper51.com
<td>欢迎<fontcolor="#FF0000"><%=rs4("loguser")%></font>回家！</td> 内容来自www.paper51.com
</tr> http://www.paper51.com <tr> http://www.paper51.com <td>登陆次数：<font color="#FF0000"><%=rs4("logno")%></font>次</td> copyright paper51.com </tr> paper51.com <tr> 内容来自www.paper51.com <td>你的身份：<fontcolor="#FF0000"><%=usergroup%></font></td> paper51.com
</tr> 内容来自www.paper51.com <tr> copyright paper51.com <td>上次登陆时间：<br> <font color="#FF0000"><%=rs4("logtime")%></font></td> 内容来自论文无忧网 www.paper51.com </tr> 内容来自论文无忧网 www.paper51.com <% paper51.com
strsql6="SELECTcount(primsguser) as prino FROM primsg where primsgtype=1 andprimsguser='"&session("username")&"'" http://www.paper51.com setrs6=conn.execute(strsql6) paper51.com %> 内容来自www.paper51.com <tr> http://www.paper51.com
<td> 内容来自www.paper51.com
<% 内容来自www.paper51.com if rs6("prino")=0then 内容来自www.paper51.com response.Write("你没有新的短消息") copyright paper51.com
paper51.com else%> paper51.com <bgsound src=images/notify.wav border=0 loop="1"> 你现在有<ahref="#"onClick="script:window.open('primsg.ASP','','width=480,height=240,left=300,top=200')"><fontcolor="#FF0000"><%=rs6("prino")%></font></a>条新的短消息</td> paper51.com 到此，网站的用户注册登录界面就制作完了[11]。 内容来自www.paper51.com
|