一、功能
前台功能:
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 文件为例:
(采用的面向过程方法编写)
<?php
require_once("../config.php");
?>
<?php
if($_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>
网站代码结构: