第10章 会员管理系统设计（课件）-《PHP动态网站开发（第2版）》同步教学（电子工业版）

／182 第10章 会员管理系统设计 　10.1 系统总体设计 10.2 系统功能实现 ／182 10.1 系统总体设计 10.1.1 系统功能分析 新会员注册。任何用户都可以通过注册页填写个人资料并保存到后台数据库中。注册时，必须保证会员名是唯一的。若提交的会员名已被占用，则会通过Ajax异步请求在注册页上显示相关提示信息。若注册成功，则自动登录到系统首页。 查看会员资料。会员登录后，可以查看所有会员列表。通过某个会员所在行的电子邮件链接，可以给该会员发送电子邮件。 修改个人资料。会员登录后，可以对自己在注册时填写的个人信息进行修改，但不能修改用户名和登录密码。 上传和下载文件。会员登录后，可以将自己的文件上传到服务器上供其他会员共享，与此同时相应文件的路径将被填写到后台数据库中。任何会员可以下载共享文件。 查询密码。若会员忘记了自己的密码，则可以通过输入用户名并回答注册设置的安全问题找回密码。在本系统中，将通过电子邮件向用户发送密码信息。 用户分级。在会员管理系统中，会员分为3类：游客、普通会员和管理员；相应地，系统页面也分为3类：可由所有用户、限所有会员或仅限管理员访问。系统管理员不仅拥有普通会员的所有权限，还拥有删除普通会员的特权。 第10章目录 ／182 10.1 系统总体设计 10.1.2 数据库设计与实现 第10章目录 ／182 10.1 系统总体设计 10.1.3 创建PHP动态站点 创建本地文件夹 创建虚拟目录 在Dreamweaver中创建一个新的PHP动态站点并命名为members，该站点的基本服务器信息和服务器模型。 在Dreamweaver中打开members站点，然后创建一个PHP动态页defualt.php作为首页，再创建一个数据库连接并命名为members。 第10章目录 ／182 10.1 系统总体设计 10.1.4 站点文件组成 第10章目录 ／182 10.2 系统功能实现 10.2.1 创建CSS样式表 在Dreamweaver中打开members站点，然后在文件夹style中创建一个CSS样式表文件并保存为site.css。 在该文件中定义一些CSS规则，源代码如下： #menu ul {float:left;list-style:none; margin-left:0px;padding-left:0.5em;padding-right:0.5em;} #menu ul li {float:left;} #menu ul li a:link, #menu ul li a:visited {color:#316AC5;font-weight:bold;} a,#menu ul li a:hover {color:#316AC5;} *{font-size:12px;} legend{color:#316AC5;font-weight:bold;padding:3px;} .message{color: #F00;} 第10章目录 ／182 10.2 系统功能实现 10.2.2 创建网站导航条 网站导航条包含一些导航链接。单击左侧logo图片与单击【首页】链接效果相同。当匿名用户访问会员管理系统时，将显示对游客的欢迎信息。如果用户已经登录，则会在导航条左侧显示出对该用户的欢迎信息。 第10章目录 ／182 10.2 系统功能实现 10.2.3 会员注册 在网站导航条上单击【会员注册】链接，即可进入新会员注册页register.php。当在文本框输入用户名并使光标离开此文本框时，将立即提示所输入的用户名是否可用（此功能是利用Ajax异步请求技术实现的）。当用户在该页上输入个人信息并单击【注册】按钮时，若提交的用户名尚未被他人注册，并且其他字段也符合要求（如两次输入的密码相同、日期和Email地址格式正确），则这些信息会保存在后台数据库中，然后将用户名和用户组值保存会话变量中并提示注册成功，停留5秒钟后将自动登录到系统首页。若所提交的会员名已他人被注册，则进入登录页login.php并显示出错信息。 第10章目录 ／182 10.2 系统功能实现 10.2.4 会员登录 当在系统导航条上单击【登录】链接时，将会打开登录页。登录页用于对用户身份进行验证，当输入用户名、密码和验证码并单击【登录】按钮时，如果提供的用户名和密码与存储在数据库中的记录匹配且验证码正确，则进入系统首页，否则仍然停留在登录页并显示登录失败的提示信息。此外，如果用户在未经登录的情况下直接访问会员专属区，将会被重定向到登录页，并通过URL参数传递一个错误代码：1表示用户名或密码误；2表示游客试图访问会员专属区；3表示游客或普通会员试图访问管理员专属区。 第10章目录 ／18