闫娇娇

摘要：随着微信小程序不断发展，结合微信小程序进行商业服务的现象已经十分普遍。商家数量持续提升，微信商城的管理可以给用户和商家带来极大的便利，因此设计了基于Think PHP+Vue商城管理系统。该商城系统采用了ThinkPHP5.0 作为后端开发框架，前端采用Vue框架进行开发，使用Ajax技术与后台进行交互，实现前后端的无感知交互。本商城系统可以帮助商家快速搭建自己的移动端商城，并实现商品展示、订单管理、支付结算等功能。该系统以线上、线下渠道趋向深度融合为出发点，实现了一种能够方便商家线上运营推广、数据统计、门店以及平台管理的后台系统。

关键词：微信小程序；PHP；Vue；商城；管理系统

中图分类号：TP311       文献标识码：A

文章编号：1009-3044（2023）34-0059-04

开放科学（资源服务）标识码（OSID）

0 引言

目前，中国互联网已经从起步阶段进入到高速发展阶段，电子商务的兴起也推动了互联网的加速发展。互联网、移动支付等技术的不断普及，用户获取信息的方式也呈现多样化。随着用户的消费习惯从线下转移到线上[1]，传统的商业模式在线上运营推广、顾客反馈和流量变现等方面遇到了瓶颈。随着互联网的发展，用户的购物习惯逐渐从线下转移到微信等App平台，人们更倾向去通过网络进行便捷的消费。商家纷纷推出了自己的微信购物App，为了更好地提供更丰富更快捷的服务，一个商城管理系统对于商家来说很有必要。通过商城管理系统，商家可以对客户的需求具有更清晰的了解，也可以快捷地对自己的商品进行操作。商家不仅可以提高自己的商品销量，还可以进行更丰富的商业活动。

1 系统性能需求分析

1.1 实用性

微信小程序功能多样，具有很高的跨平台兼容性和互动性[2]，已经成为用户生活和商家运营的重要工具。从用户角度看，用户可以直接扫码或搜索使用微信小程序，无须下载安装软件，用户就可以获取生活、购物、社交、旅游、教育等信息，满足了用户日常生活中的各类需求。微信小程序内置了微信实时聊天功能[3]，方便与商家沟通，还可以定制用户偏好，例如个人资料、关注的内容、推送通知等，提供更加个性化的体验。从商家角度看，微信小程序可以帮助商家通过微信朋友圈、公众号等方式进行商品推广和宣传。商家可以登录后台管理系统查看平台使用教程、跨店收益，对商品内容、订单、店铺会员、分店等进行管理，可以完成优惠券推送、充值设置、数据统计等基础功能。

1.2 实时性

用户可以通过微信小程序与商家实时通信[4]，进行咨询交流、确认交易，提高沟通效率；用户无须更新应用或者重新加载页面，及时获取商家最新的信息和服务；用户可以实时更新地理位置，获取附近门店、优惠折扣活动等个性化信息；用户还可以实时查看订单变化状态。商家在后台管理平台可以实时更新交易，将商品信息、用户信息、充值管理、优惠券管理等信息实时同步到微信小程序，确保用户浏览和购买获取最新的信息。后台管理平台还为商家提供了实时的数据统计和分析功能，商家可以即时了解用户的行为数据、使用习惯、购买偏好等，帮助商家及时调整经营策略和优化产品服务。

1.3 系统完整性

用户通过微信号注册、登录微信小程序，平台可以获取用户手机号、昵称、头像等信息，商家登录后台管理平台可以查看整个后台信息。商家后台管理系统包含首页、商品管理、微信小程序管理、用户管理、店铺管理、财务管理、优惠活动、信息统计展示八个模块，具体商家后台管理系统结构图如图1所示。

商家可以自定义微信小程序商城菜单栏的数量和展示顺序，包括首页、分类、购物车、排行榜、联系商家、“我的”。用户可以登录小程序商城，浏览商品、加购商品、下单商品、商家完成订单、用户确认订单等一系列流程确保系统具备完整的功能，可以为用户提供良好的用户体验。

2 系统设计

2.1 关键技术实现

本商城系统采用了 ThinkPHP5.0 框架，Vue作为前端开发框架，并使用Ajax技术进行前后端交互，以及微信开发进行对接。本商城系统使用MySQL作为后台数据库，进行数据的存储和管理，使用Vue框架进行开发，使用Vue提供的组件和指令，实现各种功能，如表单验证、列表渲染、事件绑定等，通过Ajax技术与后台进行数据交互。本商城后端系统采用Highcharts实现数据可视化，Highcharts附带许多内置图表类型，为用户提供用于创建具有简单数据配置的通用图表，将数据以图形、图表或其他视觉元素的形式呈现，以帮助商家更好地理解和分析相关数据[5]。

2.2 商城系统功能设计

