基于微信小程序的家具店體驗設計與實現

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端完成測試與開發。通過家具店商品管理小程序的