基于PHP的微信商城的设计与实现样本.doc

年 月 日
目 录
摘 要 I
ABSTRACT II
1 绪论 1
1.1 研究背景、目和意义 1
1.2 国内外文献综述 1
1.3 研究重要内容 2
2 需求分析与可行性研究 4
2.1 市场定位分析 4
2.2 可行性分析 4
2.3 需求目的 4
2.3.1 概述 4
2.3.2 商城整体阐明 5
3 系统解决方案 6
3.1 设计方案论证 6
3.1.1 设计方案选取 6
3.1.2 工具选取 6
3.2 设计方案阐明 7
3.2.1 系统总体描述 7
3.2.2 系统角色类型 7
3.2.3 系统规划 8
3.2.4 预期目 9
3.2.5 技术规定 9
4 系统详细设计 10
4.1 系统模块架构 10
4.2 系统功能阐明 10
4.2.1 系统登录模块 10
4.2.2 盒子设立模块 11
4.2.3 盒子内容更改模块 12
4.2.4 盒子管理员模块 13
4.2.5 基本商城功能模块 14
4.3 数据字典 15
5 系统实现 18
5.1 模块实现理论基本 18
5.2 系统登录模块实现 18
5.3 设立学校信息模块实现 18
5.4 盒子选货模块实现 22
5.4.1 选货模块 22
5.4.2 选货后编辑及提交模块 23
5.5 管理员审核模块 27
5.6 人人商城到盒子模块跳转 29
5.7 双支付接入 29
6 系统测试 30
6.1 概述 30
6.2 系统测试用例 30
6.3 测试总结 32
7 结束语 33
参照文献 34
致 谢 35

摘 要
随着电商不断发展和新老电商品牌更新换代，电商行业似乎已经进入一种饱和阶段，另一方面，其以淘宝京东为大垄断性质也越创造显。老式电商模式当前很难再发展出来新兴门户了，但是，电商当前覆盖面还不是百分百，有诸多有待开发“蓝海”正亟待接入互联网，因此在老式电商基本上，开发出一套新商业模式，避开当下电商“领头羊”锋芒，是一种比较好创业办法。
而商城盒子就是这样一种模式，它是先消费后付款，因此可以达到老式电子商城不也许达届时效性和便捷性。其发展前景是巨大，完全可以发展成一种集粉丝活跃度和顾客消费量于一身平台。
本设计课题任务就是基于老式商城模式给商城盒子定制开发出来一套专用电子商城模式，让顾客体验更好，商家入驻和管理也更以便。采用了PHP作为后台开发语言，HTML+JS+CSS作为前端开发语言，遵守微信开发规范，完毕了零食盒子基本功能，系统运营流畅，可以正常使用。

核心词：电商；PHP；微信

ABSTRACT
With the continuous development of electricity and new and old electric business brand replacement，electricity industry seems to have entered a saturated stage，on the other hand，its Taobao Jingdong large monopoly nature is more and more obvious. The traditional electric business model is now difficult to develop out of the new portal，but the electricity business is now not 100% coverage，there are many to be developed "Blue Ocean" is urgently to access the Internet，so the basis of the traditional electricity business On the development of a new business model，to avoid the current leader in the edge of electricity，is a better way to start.
The mall box is such a model，using the first payment after the payment model，to achieve the traditional e-mall can not achieve the timeliness and convenience. Its development prospects are huge，can be developed into a set of fan activity and user consumption in a platform.
The task of this design task is based on the traditional mall model to the mall to customize the development of a set of dedicated e-mall model，so that users experience better，businessmen settled and management is also more convenient. Using PHP as a background development language，HTML + JS + CSS as a front-end development language，to comply with the development of WeChat norms，the completion of the basic functions of the snack box，the system runs smoothly，can be used normally.

Key words：electricity business,PHP,WeChat

