|
第4章 系统的设计和实现 本系统实现的功能是对整个小区的房屋资料信息进行管理和查询。 内容来自论文无忧网 www.paper51.com 4.1主页的制作 内容来自论文无忧网 www.paper51.com 主页可以说是这个系统的门户，每个用户进入系统看见的第一个页面就是主页，在主页上用户可以登陆系统，并通过导航条进入各个功能模块，以便用户查看。 copyright paper51.com
4.2登陆用户的验证 http://www.paper51.com 4.2.1 建立数据库连接 内容来自www.paper51.com 动态页面最重要的就是结合后台数据库，自动更新Web页面，所以开发动态网站自始至终都与数据库分不开，离开了数据库也就谈不上什么动态页面了。 内容来自www.paper51.com 在2.1节中已经设计好了数据库文件,这里要进行数据库的连接。 paper51.com 首先，我们要在控制面板中配置ODBC数据源。在Windows系统中，本地DSN是通过ODBC数据源管理器管理的，远端的DSN是由系统管理员在应用服务器上建立的。具体步骤如下： 内容来自www.paper51.com
1.启动控制面板中的【管理工具】，选择【ODBC数据源】。如图4.1所示。 copyright paper51.com 内容来自www.paper51.com 图4.1 ODBC数据源 http://www.paper51.com 2.在打开的【ODBC数据源管理器】对话框中的【系统DSN】选项卡中,单击【添加】按钮,弹出【创建新数据源】对话框,在名称列表框中选择MicrosoftAccess Driver(*.mdb)选项,单击【完成】按钮，如图4.2所示。 paper51.com
http://www.paper51.com
图4.2 创建新数据源 内容来自www.paper51.com
3.弹出【ODBCMicrosoft Access 安装】对话框，在【数据来源名】框中输入article，单击【选择】按钮，在打开的【选择数据库】对话框中选择网站根目录下DATA文件夹中的article.mdb。然后单击【确定】按钮如图4.3所示。 内容来自www.paper51.com copyright paper51.com 图4.3 选择数据库 内容来自论文无忧网 www.paper51.com 4.这时你会发现系统数据源名称中已经多了一个article，这就是要使用的数据库。如图4.4所示。 内容来自www.paper51.com
内容来自www.paper51.com 图4.4 一个新的数据源创建成功 paper51.com
上述操作完成之后，打开【文件】面板，在“站点管理”对话框中双击default.asp即可打开它来编辑。 内容来自论文无忧网 www.paper51.com 展开右边的【应用程序】面板组，打开【数据库】面板，单击“+”按钮，选择【数据源名称(DSN）】选项，如图4.5所示。 http://www.paper51.com 内容来自www.paper51.com 图4.5 定义数据库连接 paper51.com
在弹出的【数据源名称】对话框中，在【连接】框输入article，在【数据源名称】框中选择未设定的article，如果之前没有定义，可以单击【定义】按钮来定义DSN，如图4.6所示。 paper51.com
http://www.paper51.com
图4.6 选择DSN copyright paper51.com 单击【测试】按钮系统弹出成功连接的信息则表明数据库连接成功如图4.7所示。 copyright paper51.com copyright paper51.com 图4.7 数据库连接成功 paper51.com 这样，数据库连接就完成了。 paper51.com 4.2.2 页面设计 http://www.paper51.com 主页由3个页面组成，分别是default.asp，guanli.asp，chaxun.asp。其中default.asp是主页面，用户在该页面输入帐户信息来登陆。 paper51.com 具体设计见图： http://www.paper51.com
内容来自论文无忧网 www.paper51.com 图4.8 登陆页面 paper51.com 主登陆页代码如下： copyright paper51.com
<formACTION="<%=MM_LoginAction%>" METHOD="POST"name="form1"onSubmit="MM_validateForm('fullname','','R','nickname','','R','password','','RisNum','email','','RisEmail');returndocument.MM_returnValue"> 内容来自论文无忧网 www.paper51.com <p> </p> paper51.com <p> </p> 内容来自论文无忧网 www.paper51.com <table width="472" height="130"border="1" align="center"background="image/eNet06.jpg"> copyright paper51.com <tr> paper51.com <tdwidth="216"><span class="style1">用户名</span></td> 内容来自www.paper51.com <tdwidth="269"><input name="fullname"type="text" id="fullname"></td> copyright paper51.com </tr> paper51.com
<tr> 内容来自论文无忧网 www.paper51.com
<td><span class="style1">密码</span></td> http://www.paper51.com <td><input name="password" type="password"id="password"></td> 内容来自www.paper51.com </tr> copyright paper51.com </table> 内容来自论文无忧网 www.paper51.com
copyright paper51.com
<p> </p> 内容来自论文无忧网 www.paper51.com <p align="center"> 内容来自论文无忧网 www.paper51.com <inputtype="submit" name="Submit" value="提交"> 内容来自www.paper51.com
<input type="reset"name="Submit2" value="重置"> paper51.com </p> paper51.com </form> http://www.paper51.com Guanli.asp是一个登陆页面，管理员通过管理员用户名和密码进入房屋等级资料的管理页面，使管理员可以及时进行房屋资料，户主信息或者收费管理项目等的修改。 copyright paper51.com copyright paper51.com 图4.9 管理员登陆页面 内容来自www.paper51.com 管理员登陆页具体代码如下： paper51.com <formACTION="<%=MM_LoginAction%>" method="POST"name="admin" id="admin"> http://www.paper51.com <div align="center"> paper51.com <tablewidth="564" border="1"> 内容来自www.paper51.com <tr> paper51.com <td colspan="2"><divalign="center"><strong>管理员登陆</strong></div></td> paper51.com </tr> paper51.com <tr> http://www.paper51.com <td><div align="center" class="style1">管理员帐号</div></td> 内容来自论文无忧网 www.paper51.com <td><div align="center"> 内容来自www.paper51.com <inputname="username" type="text" id="fullname3"> 内容来自论文无忧网 www.paper51.com
</div></td> paper51.com </tr> copyright paper51.com <tr> copyright paper51.com <td><div align="center" class="style1">管理员密码</div></td> 内容来自www.paper51.com <td> http://www.paper51.com
<div align="center"> 内容来自www.paper51.com <input name="password" type="password"id="password3"> 内容来自www.paper51.com
</div></td> http://www.paper51.com </tr> 内容来自论文无忧网 www.paper51.com
<tr> 内容来自www.paper51.com <td colspan="2"><div align="center"> paper51.com
<input type="submit" name="Submit" value="提交"> 内容来自www.paper51.com <input type="reset" name="Submit2" value="重来"> http://www.paper51.com </div></td> copyright paper51.com </tr> 内容来自www.paper51.com <tr> paper51.com <td colspan="2"><p align="center"><ahref="default.asp">返回首页</a></p></td> paper51.com </tr> http://www.paper51.com </table> 内容来自www.paper51.com
</div> paper51.com </form> 内容来自www.paper51.com chaxun.asp提供了房屋资料查询的地方，用户和管理员可以通过这里进行房屋登记资料的查询。 paper51.com
copyright paper51.com 图4.10，房屋资料查询页面 paper51.com
查询页面具体代码如下： 内容来自www.paper51.com <% http://www.paper51.com var Recordset1 = Server.CreateObject("ADODB.Recordset"); http://www.paper51.com
Recordset1.ActiveConnection =MM_article_STRING; http://www.paper51.com Recordset1.Source = "SELECT * FROM fwjzhzl WHERE 房号 ='"+ Recordset1__MMColParam.replace(/'/g, "''") + "' AND 楼宇单元 = '"+ Recordset1__MMselect.replace(/'/g,"''") + "'"; copyright paper51.com
Recordset1.CursorType = 0; 内容来自论文无忧网 www.paper51.com Recordset1.CursorLocation = 2; paper51.com
Recordset1.LockType = 1; http://www.paper51.com Recordset1.Open(); 内容来自www.paper51.com var Recordset1_numRows = 0; http://www.paper51.com %> paper51.com <form name="form1"method="get" action="chaxun.asp"> http://www.paper51.com <p align="center"> </p> 内容来自www.paper51.com <div align="center"> 内容来自论文无忧网 www.paper51.com
<tablewidth="781" border="1"> http://www.paper51.com <tr> 内容来自论文无忧网 www.paper51.com
<th scope="col">查询</th> http://www.paper51.com </tr> paper51.com <tr> paper51.com
<td><div align="center"> paper51.com <select name="楼宇单元" id="楼宇单元"> http://www.paper51.com <option>...</option> 内容来自www.paper51.com
<option value="A">A</option> http://www.paper51.com
<option value="B">B</option> http://www.paper51.com <option value="C">C</option> 内容来自www.paper51.com </select> 内容来自www.paper51.com 单元 paper51.com
输入房号 内容来自www.paper51.com <input name="房号" type="text" id="房号"> copyright paper51.com </div></td> http://www.paper51.com </tr> 内容来自www.paper51.com <tr> 内容来自www.paper51.com
<td><div align="center"> 内容来自www.paper51.com
<input type="submit" name="Submit" value="提交"> copyright paper51.com
</div></td> paper51.com </tr> http://www.paper51.com <tr> 内容来自论文无忧网 www.paper51.com <td> 内容来自www.paper51.com
<table border="1"> 内容来自www.paper51.com <tr> http://www.paper51.com <td>ID</td> 内容来自论文无忧网 www.paper51.com <td>楼宇单元</td> copyright paper51.com <td>楼层</td> copyright paper51.com <td>房号</td> http://www.paper51.com <td>房型</td> copyright paper51.com <td>建筑面积</td> paper51.com <td>住户名称</td> 内容来自论文无忧网 www.paper51.com <td>联系电话</td> 内容来自论文无忧网 www.paper51.com
<td>收费</td> 内容来自论文无忧网 www.paper51.com </tr> http://www.paper51.com <% while ((Repeat1__numRows-- != 0) && (!Recordset1.EOF)) {%> copyright paper51.com
<tr> http://www.paper51.com <td><%=(Recordset1.Fields.Item("ID").Value)%></td> 内容来自www.paper51.com <td><%=(Recordset1.Fields.Item("楼宇单元").Value)%></td> http://www.paper51.com <td><%=(Recordset1.Fields.Item("楼层").Value)%></td> http://www.paper51.com <td><%=(Recordset1.Fields.Item("房号").Value)%></td> copyright paper51.com <td><%=(Recordset1.Fields.Item("房型").Value)%></td> 内容来自论文无忧网 www.paper51.com
<td><%=(Recordset1.Fields.Item("建筑面积").Value)%></td> 内容来自www.paper51.com <td><%=(Recordset1.Fields.Item("住户名称").Value)%></td> copyright paper51.com
<td><%=(Recordset1.Fields.Item("联系电话").Value)%></td> 内容来自论文无忧网 www.paper51.com <td><%=(Recordset1.Fields.Item("收费").Value)%></td> paper51.com </tr> 内容来自www.paper51.com <% copyright paper51.com Repeat1__index++; copyright paper51.com
Recordset1.MoveNext(); 内容来自www.paper51.com
} http://www.paper51.com
%> paper51.com
</table></td> copyright paper51.com
</tr> 内容来自www.paper51.com <tr> 内容来自www.paper51.com <td><div align="center"><ahref="default.asp">返回首页</a></div></td> 内容来自论文无忧网 www.paper51.com </tr> http://www.paper51.com
</table> http://www.paper51.com
</div> 内容来自www.paper51.com </form> 内容来自www.paper51.com
|