首页 > 代码库 > 用户管理系统的完成——Dreamweaver环境下
用户管理系统的完成——Dreamweaver环境下
-
一、 用户管理系统的规划
-
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号码 |
|
Varchar 20 |
Utf8_bin |
是 |
|
游戏 |
|
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)
- 标题:PHP用户管理系统
- 页面属性:背景颜色#CCCCCC、上边距0px
(灰色底纹页面、表格置顶)
- 插入3*3表格:775像素、0像素、0边距、0间距、居中
第1行:合并放入图片,使之形成无缝连接的页面
第2行1列:属性面板高456*宽179;高和宽依据背景图像而定。
其他:放入图片,完成网页的结构搭建。
- 单击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
- 阶段变量:在“名称”文本框中输入MM_username
- 将阶段变量代替XXXXXX
- 选中“注销你的用户”—服务器行为—用户身份验证—注销用户
注销用户:在以下情况下注销:单击连接
转到: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. 中文汉化、修改代码
- 在验证表单动作的源代码中修改代码,实现中文汉化功能
<script type=”text/javascript”> —— </script>
- 测试执行效果,两次输入的密码不一致,提交后,会出现警告信息。
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. 查询问题
- 新建 showquestion.php
根据要求完成网页 P165
- 表单:
动作:showpassword.php
方法:POST
问题答案的文本域:inputanswer
- 记录集
名称:Recordset1
连接:mymember
表格:member
列:选定的:username、question
筛选:username=表单变量inputname
- 记录集字段question放到相应位置 (问题提示:{ } )
隐藏域:username
选择该隐藏域,将Recordset1记录集中的username绑定到该表单隐藏域中。
P166
用户管理系统的完成——Dreamweaver环境下