本商城管理系统包括用户模块和商家后台管理模块。用户通过微信小程序实现注册和登录，用户可以通过小程序商城首页推送的商品轮播图、分类导航栏、熱销商品排行榜，搜索栏、相关产品推送等模块浏览商品，还能实现个人资料管理、收货地址管理、订单管理、购物车、收藏夹、消息中心、优惠券管理和订单售后服务等。商家后台管理部分主要实现了商品管理、微信小程序管理、用户管理、店铺管理、财务管理、优惠活动、信息统计展示等功能。商家通过后台管理部分可以自定义商铺页面组件，发布和管理商城的广告、促销活动，查看商城的销售数据、用户活动情况等，并查看生成的报表信息。

2.3 商城系统详细设计

1） 首页登录设计

系统首页展示店铺信息，页面设计采用刷双栏布局，包括标题栏、左侧树形菜单栏、工作空间。左侧树形菜单栏包含商品管理、微信小程序管理、用户管理、店铺管理、财务管理、优惠活动和信息统计菜单项，并支持子菜单的展开和折叠。其中，商家成功登录商城后台管理系统后，首页工作空间展示的是用户访问店铺的相关具体数据。商城首页界面如图2所示。

2） 商品管理

商家可以通过该模块管理小程序的商品信息，包括添加、编辑、删除商品，设置商品属性、库存管理、价格管理、商品分类等功能。还可以进行商品的上架和下架操作，并提供商品搜索和筛选功能等。可以实时监控库存量，及时补充商品，避免缺货情况的发生。商品分类管理和商品管理如图3和图4所示。

3） 商家自定义界面设计

商家自定义界面设计包含界面内置组件和自定义组件两部分。内置组件包括搜索框、分类导航、焦点图、推荐商品、热销商品、新品预售。自定义组件包括焦点图、图片设置、自定义导航以及商品等。商家可以在后台管理系统设计店铺界面，还可以自定义商城菜单组件的数量和展示顺序。商家自定义界面如图5所示。

4） 用户管理

商家可以管理小程序的用户信息，包括注册、登录、权限管理、用户列表和用户详情等功能。可以对用户进行分类、搜索、禁用或删除等操作。这个模块用于处理小程序的客户服务问题，包括用户咨询、投诉、售后问题等。商家可以对客户的问题进行回复、处理，并记录相关的沟通和解决过程。商家可以在订单管理设计中，查看订单编号、订单金额、实际金额、订单状态，商家还可以点击“查看”链接，跳转到订单详情，点击“查看明细”链接，跳转到订单详情。用户管理图如图6所示。

5） 店铺管理

店铺管理包括分店管理和店员管理两个模块。分店管理包括分店基本信息管理、权限管理、分店数据统计、跨店管理、基本维护信息管理等，允许总部或其他分店之间进行数据共享和交流，方便商品调拨、跨店促销等活动。店员管理包括店员信息管理、店员权限管理、考勤打卡等，以满足具体的业务需求。店铺管理界面图如图7所示。

6） 充值设计

商家可以在后台管理系统根据设计的充值促销活动，吸引用户充值。该界面提供一些预设的充值金额选项，以方便用户快速选择。同时也支持用户自定义充值金额，以满足不同用户的需求。充值设计界面如图8所示。

7） 数据统计

本后台管理系统对商城数据进行多维度报表展示，包括并不仅限于访问信息、用户信息、商品信息和财务信息，首页中还实现了按照天、月、季度对信息进行统计展示，帮助商家了解用户和业务情况，方便后续做出相应的调整和优化。数据统计饼状图如图9所示。

8） 优惠活动

商家可以创建和管理小程序的营销活动，如优惠券、促销活动、秒杀等。可以设置活动的时间、范围、参与条件，以及查看活动的效果和统计数据。优惠活动界面设计如图10所示。

3 数据库设计

本商城系统涉及的主要数据库表主要包括用户表、分店表、购物车表、商品表和订单表等，具体如表1、表2、表3、表4、表5所示。

4 结论

本商城系统采用了ThinkPHP5.0 作为后端开发框架，包含前端、后端、微信端三部分。前端采用Vue框架进行开发，使用Ajax技术与后台进行交互，实现前后端的无感知交互。本商城系统可以帮助商家快速搭建自己的移动端商城，并实现商品展示、订单管理、支付结算等功能。在开发微信小程序商城系统时，考虑用户体验、交互设计、性能优化等方面，确保系统的稳定性和易用性。一个成功的微信小程序商城系统不仅仅需要技术上的支持，还需要有好的营销策略和客户服务。只有通过不断地完善和提升，才能获得用户的认可和忠诚度，达到商业价值的最大化。

参考文献：

[1]马静.基于微信小程序的购物商城系统的设计与实现[J].微型电脑应用，2021，37（3）：31-34.

[2] 劉彩萍.探讨基于微信小程序的网上购物系统的设计与实现[J].数字技术与应用，2023，41（8）：182-184.

[3] 杜雨荃，王晓菊，田立勤.基于微信小程序的网上购物系统的设计与实现[J].网络安全技术与应用，2022（4）：60-62.

[4] 李常宝.基于微信小程序的电子商城的设计与开发[J].吕梁教育学院学报，2021，38（3）：133-136.

[5] 黄菊华.微信小程序商城开发：界面设计实战[M].北京：机械工业出版社，2019.

【通联编辑：梁书】