1 绪论
1.1 研究背景、目和意义
当代，互联网发展迅速，基于互联网而产生应用正在变化人们生活[1]，电子商务作为一种新消费形式，以各种出众开发语言为动力[2]，正在以其势如破竹之势，迅速变化人们生活。互联网继续只用于做信息话，显然是大材小用了，互联网应当为人们带来更多便利。在信息化发达国家，某些商家门户，如沃尔玛等都运用先进开发框架[3]纷纷开展了自己网上业务。本世纪初一份调查就早早表白：网上购物从诞生之初就已经被当代家庭接受并且慢慢成为当代家庭习惯，而PHP作为开发电子商城重要开发语言，其开发框架也在不断增长[4]。
有资料表白：，越来越多商家开始在网上销售自己商品[5],中华人民共和国网民中31.6%都在网上买过商品，大概有1060人，在当时这个比例已经很接近发达国家。全年，国内网上商城上交易额比 年上升了190%，而近期发展速度更是令人咂舌，从淘宝网里程碑式双十一开始，每一年，网上购物都在刷新交易金额记录，底，淘宝网更是拿出了日交易额1207亿骇人成绩。由此可见，短短几十年，发展是如此迅速，“网上创业”已经从当时山野小径变成了当今商业发展高速大道。在国内，大规模网上销售平台都已成形并且不断有新兴事物浮现,而移动端代替了电脑端之后，变化更大[6]。互联网在中华人民共和国已经变化了人民生活和工作方式。而当前，网上商城看似已经被几大巨头所垄断，但是其待发掘资源还是有诸多，例如京东逆境存亡就是一种较好例子。咱们应当在新形式下抓住机遇，随着顾客习惯来发掘和优化技术，让网络可以更好造福人民。
全球经济一体化是个大趋势，大力发展网络，是全球经济一体化最有效推动力。发展与创新是并存，只有不断有创新发展，才是良性，因此开发一种有针对性新形式网上商城是很值得一试。
1.2 国内外文献综述
虽然业内对电子商务研究非常多，但是其针对性和深度都多少有点欠缺或者不太吻合本次研究，因而本节将对此进行总结和进一步研究。
Abraham曾经对印度51家公司进行过专门研究，很明显，接入了网上营销公司绩效要比没有接入好多。Michelle和Gabrielle 运用波特竞争优势框架模型，针对电子商务对旅游业影响做了进一步研究，发现其对旅游业带来效益也是巨大 。而Cecilia（）也对《运营成本和电子商务》进行了进一步研究，成果是电子商务作用是积极。Lefebvre Louis-A对B2B和中小公司收益进行了研究之后，以为中小公司也非常适合接入电子商务。
C.Freund和D.Weinhold研究项目是电子商务对国际贸易影响，她们研究了56个国家得出了最后结论：电子商务刚浮现前两年，对国际贸易影响甚微，但是平均从第三年开始，国际总贸易流将会由于电子商务发生显着变化。
董佳（）在《国际贸易与电子商务》一文中指出，电子商务在国际贸易构成中是重要一某些。她结论是电子商务迅速发展是国际贸易迅速发展重要推动力，跟上电子商务发展步伐，既是机遇也是挑战 。
1.3 研究重要内容
零食盒子是一种新消费模式，采用线上线下结合消费模式，线下消费，线上付款。对于线下，其形式是：放一种盒子到学生宿舍，这个盒子归宿舍人所共享，盒子运营商放固定数量商品进盒子，顾客消费时候，直接拿盒子里东西，然后往盒子里丢钱，自己找零，盒子运营商定期去维护盒子里商品，是一种只合用于大学校园高自觉、高素质人群消费模式。
而这次我开发任务是，将这个模式转移到线上，对顾客而言，在顾客端盒子模块就相称于自己一种“收藏夹”，顾客可以定义这个“收藏夹”里放什么东西，后台商家收到顾客自定义信息之后，将会上门把客户选取商品放进盒子里，这个过程是免费，由于顾客还没有产生真正消费。在线下，实体纸箱盒子就是顾客可以随时消费“寝室超市”，其消费流程很简朴，从盒子里拿东西，在“收藏夹”（线上盒子模块）迅速找到商品进行线上付款，一切基于诚信。
微信已经通过它大数据变化了当下广告营销市场[7]，并且由于它轻量化和跨平台化，因此没有选取APP开发，避开了开发攻坚，安卓IOS双平台同步，软件推广三大难题，在电子商务发展过程中，微信是一种较好营销平台[8]。
整个商城是基于微擎版人人商城二次开发，我开发任务就是对人人商城进行数据库和代码逻辑分析，然后完毕零食盒子功能开发以及盒子数据库和人人商城数据库融合，相称于在一块打了地基土地上盖房子，用成熟底层写自己逻辑模块。
2 需求分析与可行性研究
2.1 市场定位分析
主打线上零食盒子微信商城构建初始目的是在校大学生，针对于在校大学生消费能力，微信商城在具备自己特色同步应当适应大学生消费需求。因而，以零食作为切入点，加上日用品，文具办公用品，以及各类生活服务，可以不久占领大某些学生市场。同步，商品保质保量，以及别电子商城无法比拟配送速度，会让粉丝粘性大大增长。
2.2 可行性分析
商城建设需要有服务器资源，公司资质（用来申请、认证微信服务号），商品仓库，配送员开销。这些开销加在一起，与实体店前期投入相比，大概只是实体店十分之一。因此其在经济上是完全可行。
商城不牵扯到侵权，其在法律上是可行。
对于网页开发来说，PHP是比较流行开发语言，并且网上有着海量PHP开源程序，其中不乏优质源代码，因此，没有必要从头开始写底层功能，只需要拿成熟技术做底层，然后自己做定制二次开发就可以了，因此，其在技术上是完全可行。
由于人人商城操作以及后续我所做定制开发操作都是基于浏览器网页操作，简朴明了，对于经常网购大学生群体来说，是操作是完全没问题，而对于后台管理人员来说，也有专门可视化管理页面，因此管理员也无需具备专业知识，只需要对某些数据进行简朴输入、修改、删除和寻常维护就够了。
2.3 需求目的
2.3.1 概述
该商城目是开发一种带盒子功能（相称于个人收藏夹，但是还是有很大区别）微信商城，在顾客端要实现基本重要功能有：
(1) 商品选购（可按分类方式查找商品，也可模糊全局搜索）
(2) 购物车功能
(3) 查看商品详细状况
(4) 顾客自动登录
(5) 查看顾客订单信息
(6) 查看顾客订单信息
(7) 修改顾客信息
后台管理某些有：
(1) 商店商品管理：添加、修改、删除、查看
(2) 顾客信息管理：查看、修改
(3) 订单信息管理：查看订单清单，更新订单状态
(4) 盒子管理：查看盒子申请，更新盒子状态
2.3.2 商城整体阐明
微信商城重要参加者是顾客和商家以及管理员，顾客端是一种完整消费体验，商家只需负责线下服务，而管理员负责后台运营、管理，以及信息审核。网上商店操作流程都类似，操作环节阐明如下：
(1) 顾客在公众号点击特定按钮进入微信商城
(2) 后台调用微信接口，拉取顾客openid完毕静默登录
(3) 顾客设立学校信息
(4) 顾客设立盒子内容，提交申请
(5) 后台管理员审核申请，点击通过
(6) 顾客在“我盒子”里点击商品完毕购买
(7) 后台自动收集信息
(8) 晚上6点，导出一成天订单信息，排版分类，开始补货

