基于微信小程序的线上疏果店的设计与实现

一、选题依据（拟开展研究项目的研究目的、意义）

1.背景

近年来，随着信息技术和数字经济的发展，电子商务的一系列项目顺势崛起，人们生活中的消费模式也发生了巨大的改变。基于PC端的购物系统等满足了人们足不出户就可以随心购物的需求，但生活中也有一些消费是受时效性和地域性限制的，所以移动端的购买平台以其便捷性登上舞台，在这其中，微信小程序的便捷性更是优中之优。

2017年，微信平台上线了微信小程序，小程序的优势在于其不占用手机内存，而且不必提前在应用商城内下载相应的应用软件，只需要在微信中搜索名称就可直接进入。同时微信小程序所带来的购买体验和便利也丝毫不逊色于传统的购物系统平台，甚至于可能用户基数更大。

现代更多的人们忙于工作或者疲于出门，对于蔬果类的购买总是力不从心，而线上蔬果店既可以解决购买挑选的问题也可以解决需要自己出行的麻烦，可以让更多的人足不出户就享受新鲜蔬果。

2.研究目的

本项目的研究目的在于设计一个新型的线上蔬果店，根据不同用户的不同购买需求进行精准服务，提供用户想要的蔬果，节约当代人们的时间，同时提供的切配服务可以让用户在取货后直接进行加工或食用，而非传统意义上的“外卖”蔬果店。

对于开发者和设计者而言，针对现在的社会形势和要求，如何将系统推出新功能，更能迎合大众的使用需求才是真正的挑战。相比于传统的线上蔬果店，要做到推陈出新，并非仅仅只是简单地外卖系统。

3.研究意义

基于微信小程序开发的线上蔬果店系统，利用了微信小程序成本较低，操作简便，制作一个无需下载，就可在移动端使用的平台。它可以实现之前只能是原生态APP可以实现的效果和功能,采用电商微信二合一的全新商业模式。对于商家来说顺应了信息化发展趋势，调整了经济结构，促进了消费，与此同时，对于用户来说，也更大地提供便利，不需要繁琐的APP下载限制等。

二、文献综述内容（在充分收集研究主题相关资料的基础上，分析国内外研究现状，提出问题，找到研究主题的切入点，附主要参考文献）

1.国内外研究现状

随着Internet和WeChat Mini Program的兴起，一大批线上商店涌现而出，但更多的只是购物平台或电子商务网站，更具有针对性的店铺还仍处于萌芽状态，但已经开始展示新的消费模式了^[1]。针对于蔬果购买，现代社会大多数还是属于线下采购或者外卖配送（如：美团、饿了么等），在此基础上，精准性和简便性仍可继续提升，所以更具简便性的微信小程序就能够很好的作为一个平台基础。

微信小程序于2017年作为新增模块推出，其提供了一整套后台管理应用，实现了对用户的人性化媒体回复、主动通信、双向交流等功能。微信小程序为网上购物带来的新的用户渠道。使得网上购物的形式更加多样化，电商也可利用微信公众平台进行流量引导、售后服务和维护客户关系等^[2-3]。小程序的开发语言主要是JavaScript，在国外JavaScript基本上是应用于网页开发Google、YouTube、Facebook等的都是利用JavaScript语言进行的前端开发^[4-9]。JavaScript与小程序相比，两者有很大的相似性同时还是有些许区别的。第一点是长时间的脚本运行可能会导致页面失去响应的原因，是因为网页开发渲染线程和脚本线程是互斥的。而在小程序中，二者是分开的，分别运行在不同的进程中。其次，网页开发者需要面对的环境是各种各样的浏览器，PC端需要面对IE、Chrome等，在移动端需要面对Safari、Chrome以及各种操作系统中的各式Web View。而小程序开发的过程面对的只有微信的客户端，这大大降低了开发的难度，节省了成本和时间。

2.提出问题

1）系统安全性问题：作为线上商铺需要地址和支付等问题，在此情况下，整个系统的安全性显得尤为重要，如何保证用户在使用期间可以安心，是系统的一个重要问题。

2）界面交互性：完善良好的系统具备完善的功能、美观以及操作界面，良好的操作界面将为用户带来更佳的使用体验，从而保证实用度。

3）系统容错性：当出现不当操作的时候，要求系统要对错误进行处理，保证系统的正常运行。

3.研究主题的切入点

     观察目前社会上的蔬果店，几乎所有的线下果蔬店没有能力做线上运营，首先因为他们不会设计，不懂流量^[10]，只能死守线下的顾客。其次他们过于担心蔬果在配送路程上的损耗问题。为了解决这些问题，使用简洁便利的微信小程序作为平台，就可以使得无论是店家还是客户都可以快速方便的完成交易。其次还要与微信支付连接，保证用户钱包的安全性，整个系统的数据管理也要做好对客户其他信息的安全性处理。在服务端要考虑与好的配送公司合作，切实保证送到客户手中的商品的新鲜度。

参考文献:

[1] 黄小华,傅永华,赵莉,等.浅析题库类微信小程序设计与应用[J].信息技术与信息化,2018(12):51-53.

[2] 郑江宇,许晋雄.大数据应用:成为大数据电子商务高手[M].浙江:浙江人民出版社,2020

[3] 宋雨.微信营销风潮来袭[J].宁波经济(财经视点). 2012,(11):59.

[4] Thomas Durieux,Youssef Hamadi,Martin Monperrus. Fully Automated HTML  and JavaScript Rewriting for Constructing a Self-healing Web Proxy[J]. Software  Testing, Verification and Reliability,2020,30(2).

