1用户管理系统建设.doc

用户管理系统建设

一、 系统整体规划

（一） 页面设计规划

在本地站点建立站点文件夹member 。其下将创建的文件夹及文件如图所示

（二） 网页美工设计

本例采用“拐角型”布局结构。美工设计效果如下。素材可自己制作，也可使用我发给大家的。

二、 数据库设计与连接

（一） 数据库设计

Index.asp

用户登录模块

找回密码修改资料模块

新用户注册界面 Register.asp

Refail.asp Regok.asp

Loginfail.asp Welcome.asp Lostpassword.asp Userupdate.asp Showquestion.asp Shoupassword.asp

Userupdateok.asp Logoot.asp

通过功能分析发现，数据库应该包括注册的用户名、注册密码以及一些个人信息，如性别、年龄、E-mail、电话等。所以数据库中应该包括上述信息的表，称之为“用户信息表”。本实验中将数据库命名为member，创建的用户信息表member如图所示。

数据设计库表user的字段组成结构如下：

下面介绍在ACCESS中创建数据库的方法和步骤。

1.新建空白数据库；

2.保存为member.mdb，保存类型中选择“Microsoft office access 2002-2003数据库”，是为了让数据库通用；

3.在空白数据库中建立新的“数据表”，另存为“表名称”为member。

4.按照字段的名称和属性进行设置。

5.打开member数据表，可以再其中预先编辑一些记录对象，其中admin的权限（authority）值为1，其余用户

的权限为0，即为一般用户。

6.编辑完成，保存，关闭，数据库和存储用户名和密码等资料的表建立完成。

（二）创建数据库连接

具体步骤：

1.依次单击“控制面板”|“管理工具”|“数据源（ODBC）”|“系统DSN”命令；

2.单击添加按钮，在“创建新数据源”对话框中选择Driver do Microsoft Access(*.mdb)选项，如图

3.单击完成按钮，打开“ODBC Microsoft Access安装”对话框，在“数据源名（N）”文本框中输入dsnuser，如

图

4.单击选择按钮，找到需要找到的数据库。

5.确定之后，完成系统DSN的设置。

6.启动dreamweaver，在网站根目录下新建一个名为index.asp网页并保存

7.设置好“站点”、“文档类型”、“测试服务器”，在dreamweaver中执行菜单“窗口”|“数据库”命令或者快捷

键shift+ctrl+F10，打开“数据库”面板，单击添加按钮，选择“数据源名称（DSN）”。

8.在这个对话框中，在“连接名称”中输入user，单击“数据源名称”，在其中选择dsnuser，其他默认，确定完

成。

9.同时在网站根目录下将会自动创建名为Connections的文件夹，该文件夹内有一个名为user.asp的文件，可以

用记事本打开。

10.保存文档，完成数据库连接。

三、用户登录模块的设计

（一）登陆界面

在用户访问该用户管理系统时，首先要进行身份验证，这个功能是靠登录界面来实现的。所以登陆页面中必须有要求用户输入用户名和密码的文本框，以及输入完成后进行登录的“登录”按钮和输入错误后重新设置用户名和密码的“重置”按钮。详细制作步骤如下：

1.首先来看一下用户登录的首页设计，如图。

2.index.asp页面是用户登录系统的首页，打开前面创建的index.asp页面，输入网页标题“帆云购物中心”，然后执行

菜单“文件”|“保存”命令将网页标题保存。

3.执行菜单“修改”|“页面属性”命令，然后在“背景颜色”文本框中输入颜色为#CCCCCC，在“上边距”文本框

中输入0像素，这样设置是为了让页面的第一个表格能置顶到上面，并形成一个灰色的底纹的页面，设置如图。

4.设置完成后单击“确定”按钮，进入“文档”窗口，执行菜单“插入”|“表格”命令，在打开的“表格”对话框

中，设置3行3列的表格。表格宽度为775像素，边框粗细、单元格边框和间距都为0，如图。

5.单击确定，完成表格插入。将鼠标设置在第1行表格中，在“属性”面板中单击合并单元格，将第一行表格合

并，再执行菜单“插入记录”|“图像”，选择图片“01.gif”，如图。

6.单击确定，完成图片插入。鼠标放置在第3行表格中，合并单元格，将第3行表格合并，插入图片“05.gif”，如图。

7.选择整个表格，在“属性”面板中，选择“对齐”为“居中对齐”，如图。

8.把光标移至创建表格第2行第1列中，在“属性”中设置高度为456像素，宽度为179像素，在垂直中选择“顶端”，

再将光标移至这一列中，单击“拆分”按钮，在中加入background=”/images/02.gif”，效果如图。

9.在表格的第2行第2列和第3列中，分别插入同站点images文件夹中的图片03.gif和04.gif

10.单击第2行第1列的单元格，单击“文档”窗口上的拆分按钮，在和之间加入valign=”top”（表格文字和

图片的相对摆放位置，可选值为top、middle、bottom）。

11.单击“文档”窗口的“设计”按钮，在刚创建的表格的单元格中，执行菜单插入表单命令

12.将鼠标放置在该表单中，执行菜单“插入记录”|“表格”，打开“表格”对话框，行数5，列为2。表格宽度179

像素。单击并拖动鼠标分别选择第1行和第5行表格，单击合并按钮进行合并。在第2行第1列中输入文字说明“用户名”，第2行第2列中执行菜单“插入记录”|“表单”|“文本域”，插入一个单行文本域表单对象，并定义文本域名为“username”，“文本域”设置如图所示

13.第3行第1列表格中输入文字“密码”，在第3行表格的第2列中执行“插入记录”|“表单”|“文本域”，定义文

本域名为“password”，“文本域”设置如图所示

14.选择第4行单元格，执行“插入记录”|“表单”|“按钮”命令两次，插入两个按钮，分别更改属性变更，一个是

登录时用的“提交表单”选项，一个是“重设置单”，“属性”的设置如图

15.在第5行输入“注册新用户”，并选择这几个字在窗口栏中选择“插入”|“超级链接”，并设置一个转到用户注册

页面register.asp，效果如图

16.忘记密码可以找回密码，在表格第5行中输入“找回密码”，并设置一个转到密码查询页面lostpassword.asp的链接

对象