3 系统解决方案
3.1 设计方案论证
3.1.1 设计方案选取
所谓B/S，是指“Browser/Server（浏览器/服务器）”应用模式，客户端/服务器模式 C/S（Client/Server）架构发展，这种设计模式好处是，顾客不需要下载任何软件（或者只需下载某些基本功能插件），就可以运用浏览器完毕某些业务逻辑，和寻常上网过程没有区别。这种模式最大优势是广域网下业务解决，虽然是拨号上网顾客也不会感觉很慢。此外，无需繁杂软件安装和后期维护以便也是其优势之一。其工作原理是，在客户端浏览器对服务器发送HTTP祈求，WEP服务器通过PHP文献进行数据库操作和业务逻辑解决，并将操作成果以静态HTML页面形式返回给前端浏览器[9]。如图1：

图1 B/S工作流程图
3.1.2 工具选取
工欲善其事必先利其器，开发工具选取对于程序开发来说是个很重要过程，它关乎开发效率和最后代码质量，因此选取适当开发工具，是一种好开始。
(1) 前台开发技术选取：
Adobe Dreamweaver，中文名称 "梦想编织者"，是美国MACROMEDIA公司开发一款先进网页设计软件，Adobe Dreamweaver是第一套针对网页设计师开发视觉化设计工具。它代码提示和纠错机制非常好用，可以让PHP编程过程非常高效，并且大大减少了语法错误，格式错误浮现几率，提高了编码效率。
(2) 后台数据库管理工具选取：
Navicat premium是一款数据库管理工具。由于Mysql自身提供网页式数据库管理工具不是较好用，因此运用Navicat Premium这一款第三方PC端数据库管理工具进行可视化操作来提高效率。并且Navicat premium还提供了某些类似于数据库查询成果导出成xls等非常好用小功能。
(3) FTP文献管理工具选取：
FileZilla是一种免费开源FTP软件，其简洁界面给人印象良好，并且其功能也不弱，具备FTP软件所有应当具备功能，对于文献上传下载 ，其多窗口操作模式，将效率提高了好几倍。
3.2 设计方案阐明
3.2.1 系统总体描述
由于电子商城架构过于庞大，凭一种人力量，短期内不也许完毕所有功能开发。因此本系统采用微擎版人人商城，进行二次开发，完毕某些定制性功能，人人商城兼容性很强，可以把自己想要功能做成插件，某些需要特殊权限功能（例如微信付款），只需要将数据写回人人商城，剩余业务逻辑它就会帮我系统完毕。由于选取了微信端，因此用人人商城等同于用自己模板引擎[10]把微信接口再次封装了一下，让开发目性更强。
3.2.2 系统角色类型
该系统有三类顾客，分别是人人商城管理员，盒子模块管理员，普通顾客。如图2所示：

