用户管理系统的完成——Dreamweaver环境下

Posted 2020-09-15

• 一、        用户管理系统的规划

• 1.       页面规划设计

• “用户管理”分为用户登录入口与找回密码入口两个部分

用户管理系统网页功能表
页面	功能
index.php	用户开始登录的页面
welcome.php	用户登录成功后显示的页面
loginfail.php	用户登录失败后显示的页面
register.php	新用户用来注册个人信息的页面
regok.php	新用户注册成功后显示的页面
regfail.php	新用户注册失败后显示的页面
Lostpassword.php	丢失密码后进行密码查询使用的页面
Showquestion	查询密码时输入提示问题的页面
Showpassword.php	答对查询密码问题后显示的页面
Userupdate.php	成功更新用户资料后显示的页面
Userupdateok.php	成功跟新用户资料后显示的页面
Logout.php	退出用户系统的页面

2.       建系统数据库

分析用户管理系统，可知需搭建数据库，创建数据表从而容纳信息。

数据库名：member  库类型：utf8_bin

数据表名：member  字段数：12

创建member数据表
说明	姓名	类型	整理	空	额外
用户编号	ID（主键）	int 11	Utf8_bin	否	AUTO_INCREMENT
用户账号	username	varchar 20	Utf8_bin	否
用户密码	password	Varchar 20	Utf8_bin	否
找回密码提示	question	Varchar 50	Utf8_bin	否
答案	answer	Varchar 50	Utf8_bin	否
真实姓名	truename	Varchar 50	Utf8_bin	否
性别	sex	Varchar 10	Utf8_bin	否
地址	address	Varchar 50	Utf8_bin	是
电话	tel	Varchar 50	Utf8_bin	是
QQ号码	qq	Varchar 20	Utf8_bin	是
游戏	email	Varchar 50	Utf8_bin	是
登录区分	authority	Char 1	Utf8_bin	否

3.       用户管理系统站点

添加服务器

基本：服务器名称：member

连接方式：本地/网络

服务器文件夹（站点）

Web URL ：http://127.0.0.1/member/

高级：选中“维护同步信息”

服务器模型：php mysql

选中“测试”复选框

 

4.       设置数据库连接

MySQL 连接

窗口→数据库→MySQL连接

连接名称：mymember

MySQL服务器：localhost

用户名：root

密码：root

数据库：member

二、        用户登录功能

1.       设计登陆页面（新建index.php）

1. 标题：PHP用户管理系统
2. 页面属性：背景颜色#CCCCCC、上边距0px

（灰色底纹页面、表格置顶）

1. 插入3*3表格：775像素、0像素、0边距、0间距、居中

第1行：合并放入图片，使之形成无缝连接的页面

第2行1列：属性面板高456*宽179；高和宽依据背景图像而定。

其他：放入图片，完成网页的结构搭建。

1. 单击2行1列（拆分）

在<td>和</td>之间加valign=”top”

(表格文字和图片的相对摆放位置，可选值：top、middle、bottom)

2.       设计登陆表单

在登录位置放置插入表单

在表单中插入5*2的表格

179像素、合并第1行、第2行、第5行表格

会员登录
用户名	（文本域：username）类型：单行
密码	（文本域：password）类型：密码
登录（提交） / 重置（重设）
注册新用户（链接：register.php）/找回密码(链接：lostpassword.php)

3.       服务器行为  P145页

用户身份验证—登录用户

从表单获取输入：forml

用户名字段：username

密码字段：password

使用链接验证：mymember

表格：member

用户名列：username

密码列：password

成功转到：welcome.php

失败转到：loginfail.php

基于以下项限制访问：用户名和密码

获取级别自：ID

4.       表单ID  forml

“属性”面板，动作属性值为<?php echo $loginFormAction;?>

(作用：实现用户登录功能)

 

三、        登陆成功和失败

1.       失败：loginfail.php

内容：登录失败，登录失败，请检查你填写的用户名和密码是否正确。等单击这里重新登录！（连接：index.php）

2.       成功:welcome.php

登录成功！

欢迎你：XXXXXX

修改你的资料

注销你的用户

“窗口”—“绑定”—“阶段变量”

P147

1. 阶段变量：在“名称”文本框中输入MM_username
2. 将阶段变量代替XXXXXX
3. 选中“注销你的用户”—服务器行为—用户身份验证—注销用户

注销用户：在以下情况下注销：单击连接

转到：logout.php

该服务器行为生成的链接属性为<?php echo $logoutAction?>

内容：谢谢你的访问，你已安全退出，重新登录请单击这里

 

四、        测试登录功能

Http://127.0.0.1/member/

测试登录、成功、失败、这里等链接。

 

用户注册功能

五、        用户注册功能

1.       用户注册页面 register.php

制作静态网页的工具完成：

