PHP网页设计报告

题目： 网站设计 网站的设计目标本平台利用现在比较广泛的PHP+MYSQL数据库的架构实现的，此系统分为前台管理和后台管理。前台管理是友好的操作界面，供用户浏览、查询使用。后台管理是提供给管理员的.设计技术比较合理的选择开发技术，对于网站开发的完成情况有着非常重要的影响。要开发一个网站，首先要选择一个动态网页开发技术。当前比较流行的动态网页开发技术有ASP、JSP、PHP。它们的特性比较如表3-1所示。技术名称ASPJSPPHP对数据库的支持好好好性能较差较好好使用平台WinLinux/WinLinus/Win安全性不好好好成本较高较高低跨平台不好好好这三种都是在传统的HTML代码中，利用HTML标签的扩展，构成页面。不难看出，php的综合实力是最强的，尤其是在安全性和跨平台性两个方面，比其他的两种技术都要好，因此，最后我们选择php技术作为动态网页的开发技术。 需要完成的一些具体功能:用户管理： 能够完成用户基本信息录入的注册和用户基本信息的修改。管理员管理： 能够完成管理员对网站的商品信息管理（商品添加、商品信息修改平台功能模块的设计购物网站用户管理网站布局管理进入商品添加商品分类用户注册用户登录注册功能流程 注册流程示意图如图 注册入口 必选项为空用户名有效？ 2次密码一致？密码长度符合要求？ Email地址有效效？ 其他信息有效 注册成功用户登录流程用户登录，首先要有一个提供用户登录的表单。首先，用户要有一个用户名和密码。同时对密码也要求保密，将密码加密后再存入数据库。登陆流程示意图如图:登录入口取得用户名和密码将use存入session中查询用户是否存在核对密码是否正确登录成功是是否否 商品信息表用户信息表 商品分类 数据库的连接代:用户登陆模块的实现用户登陆模块是防止非法用户登陆的第一道防线，通过它可以保护后台数据库的安全性，用户首先要进入的就是身份验证界面，只有在密码正确的情况下才能进行以后的操作，如果输入的密码不正确，则不能登录。主页面图片：主页面提供了用户登陆和注册以及部分商品的展示,用户注册账号后可以登陆进入。登陆后可以点击信息修改按钮来修改个人注册的信息。浏览完网页后可以点击注销登陆按钮退出个人登陆。网页中的商品图片和左侧的商品分类信息是商品链接，点击即可看到该商品的详细信息。用户注册图片：用户登录注销:登陆具体代码如下图所示： User Login .alert color: red .textinput width:160px .btn width:80px table border: 3px double;background-color:#eeeeee; function doCheck() if (document.frmLogin.username.value = ) alert(请输入你的用户名！); return false; if (document.frmLogin.password.value = ) alert(请输入你的密码！); return false; 用户名： 密码：       /html?phpinclude config.php;$UserName = trim($_POSTusername);$Password = $_POSTpassword; /密码$password = md5($password);if ($UserName ) / 查询数据库，看用户名及密码是否正确 $query = select * from UserInf where f_UserName=$UserName and f_password=$Password; $result = mysql_query($query); $num = mysql_num_rows($result); if ($num 0) $row = mysql_fetch_assoc($result); $_SESSIONusername = $rowf_UserName; $_SESSIONuserclass = $rowf_class; $_SESSIONname=$rowf_name; if ($_SESSIONuserclass = 1) echo document.location.href=index1.php; else echo document.location.href=index.php; else echo 用户名或密码不正确document.location.href=login.php;? 修改用户信息: Registering form 用户名： 密码： 重复密码： 姓名： Email: ?php/Session_start();include config.php;$UserName = $_SESSIONusername; /用户名$Password = $_POSTpassword; /密码$ConfirmPassword = $_POSTrepeat_password; /确认密码$Email = $_POSTemail; /邮箱$Name=$_POSTname;/判断用户名函数function Check_username($UserName) /参数为用户注册的用户名 /用户名三个方面检查 /是否为空字符串检测长度检测 $Max_Strlen_UserName = 16; /用户名最大长度 $Min_Strlen_UserName = 4; /用户名最短长度 $UserNameChars = A-Z a-z 0-9_-; /字符串检测的正则表达式 $UserNameGood = 用户名检测正确; /定义返回的字符串变量 if ($UserName = ) $UserNameGood = 用户名不能为空; return $UserNameGood; if (!ereg($UserNameChars, $UserName) /正则表达式匹配检查 $UserNameGood = 用户名字符串检测不正确; return $UserNameGood; if (strlen($UserName) $Max_Strlen_UserName) $UserNameGood = 用户名字长度检测不正确; return $UserNameGood; return $UserNameGood;/判断密码是否合法函数function Check_Password($Password) /是否为空字符串检测长度检测 $Max_Strlen_Password = 16; /密码最大长度 $Min_Strlen_Password = 6; /密码最短长度 $PasswordChars = A-Za-z0-9_-; /密码字符串检测正则表达式 $PasswordGood = 密码检测正确; /定义返回的字符串变量 if ($Password = ) $PasswordGood = 密码不能为空; return $PasswordGood; if (!ereg($PasswordChars, $Password) $PasswordGood = 密码字符串检测不正确; return $PasswordGood; if (strlen($Password) $Max_Strlen_Password) $PasswordGood = 密码长度检测不正确; return $PasswordGood; return $PasswordGood;/判断邮箱是否合法函数function Check_Email($Email) $EmailChars = _a-z0-9-+(._a-z0-9-+)*a-z0-9-+(.a-z0-9-+)*$; /正则表达式判断是否是合法邮箱地址 $EmailGood = 邮箱检测正确; if ($Email = ) $EmailGood = 邮箱不能为空; return $EmailGood; if (!ereg($EmailChars, $Email) /正则表达式匹配检查 $EmailGood = 邮箱格式不正确; return $EmailGood; return $EmailGood;/判断两次密码输入是否一致function Check_ConfirmPassword($Password, $ConfirmPassword) $ConfirmPasswordGood = 两次密码输入一致; if ($Password $ConfirmPassword) $ConfirmPasswordGood = 两次密码输入不一致; return $ConfirmPasswordGood; else return $ConfirmPasswordGood;/调用函数，检测用户输入的数据$UserNameGood = Check_username($UserName);$PasswordGood = Check_Password($Password);$EmailGood = Check_Email($Email);$ConfirmPasswordGood = Check_ConfirmPassword($Password, $ConfirmPassword);$error = false; /定义变量判断注册数据是否出现错误if ($UserNameGood != 用户名检测正确) $error = true; /改变error 的值表示出现了错误 echo $UserNameGood; /输出错误信息 echo ;if ($PasswordGood != 密码检测正确) $error = true; echo $PasswordGood; echo ;if ($EmailGood != 邮箱检测正确) $error = true; echo $EmailGood; echo ;if ($ConfirmPasswordGood != 两次密码输入一致) $error = true; echo $ConfirmPasswordGood; echo ;/判断数据库中用户名和email 是否已经存在$query = select * from UserInf where f_UserName=$UserName or f_email=$Email;$result = mysql_query($query);$row = mysql_fetch_array($result);$cunzai=false;if ($row) if ($rowf_UserName = $UserName) $cunzai = true; /$sql = delete from UserInf where f_UserName=$UserName; /$result = mysql_query($sql);/mysql_free_result($result);/如果数据检测都合法，则将用户资料写进数据库表 if($cunzai = true) /$error=false 表示没有错误 $IP = $_SERVERREMOTE_ADDR; $Datetime = date(Y-m-d G:i); /获取注册时间，也就是数据写入到用户表的时间 /$Datetime = date(d-m-y h:i:s); /获取注册时间，也就是数据写入到用户表的时间 $query1 = update UserInf set f_password=.$Password.,f_name=.$Name.,f_email=.$Email.,f_class=3,f_loginIP=.$IP. where f_UserName=.$UserName.; $result1 = mysql_query($query1); echo 修改成功！; if (isset($_SESSIONusername) $_SESSIONusername = ; session_destroy(); echo document.location.assign=login.php;?管理登陆添加商品,添加分类:管理员可以通过主页面的“管理进入”进入系统后台进行维护，点击之后，首要的就是进行身份验证，输入正确的帐号，密码之后，方能进入。管理的主要功能是商品信息管理，主要就是添加新的商品，删除和修改已经添加的商品。总结经过两个多星期的努力之后，本次课程设计基本完成，作为一个初学者难免有许多考虑不周全的地方，如果没有导师的细心教导，以及同学的支持，想要完成这个设计是难以想象的。由于是第一次做网站，所以碰到了很多问题， php基本语言的不熟悉就是个很大的难题，难度最大的就是网站界面的设计。我参考了一些购物网站，然后请同学帮我做了一部分的网页主界面的设计。 在这里首先要感谢我们敬爱的邢老师，尽管课程设计的学时很短，邢老师还是尽其所能给我们讲解更多关于网站设计的知识，让我们步入网站设计的第一步有个良好的开端。次要感谢我的同学对我无私的帮助，特别是在页面布局方面给了我很大的帮助，是我能顺利的完成设计。同时我对网站开发也有了很多认识，对php以及mysql的基本使用也有所了解。 附录所有文件截图所有程序代码如下:zy.css/* CSS Document */bodymargin:0px;padding:0px;font-family:宋体;font-size:14px;text-align:center;/*ie*/a text-decoration:none;a:hover position:relative; top:2px; left:2px; color:#FF0;a:link color:#00F;a:visited color:#00F;.zymargin-left:auto;margin-right:auto;width:980px;padding:10px;background-color:#CCCCCC;.jt background-color:#FFF;.shouheight:20px;text-align:left;padding-top:8px;padding-left:20px;background-color:#00CCCC;.biaotiheight:150px;.logofloat:left;width:200px;height:150px;background-color:#FFFFFF;.btyouheight:150px;background-color:#FFFFFF;.daohangheight:20px;padding-left:20px;background-color:#66FFCC;div.daohang ullist-style-type:none;margin:0px;padding:0px;div.daohang ul lifloat:left;width:50px;.adminwidth:200px;height:200px;padding-left:20px;text-align:left;.listfloat:left;width:150px;background-color:#FFFFCC;text-align:left;padding-left:20px;.goodpadding-top:50px;padd