|
第三章 基本设计 内容来自论文无忧网 www.paper51.com 3.1 网站客户服务首页设计 内容来自www.paper51.com 当用户打开网站客户服务时，首先看到的是网站客户服务首页，用户从首页可以看到和网站客户服务相关的内容，发帖数、用户数量和主要版面的情况等。首先这个页面应该尽量的美观，操作截面也要看起来简单易用而且具有实用性。 内容来自论文无忧网 www.paper51.com
一般网站客户服务的首页分4个部分，上面是网站客户服务的顶部LOGO，一般这个要体现出网站客户服务的一个主题；接着是网站客户服务的导航部分，包括了用户状况和网站客户服务了基本状况，且这两个状况应该左右分开；再下面就是网站客户服务主题部分的各个版面信息；最下面就是网站客户服务用户在线状况网站客户服务当前的情况。 paper51.com 基本上可能变动大的只有版面部分，所以其他变动小的部分可以做成公用文件，让其他页面可以重用。这3部分不写在文件里，而是直接写进数据库中。如程序3-1。 内容来自www.paper51.com 程序3-1 首页公用程序 copyright paper51.com
<!--HTML头--> paper51.com <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> copyright paper51.com <html> http://www.paper51.com
<head> copyright paper51.com <meta http-equiv=”Content-Type”content=”text/html; charset=gb2312> paper51.com <meta name=”generator”content=”dvbbs”> 内容来自论文无忧网 www.paper51.com <meta name=keywords content=”{$keyword}”> 内容来自论文无忧网 www.paper51.com <meta name=”description”content=”{$description}”> http://www.paper51.com <!—网站客户服务首页开始代码--> 内容来自论文无忧网 www.paper51.com
<script language=”JavaScript”src=”inc/Main.js”></script > 内容来自www.paper51.com
</head> 内容来自www.paper51.com <body topmargin=”0” leftmargin=”0”> 内容来自www.paper51.com <div class=menuskin id==popmenu 内容来自论文无忧网 www.paper51.com Onmouseover=”clearhidemenu();highlightmenu(event,’on’)” 内容来自论文无忧网 www.paper51.com
Onmouseout=”highlightmenu(event,’off’);dynamichide(event)” style=”Z-index:100”></div> 内容来自www.paper51.com <!—顶部导航表格--> paper51.com
<table cellspacing=”0” cellpadding=”0” align=”center” class=tableborder1> copyright paper51.com <tr><td width=”1”></td> 内容来自论文无忧网 www.paper51.com <tdclass=TopdarkNav height=9 width=”*”></td> copyright paper51.com
<tdwidth=”1”></td> http://www.paper51.com <tr><tdwidth=”1” height=”70”></td> paper51.com <tdheight=”70”class=TopLighNav2> 内容来自www.paper51.com <tableboard=”0” width=”100%”align=center> http://www.paper51.com <tr><tdalign=left width=”25%”><a href=”{$link}”><img border=0 src=”{$logo}”></a></td> 内容来自论文无忧网 www.paper51.com <tdalign=center width=”65%” id=”Top_ads”></td> copyright paper51.com <tdalign=”right” style=”line-height:15pt”width=”10%”> copyright paper51.com <spanstyle=”cuosor:hand” onClick=”window.external.AddFavorite(document.location.href, 内容来自论文无忧网 www.paper51.com ’{$title}’)” onmousemove=”status=’收藏本页’;” onmouseout=”status=”;”>收藏本页</span> 内容来自www.paper51.com <br><a href=”{$mailto}”target=_blank>联系我们</a> paper51.com <br><a href=”boardhelp.asp?boardID={$boardid}”>网站客户服务帮助</a></td></table></td> 内容来自www.paper51.com <td width=”1”></td> http://www.paper51.com <tr><td width=”1”></td><td class=TopLighNavheight=9 width=”*”></td><td width=”1”></td> 内容来自论文无忧网 www.paper51.com <!—index.asp##首页用户信息和在线用户状态--> http://www.paper51.com <table cellpadding=5cellspacing=1 class=tableborder1 align=center style=”word-break:break-all;”> paper51.com <tr><th align=leftcolspan=2 height=25>-=> 用户来访信息</th></tr> 内容来自www.paper51.com <tr><td valign=topclass=tablebody1 height=25 width=100%>您的真实<b>IP</b>是：{$userip}， copyright paper51.com <b>操作系统</b>：{$system}，<b>浏览器</b>：{$brw}</td></tr> http://www.paper51.com
<tr><th colspan=2align=left id=tabletitlelink height=25 style=”font-weight:normal”> 内容来自论文无忧网 www.paper51.com <b>-=网站客户服务在线情况</b> [<spanid=showstr><a href=”online.asp?action=1&boarded=0” 内容来自www.paper51.com Target=”hiddenframe”>{$showstr}</a></span>][<ahref=”boardstat.asp?reaction=online”>查看在线 内容来自论文无忧网 www.paper51.com 用户位置</a>]</th></tr> 内容来自www.paper51.com <tr><tdwidth=100% valign=top class=tablebody1>目前网站客户服务上总共有<b>{$onlinenum}</b> 人 内容来自www.paper51.com 在线，其中注册会员<b>{$ousernum}</b>人，访客<b>{$gusernum}</b>人。 http://www.paper51.com
<br>自<b>{$BuildDate}</b>创建以来，历史最高在线记录是<b>{$maxuser}</b>人同时在线， 内容来自www.paper51.com 发生时间是：{$maxusertime}<br> 内容来自论文无忧网 www.paper51.com <fontcolor=”#ff0000”>名单图例</font>：{$piclist}<br> 内容来自论文无忧网 www.paper51.com
<tableborder=0 cellspacing=0 cellpadding=0 align=center style=”width:100%”class=tableborder1> 内容来自www.paper51.com <tr><td></td></tr></table> 内容来自www.paper51.com <tablewidth=100% border=0 cellspacing=0 cellpadding=0> 内容来自www.paper51.com <tr><tdheight=5></td></tr> paper51.com <tr><tdwidth100%><span style=”display:none” id=”onlinetr”></span></td></tr> http://www.paper51.com </table></td></tr></table><br> 内容来自www.paper51.com <!—index.asp##首页底部网站客户服务状态部分> 内容来自论文无忧网 www.paper51.com <tablecellspacing=1 cellpadding=3 width=97% border=0 align=center> 内容来自论文无忧网 www.paper51.com <tr><tdalign=center><img src=”{nonewpic}” align=”absmiddle”> 没有新帖子 内容来自论文无忧网 www.paper51.com <img src=”{isnewpic}” align=”absmiddle”> 有新的 paper51.com 帖子 <img src=”{islockpic}” align=”absmiddle”> paper51.com 被锁定的网站客户服务</td></tr></table> 内容来自www.paper51.com
首页里用到了很多“{}”包括的字符，里面的内容是变量，因为网站客户服务信息会随一些操作而改变而不同的显示状态，这些信息将随这些状态的改变而改变成及时的真实的状态。这些是要与数据库连接的，所以下面将说明数据库的连接函数。 copyright paper51.com 3.2 数据库连接函数 paper51.com
数据库连接在网站客户服务运行中是必不可少的，把这部分单独做成一个函数，在需要的时候只需要调用这个函数就可以了，而不用每次去写连接程序，这种复用可以让操作更加方便快捷。 copyright paper51.com
选择的Access作为数据库，功能不强大，不能让很多人连接，但是可以省掉很多设置，对机器要求也相对要低得多，适合用PC机架设网站客户服务。ASP中与数据相关紧密的是ADO，要让ADO对象能存取数据库，最重要的东西是OLE DB和ODBC的驱动程序，必须具备对应数据库的其中一种驱动程序，ADO对象才能进行存取。因为根据Microsoft公司的说法，OLE DB驱动程序的执行效能比ODBC要好，所以选择用OLE DB驱动程序。 http://www.paper51.com
利用ADO的Connection来建立同数据库的连接。建立ADODB.Connection对象，使用此对象的Open方法打开数据库。用Access在网站客户服务路径下建立一个数据库存储路径“data”，然后建立一个名为mybbs7.mdb的数据库，建立之前数据库设计中的表。利用Microsoft公司的OLE DB机制连接Access，用OLE DB不用建立ODBC就可以直接连接Access数据库。见程序3-2。 paper51.com 程序3-2 Access数据库连接 http://www.paper51.com Sub ConnectionDatabase paper51.com DimConnStr http://www.paper51.com Db=”data/mybbs7.mdb” paper51.com ConnStr=”Provider=Microsoft.jet.OLEDV.4.0”Data Source=”& Server.MapPath(db) 内容来自www.paper51.com Setconn=Server.CreateObject(“ADODB.Connection”) copyright paper51.com
Conn.openConnStr copyright paper51.com ifErr Then http://www.paper51.com Err.Clear http://www.paper51.com Set Conn=Nothing 内容来自www.paper51.com
Response.Write”数据库连接出错，请检查连接字符串。” 内容来自论文无忧网 www.paper51.com Response.End paper51.com Endif copyright paper51.com End Sub copyright paper51.com Sub声明了函数ConnectionDatabase，End Sub结束这个函数。Dim声明了变量ConnStr，这个变量是用来存储连接数据库信息的。变量Db声明了数据库文件所在的路径。为ConnStr赋值是声明OLE DB连接数据库的方式，Data Source后面跟的是数据库文件所在的路径。Server.MapPath是ASP内置Server对象一个函数，用来取得网站目录下文件的绝对路径。7~12行是一个判断错误的信息，如果连接出错，Asp的Err对象判断系统给出错误的存在，然后清除。 内容来自论文无忧网 www.paper51.com |