图2 顾客类别总图
人人商城管理员信息储存在人人商城原版数据库里，是已经建好一张表，这个系统顾客权限是最高，她可以接入微信公众号，配备服务器资源信息，查看其她顾客信息，上下架商品，查看订单，发货退货等等。如图3所示：

图3 人人商城管理员权限用例图
盒子模块管理员：其基本功能和普通顾客是同样，比普通顾客多了个审核盒子申请功能。
普通顾客：权限最低，可浏览网页，商品，下单，提交盒子申请等等。如图4所示：

图4 顾客权限用例图
3.2.3 系统规划
对于数据库系统，前期规划和设计工作是非常有必要，由于数据库是整个系统核心和最大兼容性限制，如果最初设计是不合理，对后期设计影响将会是毁灭性。系统采用支持事务Mysql[11]。
而盒子模块重要系统功能规划如下：
▶ 设计不同顾客操作权限和登陆办法 
▶ 对所有顾客开放页面查看、商品查看以及下单  Ø 
▶ 依照下单状况对数据库进行操作 Ø 
▶ 依照退款状况对数据库进行操作 Ø 
▶ 依照关注、跑路状况对数据库进行操作 Ø 
▶ 维护顾客、商品、订单以及管理员信息 
3.2.4 预期目
▶ 提高盒子维护工作效率 Ø
▶ 通过全面简洁信息查询、删除和修改方式，提高订单配送工作效率
▶ 通过使用本系统，能达到全面高效提高系统管理水平、减少人力资源消耗、提高工作效率目
3.2.5 技术规定
▶ 数据库设计满足功能规定 
▶ 数据库冗余度小，尽量满足三范式规定 Ø 
▶ 绘制数据库各数据表之间关系图 
▶ 建立数据库访问接口类，实现对数据库访问 
▶ 完毕功能模块中一种较小功能，以测试数据库接口对的性

4 系统详细设计
4.1 系统模块架构
系统模块架构图如图5所示：

