点菜系统源代码 php,微信点餐系统php源代码.doc

微信点餐系统php源代码

该系统主要使用html+css+js做前端,php做后台,mysql做数据库,架构在新浪SAE上,实现微信点餐页面,demo如图所示:

数据库结构:

用户信息 user

订单信息 list

提醒信息 change

菜单界面 提交界面

查看订单界面 个人信息界面

商户查看订单

一、Food.php(菜单展示界面)

菜单

body,html,ul,li{margin:0;padding:0;}

ul{ list-style:none;}

#box {background:#FF9900;width:100%;text-align:center;margin-top:20px;margin-left:12% ; margin-right:12%;}

#box ul{text-align:center;list-style-type:}

#box ul li{background:#FFCC00; display:inline;list-style-type:none;width:25%;float:left;text-align:center;border:1px solid #FF9900; padding-top:4px;font:16px "微软雅黑";color:#FFF;}

#box ul li img{ cursor:pointer;text-align:center;width:90%;height:15%;margin-top:10px;}

#box ul li a{ cursor:pointer;}

[id|=sub] { color:#333;width:100%;height:200px; }

[id|=triangle] {

position:relative;

bottom:0;

width:0;

height: 0;

margin:0;

padding:0;

border-left: 10px solid transparent;

border-right: 10px solid transparent;

border-bottom: 10px solid #EEE;

}

[id|=st]{

background:#FFF;

width:100%

}

div#header {

margin:0;

padding:5px;

height:40px;

background-color:#99CC33;

color:#FFF;

text-align: center;

font:18px "微软雅黑";

}

#tt

{

background:#FFF;

margin:5px;

margin-left:20px;

margin-right:20px;

padding:10px;

float:left;

height:150px;

}

.list

{

background:#FFFFCC;

margin:5px;

margin-left:20px;

margin-right:20px;

padding:10px;

box-shadow: 3px

你可能感兴趣的:(点菜系统源代码,php)