请用户认真填写注册信息！
用户名：	Username*必需、接受、任何
密码：	Password*必需、接受、任何
密码验证：	Password1请密码填写一致*必需、接受、任何
真实姓名：	Truename*必需、接受、任何
性别：	男  女
E-mail：	E-mail 必须的、可接受、电子邮件
电话：	Tel  必需的、可接受的、数字
QQ：	QQ 必需的、可接受的、数字
地址：	Address*必需、接受、任何
密码提示问题：	你的生日是哪年哪有↓
密码提示答案	Answer必需、接受、任何
注册/重写

2.       隐藏域

  注册时需要加入“隐藏域”命名为：authority  默认值0  （即所有的用户注册的时候默认是一般访问用户。

注：隐藏域是用来收集不可见元素，对于网页的访问者来说，隐藏域是看不见的，提交表单的时候，隐藏域就会将信息用设置时定义的名称和值发送到服务器上。P152

 

3.       验证表单

用于用户提交注册资料之前，检查填写内容朱否满足数据库表member中字段的要求，若不符合要求，显示错误原因并且重新输入。

“窗口”—“行为”—“+”—“检查表单”

域：input “username”（R）

值：必需的

可接受：任何东西P152

4.       中文汉化、修改代码

1. 在验证表单动作的源代码中修改代码，实现中文汉化功能

<script type=”text/javascript”> —— </script>

1. 测试执行效果，两次输入的密码不一致，提交后，会出现警告信息。

5.       服务器行为—插入记录

将表单对象和数据库中标member中的字段一一对应

列：“username“从FORM···文本

转到：regok.php

 

6.       服务器行为—用户身份验证—检查新用户名

用户名字段：username

已存在 转到：regfail.php

 

六、        注册成功和失败

1.       成功：regok.php

内容：注册成功！

恭喜你！你已注册成功！

请单击这里登录！（index.php）

 

2.       失败：regfail.php

内容：注册失败！

不好意思，你注册的用户名已经被注册。

请单击这里重新注册！（register.php）

 

七、        注册功能的测试

http://127.0.0.1/member/register.php

测试内容：漏填必填字段、填写错误E-mail、密码两次不一致、验证表单动作、信息不正确的提示框、显示错误的原因、注册已经存在用户、“这里”的链接、查看member数据库文件的添加情况。

 

八、        修改用户资料

1.       修改资料页面

将register.php页面另存为userupdate.php

在第一行加入如下代码：

<?php

Session_start();

?>  //启动session环境

2.       服务器行为

删除所有服务器行为并修改相应文字

注册→修改

 

3.       记录集绑定

名称：upuser

连接：mymember

表格：member

列：全部

筛选：username=阶段变量/MM_Username

在用户名字段后面插入隐藏域为id，设置在用户名字段后面

 

4.       服务器行为—动态表单元素—动态单选按钮

(对于网页中的单选按钮组sex对象，绑定动态数据)

动态单选组按钮：

单选按钮组：sex在表单form1

选取值等于:<?php $row_upuser[‘sex’]?>

 

5.       服务器行为—更新记录

列：ID使用FORM作为整数未选择记录

转到：userupdateok.php

 

由于本页的MM_Username值是来自上一页注册成功后的用户名值，所以单独测试时会提示出错；应该先登录后单击“修改您的注册资料”超链接到页面才会产生效果。

 

九、        更新成功页面

1.       修改成功：userupdateok.php

为用户继续修改资料提供超文本链接：userupdate.php

为用户不再修改提供返回登录页面的链接：index.php

 

2.       新建：userupdateok.php

第一行加入以下代码：

<?php

Session_stsrt();

?>

//启动session环境

 

3.       记录集绑定

名称：upuser2

连接：mymember

表格：member

列：全部

筛选：username=阶段变量/MM_Username

在用户名字段后面插入隐藏域为id，设置在用户名字段后面

 

4.       服务器行为—动态表单元素—动态单选按钮

(对于网页中的单选按钮组sex对象，绑定动态数据)

动态单选组按钮：

单选按钮组：sex在表单form1

选取值等于:<?php $row_upuser[‘sex’]?>

 

十、        修改测试资料

http://127.0.0.1/member/index.php

 

十一、            查询密码功能

1.       lostpassword.php

内容：

密码查询

用户名：

提交/重置

 

2.       添加表单

名称：form1  动作：showquestion.php  方法：POST

用户名文本域：inputname

 

GET方法和POST方法  P164

 

3.       查询问题

1. 新建 showquestion.php

根据要求完成网页  P165

 

1. 表单：

动作：showpassword.php

方法：POST

问题答案的文本域：inputanswer

 

1. 记录集

名称：Recordset1

连接：mymember

表格：member

列：选定的：username、question

筛选：username=表单变量inputname

 

1. 记录集字段question放到相应位置  (问题提示：{  }  )

 

隐藏域：username

 

选择该隐藏域，将Recordset1记录集中的username绑定到该表单隐藏域中。

P166