图5 系统模块架构图
4.2 系统功能阐明
4.2.1 系统登录模块
(1) 功能阐明
这个模块是用微信openid，一种顾客在一种公众号上openid是唯一[12]，以此为顾客账号，同步无需密码，不用顾客手动填写登录信息，达到“静默登录”效果。
(2) 功能特性
普通顾客静默登录。
(3) 输入、输出
输入：
▶ 顾客openid
输出：
▶ 登录反馈
(4) 前提条件
顾客关注服务号。
4.2.2 盒子设立模块
盒子设立模块流程图如图6所示。

图6 盒子设立流程图
(1) 功能阐明
此模块为顾客使用盒子功能核心模块，重要完毕盒子内容设立和使用宿舍创立以及加入。
(2) 功能特性
普通顾客基本操作。
(3) 输入、输出格式
输入：
▶ 微信接口提供信息
▶ 顾客填写信息
▶ 商品信息
输出：
▶ 提示信息
▶ 操作反馈
(4) 前提条件
顾客关注服务号。
4.2.3 盒子内容更改模块
盒子内容更改模块流程图如图7所示。
(1) 功能阐明
此模块为顾客使用盒子功能核心模块，重要完毕盒子内容寻常更改。
(2) 功能特性
普通顾客基本操作。
(3) 输入、输出格式
输入：
▶ 微信接口提供信息
▶ 顾客填写信息
▶ 商品信息
输出：
▶ 提示信息
▶ 操作反馈

图7 更改盒子内容流程图
(4) 前提条件
顾客关注服务号。
4.2.4 盒子管理员模块
盒子管理员模块流程图如图8所示。
(1) 功能阐明
此模块为管理员审核盒子申请核心模块，重要完毕商家盒子内容把控积极性。
(2) 功能特性
管理员特殊操作。
(3) 输入、输出格式
输入：
▶顾客提交申请信息
▶ 商品信息
输出：
▶ 审核成果

图8 盒子管理员流程图
(4) 前提条件
操作人有管理员权限。
4.2.5 基本商城功能模块
商城基本功能模块流程图如图9所示。

图9 商城基本功能模块流程图
(1) 功能阐明
此模块人人商城基本功能模块。
(2) 功能特性
面向全网所有顾客。
(3) 输入、输出格式
输入：
▶顾客提交各种行为信息
▶ 商品信息
输出：
▶ 商城信息反馈
(4) 前提条件
商城正常运营即可。
4.3 数据字典
本系统模块一共有九张表，分别是：存储盒子管理员信息盒子管理员表tbl_admin，存储盒子内容信息盒子表tbl_box，存储地址信息学校表tbl_school，宿舍楼表tbl_building，宿舍号表tbl_dorm，学校宿舍号表tbl_school_dorm，存储申请申请表tbl_submit，存储修改时间时间表tbl_time，存储顾客信息顾客表tbl_user。
盒子管理员表见表1。
表1 盒子管理员信息表
名
类型
长度
与否主键
能否为空
备注
Id
int
11
是
否
主键
openid
Varchar
80
否
能
管理员openid
name
varchar
10
否
能
管理员姓名
盒子信息表见表2。
表2 盒子信息表
名
类型
长度
与否主键
能否为空
备注
Id
int
11
是
否
主键
school_dorm_Id
Int
20
否
否
宿舍id
goods_Id
int
11
否
否
商品id
bool
Int
1
否
否
与否存在
num
Int
11
否
否
商品数量
nowUse
Int
1
否
否
与否在使用，0代表编辑状态，1正常使用状态，2代表中间状态
学校表，楼栋表，以及宿舍表分别见表3，4，5。
表3 学校表
名
类型
长度
与否主键
能否为空
备注
Id
int
11
是
否
主键
schoolName
varchar
50
否
否
学校名字
表4 宿舍楼栋表
名
类型
长度
与否主键
能否为空
备注
Id
int
11
是
否
主键
school_Id
Int
11
否
否
学校ID
dorm
varchar
50
否
否
宿舍楼栋名
表5 宿舍号表
名
类型
长度
与否主键
能否为空
备注
Id
int
11
是
否
主键
school_buiding_Id
Int
11
否
否
宿舍楼ID
dormNum
varchar
50
否
否
宿舍号
学校宿舍表见表6。
表6 学校宿舍表
名
类型
长度
与否主键
能否为空
备注
Id
int
11
是
否
主键
schoolName
varchar
50
否
否
学校名字
dormitoryNo
varchar
50
否
否
宿舍楼号
dormNo
varchar
50
否
否
宿舍号
creditValue
Int
11
否
能
信用值
isnew
Int
11
否
否
合计更改盒子次数
申请表见表7。
表7 申请表
名
类型
长度
与否主键
能否为空
备注
Id
int
20
是
否
主键
school_buiding_Id
Int
11
否
否
宿舍楼ID
openid
varchar
80
否
否
申请人id
time
datetime

否
否
申请时间
时间表见表8。
表8 时间表
名
类型
长度
与否主键
能否为空
备注
Id
int
11
是
否
主键
school_Id
Int
11
否
否
学校ID
setTime
datetime

否
否
修改时间
顾客表见表9。
表9 顾客信息表
名
类型
长度
与否主键
能否为空
备注
Id
int
11
是
否
主键
school_Id
Int
11
否
否
学校ID
openid
Varchar
80
否
能
顾客openid
name
varchar
20
否
能
顾客姓名
Phone
varchar
20
否
能
顾客手机号

5 系统实现
5.1 模块实现理论基本
这次选用数据库是Mysql，运用HTML+JS+CSS技术完毕前端页面设计开发，用PHP+AJAX技术完毕后台逻辑功能实现[13]。系统一共有五大模块，其详细实现办法见如下各小节。
5.2 系统登录模块实现
系统登录模块逻辑是静默登录，采用微信接口拉取顾客信息，由于人人商城又对这个接口做了封装，因此本系统选取在人人商城里AJAX传值到我页面，完毕openid传值，详细代码如下：
<?php global $_W;
setcookie("wx_user_openid",$_W['openid'],time()+(7*24*3600));//专门用来刷新oppenidcookie一种文献
echo $_W['openid']；?>

5.3 设立学校信息模块实现
一方面通过顾客openid获取顾客名字以及头像信息，如图10所示，然后顾客填写信息，（其间有输入验证，如图11所示）。填写完毕后，点击提交，完毕信息填写，仅可填写一次，再次进入就只可以查看信息，如图12所示。此模块分别和两个页面关于系，一种是填写信息页面，一种是选取学校宿舍页面。

图10 信息页面图

图11 输入验证示意图

图12 填写完毕示意图
其核心逻辑有三个，第一是信息拉取以及显示，核心代码如下：
<?php
require("php/config.php");
$link=@mysql_connect($host,$uer,$pw) or die('数据库连接失败');
mysql_select_db($db) or die('数据库选取失败');
mysql_query('set names utf8');
$rs=mysql_query('select * from ims_ewei_shop_member where openid="'.$_COOKIE['wx_user_openid'].'"');
$rows=mysql_fetch_assoc($rs);
$wxHeadImg=$rows['avatar'];
$wxNick=$rows['nickname'];
?>

<div class="tx float-left"><span><?php echo '<img src="'.$wxHeadImg.'"';?></span></div>
<div class="name float-left"><?php echo $wxNick;?></div>

<?php
$rs=mysql_query('select * from tbl_school');//显示所有学校信息
while($rows=mysql_fetch_assoc($rs))
{
echo '<li ';
echo 'id="'.$rows['schoolName'].'" onClick="select(this)">'.$rows['schoolName'].'</li>';
}
?>

第二个是信息输入验证控制模块，核心代码如下：
$("#submit").click(function(){
load_re2();
var deal=true;
if($.cookie('school')==null)
{
deal=false;
$("#w_school").css({display:""});
}
if($.cookie('building')==null)
{ deal=false;
$("#w_building").css({display:""});
}
if($.cookie('dorm')==null)
{
deal=false;
$("#w_dorm").css({display:""});
}
if($("#name").val()=="")
{
deal=false;
$("#w_name").css({display:""});
}
if($("#phone").val()=="")
{
deal=false;
$("#w_phone").css({display:""});
}

第三个是提交信息后数据库操作，核心代码如下：
<?php
$my_oppenid=$_COOKIE['wx_user_openid'];//获取oppenid
require("config.php");
$link=@mysql_connect($host,$uer,$pw) or die('数据库连接失败');
mysql_select_db($db) or die('数据库选取失败');
mysql_query('set names utf8');
$rs=mysql_query('select * from tbl_user where openid="'.$my_oppenid.'"');
if(mysql_num_rows($rs)>0)//
{
echo '有学校';//阐明已有学校了
}
else
{
echo '没学校';
}
?>

5.4 盒子选货模块实现
5.4.1 选货模块
顾客在商品罗列页以及详情页均有一种“添加”按钮，点击这个按钮，将通过Ajax把值传到一种后台解决PHP文献，完毕数据库盒子表记录插入和修改操作。如图13所示。
其实现方式重要分为两某些，第一某些是在人人商城添加点击事件。详细代码如下：
{$goods['title']}<a href="#" onclick="ceshi({$goods['id']})"> 添加到盒子</a>
var xhr = new XMLHttpRequest()；//ajax事件设立，以便接受返回信息
xhr.onreadystatechange = function(){
if(xhr.readyState==4){
alert(xhr.responseText);
}
}
xhr.open('get',''+goodid);
xhr.send(null);

xhr.onreadystatechange = function(){
if(xhr.readyState==4){
alert(xhr.responseText);
}
}
xhr.open('get',''+goodid);
xhr.send(null);

图13 盒子选货图
5.4.2 选货后编辑及提交模块
选货之后，进入“盒子设立”页面，就可以看到已经选取商品，在这个页面上可以修改商品梳理，左滑浮现删除按钮，点击可以删除商品，左侧有选中按钮，选中后下方有个实时数值计算，点击提交按钮就可以提交。如图14所示。

图14 盒子设立编辑演示图
此模块核心有四某些，第一某些是商品罗列，其代码如下所示：
if(mysql_num_rows($rs_dorm)>0)//预留鉴定条件
{
$rows_dorm=mysql_fetch_assoc($rs_dorm);
$rs_goods=mysql_query('select goods_Id,num from tbl_box where nowUse=0 and school_dorm_Id='.(int)$rows_dorm['school_dorm_Id']);//依照组名选出所有商品
while($rows_goods=mysql_fetch_assoc($rs_goods))//依次获取这个宿舍下每个商品商品id
{
$nm=$rows_goods['num'];
$goodsId=$rows_goods['goods_Id'];//存是这个宿舍里所有商品id
$rs_detail=mysql_query('select title,thumb,marketprice from ims_ewei_shop_goods where id='.(int)$goodsId);//从老表里获取每个商品详情
$str=$str.'\''.$goodsId.'\':\''.$nm.'\',';
$rows_detail=mysql_fetch_assoc($rs_detail);
$title=$rows_detail['title'];
$IMG="".$rows_detail['thumb'];
$price=$rows_detail['marketprice'];
echo '<li class="mui-table-view-cell" id="'.$goodsId.'">';
echo '<div class="mui-slider-right mui-disabled"> <a class="mui-btn mui-btn-red">删除</a> </div>';
echo '<div class="gw mui-slider-handle"> <div class="sc_prolist_buy"> <dl> ';//在这里用数组写购物车
echo ' <dt><img onClick="buy(this)" id="'.$goodsId.'" src="'.$IMG.'" alt=""/></dt>';
echo '<dd>'.$title.'</dd>';
echo '<dd><span>￥'.$price.'</span></dd>';
echo '</dl> <div>';
echo '<p class="sc_pro_num float-right"> <span class="min" onClick="setAmount.reduce(\'#qty_item_'.$goodsId.'\')">-</span>';
echo '<input class="text_box" name="" type="text" value="'.$nm.'" id="qty_item_'.$goodsId.'" onKeyUp="setAmount.modify(\'#qty_item_'.$goodsId.'\')"/>';
echo '<span class="add" onClick="setAmount.add(\'#qty_item_'.$goodsId.'\')">+</span> </p>';
echo '</div> </div>';
echo '<div class="gw_box"> <input type="