基于WAMP架构的微商城网站的设计与实现

熊晓莉，马 越

（渭南师范学院 陕西 渭南 714099）

1 引言

随着智能手机的大众化和5G技术的发展，使用手机上网愈来愈普及。据2017年《中国移动互联网用户行为报告》显示，截至2016年第四季度，我国的移动互联网用户已经达到8.8亿，无线网络的广泛覆盖更是促进了移动互联网呈现爆发发展趋势。移动互联网的快速发展给电子商务带来了无限的发展机遇。用户只需要一台手机就能享受商家提供的商品服务信息。

移动商城作为一种常见的电商平台，是基于微信等各大社交媒体和平台建立起来的商品销售网站，它的主要作用用来满足商家在移动端创建商城的需求。根据相关调查数据显示，2016年末用户使用移动端搜索关键字的次数已远超过用户使用电脑端搜索关键字的次数。据官方统计微信使用人数已突破10亿。微信公众号是开发者或商家在微信公众平台上申请开通使用的账号，平台能够实现特定群体之间的文字、图片、语音、视频的全方位沟通、互动，形成了一种主流的线上线下微信互动营销方式。正如，线上线下微信互动营销的代表微部落，率先提出标准的行业通用模板和深定制的微信平台开发理念相结合，形成了线上线下微信互动营销的开放应用平台。

同时，近年来微信加大了对服务号的扶持力度，建立基于服务号的电商生态服务体系，不断推动服务号的发展。微店、微商城等产品销售平台的大量涌现证明其发展潜力和能力。从功能上讲，服务号比订阅号API接口的更开放，服务号能够申请开通微信支付功能，某种程度上说明微信的商业化全面推开。微信支付与线下场景深度结合，成为移动互联O2O的核心模式[1]。将社交属性、位置属性(LBS)、支付闭环、沟通体系能够全面打通，成为当前实体项目发展的的一个新起点。

2 关键技术

基于WAMP的微商城系统使用PHP语言进行编写，数据库方面由My SQL提供技术支持。PHP+MySQL的组合可以成为目前最稳定和最安全的网站开发技术，PHP中提供了整套的MySQL函数，所以可以说PHP为MySQL提供了最全面的支持[2]。

基于WAMP架构下，参照天猫、京东商品购买模块的框架样式，运用baijiacms引擎，模拟商品交互和支付调试，搭建商城管理系统。

《花城》微商城网站的核心技术包括以下几种：（1）MySQL数据库的构建及使用。（2）PHP技术及代码优化，保证数据安全性。（3）curl+js页面传值的数据调用。（4）基于微信公众平台的curl返回json值的回调技术。（5）微信工作平台开放接口的调用和回调接口的开发。

3 系统信息架构及UI设计

3.1 系统信息架构

微商城以移动手机平台作为主要使用平台，在信息架构设计上采用的是符合手机界面特点的信息架构模式，在商城的底部区域设定了固定导航的功能菜单，包括“在线咨询”“全部商品”和“个人中心”三个主菜单栏。每个主功能菜单下面设置了对应的功能项（具体功能信息架构如图1所示），以满足用户购买产品时所需的功能操作[3]。

图1 功能信息架构图

3.2 设计构思

《花城》微商城UI设计部分主界面排版样式的颜色搭配遵循统一协调，主要艺术特色：以简约的平面风格为主，以淡色的色调为基准，制作整体清爽风格主页；根据主流的平面界面，和现代人视觉审美的特点，以白红色为主色，黑灰色为辅色的购物页面；以主色和辅色为基准的框架下，制作个人中心页面，色彩总体简约明了，子页面风格简单统一[4]。

4 微商城的设计与实现

4.1 构造访问接口

在开发后台接口时，第一步需要使用开发者模式，先进入到开发者中心，开启开发者模式，在开发者中心，需要获取开发者ID（包括开发者app ID和appsecret），获取后根据开发者文档获取相应的开发者接口文档，在此开发者过程中，需要自主创建服务器事件推送接口，公众号后台服务器配置。

4.2 创建查询接口

除了创建数据访问接口外，还需要查询内容，需要创建查询接口，通过查询接口获取数据库中的数据，并以json的格式返回并显示出来，查询接口创建的样例如图2所示。

图2 创建查询接口

4.3 创建数据库

等相应的接口创建完成后，需要创建数据库，根据页面的功能以及跳转中需要获取和传递的数据进行前缀建表，创建数据库和数据表。

4.4 支付接口调试

根据微信支付的官方开发文档调用微信支付API，然后撰写PHP参数与API对接，调用样例如图3所示。

图3 创建数据库和数据表

4.5 后台服务端菜单功能板块建立

商品分类，商品展示，收货地址管理，数据提交与公众号推送事件url，与服务端数据库订单返回值一一对应。

4.6 制作前台页面

根据运用baijiacms内核软件设计前端页面，通过Photoshop软件对图片进行美化处理，运用JS代码控制滑动展示--幻灯片展示--商品分类展示，增加CSS样式颜色代码控制页面的布局构造，制作出各分类板块的页面，如图4所示。

图4 制作前台界面

4.7 微商城运行效果

在手机端运行微商城《花城》效果图如组图5所示。

图5 运行效果图

5 结语

在移动互联网时代，微商城很好地弥补了实体店的部分不足，微商城的广泛应用，将更加完善地从多渠道、多方式推进个体工商户以及零售类中小企业O2O模式的发展[5]。本文中的《花城》网络微商城，在页面交互上用了很普遍的curl页面传值，增加了页面在微信内核中的实用性和安全性，是一种值得尝试的开发模式。