前后台小程序

1. 前台添加菜单

        

            菜名： 

            价格： 

            图片： 

            
        

2. �后台接受请求，接受数据并创建menu数据库，将上传的数据存储到menu数据库

 $menuname,
                    'price' => $price,
                    'picture' => $pic
                );
                insert($link, $fields, "menu");
                mysqli_close($link);
            }
        }
    }
?>

image.png

3. �前台发送数据，向后台请求刚才上传的数据，然后将获取到的数据遍历形成菜单界面

//使用Ajax获得菜单数据
var xhr = new XMLHttpRequest();
xhr.onload = function() {
    var menu = JSON.parse(this.responseText);
    createMenu(menu);
}
xhr.open("get","php/menu/listmenu.php");
xhr.send();
function createMenu(data) {
    line = "";
    for(i in data) {
        line += "
　　"+data[i].name+""+data[i].price+"元　订购份数： 
"
        document.getElementById("menuUl").innerHTML = line;
    }
}

4. ��后台接受请求，打开menu数据库，将数据返回给前段

image.png

5. ���前台注册界面

    
        

        

            密　　码：  

            确认密码：  

            用户姓名：  

            用户电话：  

            用户地址：  

            
            
        
    
    

6. ��注册用户的时候检测该用户名是否已经被注册，如果没被注册，可以注册

7. ��将可以注册的用户名即其他信息，插入到member数据表里面

 $val) {
            $_POST[$key] = htmlspecialchars($val);
        }
        $member = array(
            'member_name' => $_POST['member_name'],
            'member_mobile' => $_POST['member_mobile'],
            'member_address' => $_POST['member_address'],
            'member_username' => $_POST['member_username'],
            'member_password' => sha1($_POST['member_password'])
        );
        insert($link, $member, 'member');
    }
?>

会员界面

8. �会员登录页面，将前台输入的用户名和密码传送到后台

        


        
        

            用户名： 

            密　码： 

            
        
    
    

9. �将前台输入的信息进行核实，如果信息不符合留在本页，如果符合，跳转到首页。并以此在member表中查找该会员信息，将会员用户名，名称，电话存储到Session里面，备用

10. ��判断用户是否登录，如果登录成功返回上述存储在Session里面的数据

11. �前台想后台发送请求，如果用户登录，界面显示 欢迎"+data.name+"来到商城 用户中心

12. �前台将选中的菜品和分数传送到后台

    var xhr = new XMLHttpRequest();
    xhr.onload = function() {
        document.getElementById("tips").innerHTML = this.responseText;
    }
    var formData = new FormData();
    formData.append("menu",JSON.stringify(userSelected));
    xhr.open("POST","php/orders/dingdan.php");
    xhr.send(formData);

13. �后台接受数据，遍历数组，将数据插入到listorder表中

 $val) {
            $menu_id = $val['menu_id'];
            //订购的份数 num_id
            $amount = intval($val['amount']);
            echo "订单的菜单id=".$menu_id."
";
            echo "订单的份数amount=".$amount."

"; 
            $row = getOne($link, "name,price","menu","id=".$menu_id);
            $fields = array(
                "menu_name" => $row['name'],
                "menu_price" => $row['price'],
                'amount' => $amount,
                'createDate' => date("Y-m-d H:i:s"),
                'name' => $_SESSION['member']['name'],
                'number' => $_SESSION['member']['mobile']
            );
            insert($link, $fields, 'orderlist');    
        }
    }
?>

image.png

image.png