一、功能
前台功能:
1、用户注册、用户登录、退出登录
2、个人信息查看、个人信息修改
3、查看已购买商品(查看购物车)
4、商品查看、商品购买、商品退货
后台功能:
1、后台登录
2、商品管理:商品查看、商品入库、商品出库、商品修改
3、普通用户管理:查看账户、添加账户、修改账号、删除账号
4、退出登录
二、工具
PHP编程:Sublime Text、phpstorm
编码:utf-8
框架:使用 bootstrap 框架
SQL:mysql
环境搭建:PHP study(PHP 5.5 + Apache)
三、效果展示
3.1 前台功能:
网站首页
商品查找:
商品购买:
商品退货:
用户登录
用户注册:
查看个人信息:
修改个人信息:
查看购买商品(购物车)
3.2 后台功能:
后台登录:
商品查看:
商品入库
商品出库
商品修改
查看账户
添加账户
修改账号
删除账号
系统设置:修改密码
四、网站核心代码示例
admin_login.php 文件为例: (采用的面向过程方法编写)
<?phprequire_once("../config.php"); ?><?phpif($_POST["submit"]){$username=$_POST["username"];$pwd=$_POST["password"];$code=$_POST["code"];if($code<>$_SESSION["auth"]){echo "<script language=javascript>alert('验证码不正确!');window.location='admin_login.php'</script>";}$sql="select * from admin where admin='$username' and pwd='$pwd'";$rs=mysql_query($sql);if(mysql_num_rows($rs)==1){$_SESSION["pwd"]=$_POST["password"];$_SESSION["admin"]=session_id();echo "<script language=javascript>alert('登录成功!');window.location='admin_index.php'</script>";}else{echo "<script language=javascript>alert('用户名或密码错误!');window.location='admin_login.php'</script>";} }if($_GET['tj'] == 'out'){session_destroy();echo "<script language=javascript>alert('退出成功!');window.location='admin_login.php'</script>";}?><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>苹果系统购物商场后台登录</title><link rel="stylesheet" href="./css/login.css"></head><body><form action='' method='post'><div class="login"><div class="center"><h1>Login</h1><div class="inputLi"><strong>账户</strong><input type="username" name='username' placeholder="请输入"></div><div class="inputLi"><strong>密码</strong><input type="password" name='password' placeholder="请输入"></div><div class="form-group"><label for="inputyanzhengma3">验证码:</label><input type="code" class="form-control" name="code" id="code"><img src="yanzhengma.php" style="vertical-align:middle" /></div><div class="inputLi"><input type="submit" name='submit' value='立即登录'></div><p class="tip">网站建设 @ W小哥</p></div></div></body></html>
网站代码结构: