基于微信小程序的家具店体验设计与实现

基于微信小程序的家具店体验设计与实现

1家具店商品管理小程序随着移动网络的快速发展，人们对信息的主要形式主要转移到智能手机和其他移动设备。许多在线零售商开始销售在线软件和小型程序来进行交易。线上购物App虽然很大程度上解决了用户的购物需求，但仍有很多消费者愿意选择线下购物，而线下店铺由于商品种类繁多、工作人员不足，无法及时为消费者提供商品介绍等服务，导致消费者体验差。针对以上不足进行分析，设计并实现了家具店商品管理小程序。小程序主要面向两类用户，一类是没有去线下家具店需求的用户，为用户提供线上商品查询、订购等服务；第二类是去线下家具店的用户，通过商品的二维码为用户提供产品介绍等服务。家具店商品管理小程序利用php、js技术完成后端开发，结合wxml、js技术实现前端平台开发并用MySQL进行数据库管理，实现了存储管理家具信息、生成二维码、扫码展示商品信息等功能。满足了线下用户了解商品详细信息的需求，极大地改进了两类用户的消费体验。2概念解释2.1商品高效管理问题的提出互联网的普及使得网络购物逐渐成为一种日常的购物形式，随着商品类别越来越多，如何对商品进行高效的管理就成了一大热门研究问题。对商品进行线上管理能够很好的解决这一问题，让商品管理更方便快捷。商品管理一般主要包括商品信息存储、查询、展示、订购等4个部分，用户可以通过小程序查询当前商品的库存状态、商品介绍以及进行线上购买。2.2图层和逻辑层微信小程序的开发架构为MINA框架，主要有逻辑层、视图层和基础层，MINA框架结合了WXML、WXSS、JavaScript技术，同时在视图层和逻辑层之间提供了数据传输和事件系统，保持数据与视图同步。它的核心是一种即时数据交换系统，后台数据与页面渲染能够很快地简单保持同步。开发者可通过组合MINA提供的基础组件进行简单开发；由于MINA提供了丰富的微信API，开发者调用微信就显得十分方便。基于微信平台开发的家具店商品管理小程序从根本上改变了商品售卖的人工模式，大大减少了额外的服务人力浪费，为客户提供了更方便快捷的浏览、订购服务，用户能够获得更好的体验。2.3编码编码编码二维码已经成为生活中必不可少的工具。二维码中矩阵式二维码应用较多，它在矩阵空间下通过深色和浅色方块的不同组合进行一系列信息的表示，最常用的编码标准是QR码。QR码的基本结构主要由位置探测图形、位置探测图形分隔符、定位图形、校正图形、格式信息、版本信息、数据和纠错码字以及空白区域几部分构成。需要存入的数据可以通过编码的方式生成二维码，QR码通过数据分析确定编码的字符类型并进行转换，之后按照模式编码依次对数据进行编码，生成数据码字序列；对生成的序列进行分块，同时根据纠错等级得到纠错码字并加入数据码序列之后对序列进行更新，依据已确定好的规格将序列依次放入分块中构造最终数据信息；其他信息模块的序列也将填充到二维码矩阵区域里完成矩阵的构造；最后对编码区域进行掩摸和填充格式版本信息。通过研究二维码的编码解码原理，实现二维码的绘制功能，提出了一种将二维码应用于家具店商品管理小程序实现“随扫随知”的方法，解决了线下家具店人力资源缺少导致用户消费体验差的问题。3计算和功能主要对家具店商品管理小程序设计方案进行整体介绍，说明各功能组成部分及关键技术。3.1设计方案3.1.1系统的后台管理功能该家具管理系统主要包含前台和后台两方面的功能。其中前台功能即通过微信小程序端实现，直接面向用户。后台功能是管理员管理对商品、用户信息等，通过网络浏览器页面简单实现。系统功能结构图如图1所示。3.1.2商品材质及库存管理(1）商品信息，包括的数据项有：商品编号、商品价格、生产商、商品材质、库存数量、尺寸等。(2）用户信息，包括的数据项有：用户微信账号公开信息、姓名、手机号、送货地址等。(3）订单信息，包括的数据项有：订单号、时间、购买商品信息、数量、总价格等。3.2系统完成特别声明：项目开发阶段所用的家具图片来自网络，其中的信息及数据皆为虚构。3.2.1商品采用账号的信息该部分主要实现商品浏览和查询功能，如图2所示。用户需要授权小程序获取微信账号的信息，点击登录后可以浏览商品或在搜索框内输入关键词进行搜索，点击商品条目，可转到商品详情页面。3.2.2“家具详情”页面使用swiper组件展示多张商品图片，显示商品的价格等参数，可以将商品加入收藏夹或者购物车。3.2.3乘车里的商品修改用户将想要购买的商品加入购物车，对购物车里的商品进行修改或购买。由于开发阶段使用的个人微信账号而非企业账号，所以无法开通和实现支付功能。3.2.4扫描功能用户可以线下体验时，扫描商品二维码转到“家具详情”页获取该商品更多的信息。3.3维码编码解码说明了二维码的编码解码具体实现过程，通过微信小程序平台利用js技术实现了二维码的生成与解析，根据输入信息将数据编码到二维码的数据部分进行绘制，这里的输入信息是数据库中每个商品的id。绘制过程主要是定义一个7*7的矩阵，将矩阵绘制在二维码的3个角上完成定位图案的绘制；然后定义一个5*5的矩阵，根据对齐图案位置索引表确定对齐图案绘制的位置；在绘制时序图案的过程中需要连接到3个定位图案；格式信息定义为15bits的信息，处于定位图案周围，其中前5bits为数据位，后10bits为纠错位，根据纠错等级和蒙版类别分别确定前2bits和3-5bit的信息，再通过BCHCode计算纠错位；将数据码和纠错码从二维码的右下角开始填充，对非数据区域标记为0并跳过，数据区域按照从右向左进行填充；针对不均衡的填充点，扫描会出现困难，因此要根据二维码图案选择合适的蒙版进行蒙版操作。二维码编码解码的流程图如图3，图4所示。编码：解码：生成商品二维码的关键代码如下：商城主页上“扫一扫看详情”按钮的tap事件函数如下：系统通过微信公众开发者工具于Windows端完成测试与开发。通过家具店商品管理小程序的