[5] 彭守镇.微信小程序应用探究[J].信息与电脑(理论版),2018(22):22-23.

[6] 刘玉佳.微信“小程序”开发的系统实现及前景分析[J].信息通信，2017( 1) : 260-261．

[7] 倪泽寒.微信小程序营销与运营实战[M].北京:化学工业出版社,2019.

[8] 肖睿,肖奎,张静等. 微信公众号运营解析[M].北京:中国水利水电出版社,2017.2

[9] 李炜康.基于微信的网上购物系统的设计与实现[D].南京大学,2015.

[10] 赵利肖.新型社交平台对全民营销的影响[J].现代营销(下旬刊). 2020,(11):14-15.

三、研究方案（主要研究内容、目标，研究方法、进度）

1.研究内容

本文所研究的线上蔬果店系统主要是一个面向大众服务的一个消费购物站点商铺，结合小型实体商店的零售，实现线上线下相结合的销售模式，扩充了商家的销售渠道。本系统采用MINA框架，整个系统分为两块，一为视图层（view），二为逻辑层（APP Serve）。

小程序端：对线上蔬果店的设计模块主要分为首页模块、商品资讯、商品分类及浏览模块、购物车模块及个人信息模块。通过小程序购买系统客户端在线上购买，完成浏览商品、添加商品到购物车、下单结算的整个购买流程，同时用户还可以在小程序购买系统的个人信息管理页进行账号信息，送货地址的修改，查看订单信息等功能。同时在不同商品内提供是否切配等选项服务模块。商品评论，用户对商品进行评论，评论后可以查看。用户充值，用户购买前，先进行充值，充值后才能进行支付购买。另外，在微信小程序端，提供和店铺咨询的服务，通过客服中心，发布咨询消息。用户个人信息的修改，用户头像的上传。

服务器端：管理员登录后，对系统所有的信息进行管理。包括商品资讯管理、商品分类管理、商品管理、会员信息审核管理、小程序端AD轮播图管理、客服消息回复、订单管理、订单折扣管理等。

2.研究目标

通过mini program设计开发一个基于MINA框架采用B2C的架构，开发方法采用服务端、客户端、数据管理三端分离的架构模式，通过向服务器API发送HTTP通信请求获取数据，来完成自身的功能行为逻辑。

本身MINA框架可以帮助我们快速开发高性能、高扩展性的网络通信应用，Mina 提供了事件驱动、异步（Mina 的异步IO 默认使用的是JAVA NIO 作为底层支持）操作的编程模型。

1）服务端：商铺信息储存，接收检查客户的注册信息；处理客户订单；完成客户选购产品的结算，处理客户付款等功能，同时和配送系统连接，根据客户需求进行下一步订单处理。

2）客户端：客户使用的系统，根据系统要求注册使用，按照自己的需求在客户端进行选购，并将订单信息递交到数据管理系统同时反馈给服务端。

3）数据管理：对整个系统各类数据基本的增加、删除、修改、查找功能，除此之外还需要对商店各类商品库存等信息进行储存管理，还需要对客户端递交的数据进行处理后反馈给服务端。

3.研究方法

通过JavaScript语言结合原生的微信小程序MINA框架通过JavaScript脚本嵌入在HTML中来实现自身的功能。MINA可以让数据与视图保持同步非常简单，做数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的更新。

1）逻辑层：逻辑层是事务逻辑处理的地方。对于微信小程序而言，逻辑层就是所有.js脚本文件的集合。微信小程序在逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。微信小程序开发框架的逻辑层是由JavaScript编写。在JavaScript的基础上，微信团队做了一些适当的修改，以便提高开发小程序的效率。

2）视图层: 框架的视图层由WXML与WXSS编写，由组件来进行展示。于微信小程序而言，视图层就是所有.wxml文件与.wxss文件的集合wxml是MINA提供的一套类似html标签的语言以及一系列基础组件。需要使用wxml文件来搭建页面的基础视图结构，使用wxss文件来控制页面的展现样式。

MINA框架中的AppService使用JavaScript来编写交互逻辑、网络请求、数据处理，但不能使用JavaScript中的DOM操作。小程序中的各个页面可以通过AppService实现数据管理、网络通信、应用生命周期管理和页面路由。在此基础上决定使用JavaScript编写脚本，使用HTML构造系统基本页面，将使用JavaScript编写的脚本文件嵌套进HTML文件中，由此可达到基本的美化渲染、设计管理等内容，而这所有的内容都只需要在微信小程序的逻辑层进行构造修改即可。

四、进程计划（各研究环节的时间安排、实施进度、完成程度）

2021.11.06-2021.12.02：完成毕业设计选题，完成课题的说明书，并选择适宜的开发工具；

2021.12.03-2022.01.20：提出问题查找资料，撰写《毕业设计（论文）开题报告》，完成开题答辩；

2022.01.20-2022.04.10：通过概念分析，将需求分析转化为逻辑模型，并划分系统的功能模块，完成系统设计，撰写论文初稿；

2022.04.11-2022.04.25：完善功能，测试系统，论文修改，定稿；

2022.04.26-2022.04.30：完成论文电子文档录入，最终定稿；

2022.05.01-2022.05.20：准备论文答辩。

五、指导教师对开题报告的评语

相关研究做了一定的调研工作，该系统设计与实现具有一定的实际的应用价值。该同学主要用微信小程序实现该项目的设计和开发，对所用到的知识点做了一定的研究和准备工作，选题合理且难度适中，同意开题。

签字：        

   年   月   日

六、 专业意见

专业负责人签字：        

 年    月    日

七、学院意见

学院（章）：                           学院负责人签字：        

 年    月    日