基于微信小程序网上购物系统的设计与实现.docx

基于微信小程序网上购物系统的设计与实现目录摘要I一、绪言1（一）选题背景1（二）研究目的及意义1二、系统设计相关技术介绍1（一）微信开发工具简介1（二）H5的开发技术1三、系统分析2（一）可行性分析2L市场的可行性22 .技术上的可行性23 .管理上的可行性34 .社会因素的分析35 .经济上的可行性4（二）功能需求分析4L用户方面4（三）拟解决的关键问题和创新点51 .拟解决的关键问题52 .系统的创新点5（四）本章小结5四、系统设计6（一）系统总体功能结构设计6（二）系统详细功能模块设计61 .用户模块62 .后台管理者模块7（三）数据库设计9L数据库概念结构设计92.数据库表的设计12五、系统实现14（一）开发环境搭建14L微信开发工具环境搭建142.MySQL环境搭建15（二）用户功能模块实现161 .注册登录模块162 .商品浏览模块173 .购物车及收藏模块18（三）地址管理模块19（四）后台管理模块实现20六、系统测试与维护20结语21参考文献23伴随着国际贸易的发展，各种各样电商平台应时而生。针对用户而言，网购可以在家里“购物”，购物不容易遭受地址和时长的限定；获得很多商品信息内容，与此同时可以购买到本地没有的商品；但伴随着网购销售市场的饱满，根据一些用户量过大的非电商软件的购物app也在逐步提高，在其中最被普遍认同的购物手机软件便是微信软件。本文中运用有关数据库查询专业知识和微信开发设计专业知识，开发设计了一个合适微信的购物店铺。在这个体系中，店家可以对不一样的商品开展归类，后台管理转化成和管理方法订单信息，加上或删掉商品，综合性用户强烈推荐商品，猜想你喜欢什么。用户还能够根据微信申请注册、登陆、访问商品、个人收藏或放进购物车、查看新产品和第三方支付。尽管系统软件基本上做到了期望的实际效果，可是因为时长的限定，一些基本功能如Ul页面和互联网互动等还要进一步提升。关键词：微信小程序；MySQL；微信开发者工具；购物商城；H5(一)选题背景从2016年在广州举行的微信公开课中，微信支付张小龙就意识到了微信这种大客户量软件中存在着巨大的潜力并且向部分公众号发出了应用号的内测邀请，从这开始拉开了小程序发展的序幕。做微信购物商城小程序不是为了新潮更不是为了跟风，因为小程序随用随打开且无需下载的特性，同时在微信的体系内，可以利用微信这种大用户量的特性去连接起用户，从而使得小程序的发展更为健壮。(二)研究目的及意义本文以商城系统为例子，借助微信强大的用户群以及小程序定制开发服务平台，做一个根据微信的商城小程序。这一程序流程与传统式网购紧密结合，但不用繁杂的安装下载来占有用户的运行内存。它吸取了传统式网购的优势，更能达到用户的要求。与此同时，伴随着5G时期的到来，坚信很多的手机软件会被用户和数据库系统的同时互动所替代，内存空间越来越不那么关键，根据微信的微信小程序就是这个思路。坚信这类开发方法会更加得到我们的亲睐。二、系统设计相关技术介绍(一)微信开发工具简介手机微信开发者专用工具是小程序的开发者为了更好地便捷多设计风格微信小程序的开发设计而制定的一个思路。集成化了开发设计、浏览、调节、提交等一系列作用。(二)H5的开发技术现阶段Web项目的网站前端开发应用HTMLCSSJavaScripto做为HTML文件标记语言，它是为了能能够更好地撰写Web前端项目而制定的。现阶段，大家最了解的是H5。开发人员将WXML和WXSS引入到了微信小程序的开发平台。其中WXML（微信标记语言）相当于HTML,其实就是标签构建页面的语言。三、系统分析项目可行性便是对一个工程项目的技术性是不是优秀、经济发展是不是有效、基本建设是不是很有可能开展研究较为，进而确认该工程是不是适合项目建设，怎样分配基本建设的时间和项目建设，哪个技术规范最有效，进而为管理决策带来靠谱的根据。本次微信购物系统从五个部分（市场上、技术上、管理上、社会因素上以及经济上）充分的去论证了微信购物商城设计的可行性。（一）可行性分析本次微信购物系统从五个部分（市场上、技术上、管理上、社会因素上以及经济上）充分的去论证了微信购物商城设计的可行性。L市场的可行性现阶段在网上销售市场的营销方式各种各样，从最传统的的在网上提交订单、非常简单的店家送货模式，到现如今的各种各样商业服务模式，例如近期盛行的小米的饥饿营销模式，让一手货源紧缺变成顾客较大的问题，进而完成利润最大化。例如拼多多平台的一次选购模式，目地也是因为利润最大化的宣传，得到越来越多的用户和盈利。如今的情形是深入挖掘，提升很多用户。手机微信有着超出10亿的用户，早已离开了一般app的行列。根据手机微信的宣传和散播，更易于触碰到这些潜在性群体，随后根据微信聊天群的经营，塑造他们的应用习惯性。2 .技术上的可行性本项目主要通过微信开发者工具进行对微信商城的开发和设计，同时，本系统开发使用java语言作为框架，该语言易学易用，对于学习过C语言的人来说，java两周左右就可以入门，同时我也用H5制作页面的设计。可以使得程序更加的美观。对于数据库的建立，由于数据库需要对用户的信息的收集以及对用户浏览记录的存储、账号及密码等。所以本系统采用的是瑞典MySQLAB公司开发的MySQL,软件同样具有简单易懂，同时应用也极为广泛，非常适合新手的使用，并且建立的数据库极为的安全。微信从2016年开始推广小程序。当时最早一波微信的机会是借助公众号带来的,公众号带来了一批新内容取代了原来的老一批的传统方式。公众号和小程序电商成为一个很好的变现形式导致了公众号成为了最早的受益者，很多公众号在接了小程序后实现了一波变现;之后小程序带来的才是工具、社区和游戏的机会。工具起量往往比较快,但在工具转社区,或者工具转电商里,似乎还没有看到特别跑出来的选手。其实小程序的机会不等于微信的机会,小程序吸引了太多目光。小程序只是单纯的作为一种载体形式出现,因此单纯讨论小程序本身是没有意义的，比起已经进入成熟阶段的电商类小程序,新兴的小游戏或是一些方便用户的购物商城也许会成为市场流量的一个新突破口，通过适当的运营手段将为市场带来更多影响。3 .管理上的可行性本系统的开发主要目的是让用户更方便的在网上进行购物，让开发者的开发成本更低，收益更大。对于本系统，我将实现以下的功能：1 .生成商品订单。2 .等候后台管理管理人员解决订单信息。3 .产品宝贝详情面表明产品的具体主要参数，如名字、照片等。并根据插入图片和内容来展现产品的优点。目地是详细介绍产品。4 .商品归类：对不一样属性的商品开展多维度归类。零食通常依据名字或作用归类,如新鲜水果、糖块、干果、油炸食品等。5 .针对商品的管理方法，商品依照那时候我们的要求发布时，商品市场销售低迷时就下线。它主要运用于加上、删掉、变更和查验数据库查询。“增、册k改、查”用以查看商品的仓储货架和货架，及其商品的总量和库存量。4 社会因素的分析伴随着时代的不断进步和技术的迅猛发展，互联网技术的风潮已经持续冲击性着我们的作业和生活习惯。买东西的形式更加多元化。对比淘宝网JD.COM,微信小程序的买东西灵便变化多端。举个例子，举个例子，有的人没有专业做买卖的，反而是卖一些土特产品的。此刻假如他们去开淘宝店，会事倍功半。根据手机微信的商城系统给予了这种一个机遇，手机微信的众多消费者带来了市场销售商品的很有可能。因此开发设计那样一个微商城系统是有价值的。5 ,经济上的可行性微信小程序的益处是不用安装，可以按需应用。节约总流量和室内空间，不必担心电脑操作系统的一系列混合开发特性。本系统软件运用这一特性完成了在微信自然环境下选购各种各样商品的作用。对比别的网站的高自然环境，微信小程序十分便捷性价比高，还能提高客户对企业品牌的好感和对各种各样牌子的认同度。（二）功能需求分析伴随着时代的迅速发展，大数据技术持续更新着我们对世间的认知能力，也持续干扰着我们的生活习惯，日益多样化。传统式网上购物因为其确定的方法，不能满足任何人的追求。因此许多营销方式接踵而来，例如小米手机的事件营销技术性，拼多多平台的单一营销技术。现阶段最受欢迎的营销推广是根据很多用户app的营销方式，以小程序为主导。自然，它的益处是显然的。可以让用户有更舒服的消费感受，还可以令人提升传统式的开实体店难。此次我将紧紧围绕微信平台开发程序流程，将商城系统的设计方案分成用户和管理人员两一部分，完成新用户登录注册、新产品查看、将商品放进购物车或个人收藏、转化成商品订单信息、展现商品宝贝详情等功能。L用户方面用户是本体系中最重要的人物角色，与用户有关的功能如下所示L注册新用户，登陆：用户，可以根据自身的微信号申请用户名。以后，他们可以储存用户信息内容并快速登录。您可以随时随地变更您的登陆密码。2 .新产品查看3360用户可以在产品详情页访问各种各样产品。3 .将商品放进购物车或搜集3360。用户可以在见到喜爱的商品时个人收藏，或是加上到购物车中，付款更为便捷。4 .可以直接微信付款。5 .用户可以及时追踪物流详情，与后台管理在线客服沟通交流商品详细信息。2.后台管理者方面1 .转化成商品订单信息：用户选购后，店家必须依据提交订单畤间解决订单信息。假如商品不符用户规定，便会送货或是撤销合作。2 .产品详情页面表明产品的具体主要参数，如名字、照片等。并根据插入图片和内容来展现产品的优点。目地是详细介绍产品。3 .商品归类。不一样特性商品的多维度归类。零食通常依据名字或功能归类，如新鲜水果、糖块、干果、油炸食品等。4 .针对商品的管理方法，当商品依照那时候我们的要求发布时，当商品市场销售低迷时，商品下线。5 .热门推荐的功能，也就是融合用户的网页浏览状况强烈推荐产品。（三）拟解决的关键问题和创新点1 .拟解决的关键问题在本系统中将要完成的用户的注册与登录都是数据库中的常规操作，对于微信购物商城的小程序将要实现的对于用户的浏览商品与新品查询以及收藏或放入购物车的功能也可以借助H5的页面设计与Java的框架来完成。在本系统中微信支付的功能是需要解决的关键问题。对于管理者及商家来说，综合用户的浏览时间来猜你喜欢并推荐给用户产品。2 .系统的创新点正常的电商以及网上购物都是经过一系列的注册与登录并且经过繁琐的手续来完成，而且出售的东西固定化。并且有时用户很难买到自身真正的须要的物品。这一操作系统的革新之处取决于，每个人可以随时出售自己的特色产品。根据手机微信那样的众多用户，非常容易完成用户和商家的双重要求。并且用户下载软件不用耗费很多运行内存，便捷了用户，也为商家给予了更快的创业商机。（四）本章小结在本章节中已经详细的介绍了微信商城的需求分析，从市场、技术上、管理上、社会因素、经济上分别对系统的可行性进行分析。同时，也分析了系统的功能需求分析以及该系统拟解决的关键问题和创新点，综合这些功能的需求分析，明确了该系统开发的可行性。四、系统设计(一)系统总体功能结构设计本系统主要具有两类使用者，分别是用户和管理者。其中，用户的主要功能是注册、登录、浏览商品、新品查询、收藏或放入购物车以及微信支付。管理者的作用是将不同商品的进行不同的分类、后台管理生成订单及管理订单、综合用户推荐产品、添加商品或者下架商品以及猜你喜欢功能的实现。如图4.1所示：图4.1系统总体功能模块图(二)系统详细功能模块设计L用户模块1 .用户注册及登录模块：系统的前台适用对象是广大的商品的购买者，用户从移动端微信小程序进行注册和登录，登录时需要有微信的权限授权才能进入购物小程序，同意微信的授权之后便可以选择具体的功能，如果没有同意微信的授权系统将会再次弹出需要微信的授权界面，取消授权将无法使用小程序。如图4.2所示：图4.2用户登录流程图2 .浏览商品、收藏商品及新品查询模块：用户可以对自己喜欢的商品进行收藏或者是直接购买商品，收藏的商品可以在规定的有效期内进行付款购买，用户也可以查询最新的商品的情况，如图4.3所不：图4.3用户使用流程图2后台管理者模块（1）生成订单、管理订单、处理订单模块：商家对用户购买的产品进行订单是否正确的确认，对用户购买的产品进行分先后顺序进行发货处理，对用户购买后想要退货的订单进行退款处理。如图4.4所示：开始图4.4订单处理模块（2）综合用户推荐模块：根据用户对一类商品的浏览的时间的长短来判断用户是否喜欢这一类商品，用户在对某一类商品的浏览商品的时间越长则越有可能说明此商品极有可能受到用户的青睐，因此就尽可能的多推荐这一类的商品。如图4.5所示：图4.5综合用户推荐模块（3）特色产品出售模块：若是有的不是商家的人员想要出售自己的一些特色产品则可以通过注册并登陆自己的账号，上架自己的商品便可以让朋友圈的人甚至更多的想要你这一特色产品的熟知并且加以购买。具体操作流程如图4.6所示：开始某人有特色产品欲出上架自己的产品图4.6特色产品出售模块（三）数据库设计数据库具备信息共享、数据信息单独、数据信息一致性和可扩展性的作用。该数据库的目的性是储存有关用户的账户信息、用户的购物车或钟爱的商品信息、用户的地点和商品信息的数据信息。本操作系统的设计方案应用MySQL手机软件将数据库分成两一部分：数据库定义构造和数据库表。数据库定义构造的设计将由用户和商家互相配合。随后会各自设计方案用户的账户信息表、用户的购物车或感兴趣的商品信息表、用户的详细地址表和商家商品信息表。系统软件的整体E-R图如下所示：图4.7数据库总体E-R图L数据库概念结构设计针对概念模型设计，一般应用数据模型专用工具，最经常使用的办法是E-R模型法。依据微商城系统服务平台系统软件功能模块的区分和系统对中关键实体线的深入分析,制作了操作系统的关键实体图。（I）商品信息实体图如图4.8所示:图4.8商品信息实体图（2）库存信息实体图如图4.8所示：图4.9库存信息实体图（3）用户购买信息实体图如图4.10所示：图4.10用户购买信息实体图（4）账号密码信息实体图如图4.11所示:图4.11账号密码信息实体图（5）购物车及收藏信息实体图如图4.12所示：图4.12购物车及收藏信息实体图（6）地址信息实体图如图4.13所示：图4.13地址信息实体图2.数据库表的设计通过上述的E-R图的设计流程将数据库的设计分为六个部分进行分别设计。因此，数据库表也将分为六个部分一一对应进行详细的划分，从而更好的完成数据库这一部分的设计。表4.14商品信息表名称字段类型字段长度主键外键允许为空备注商品IDint11是商品名称varchar20商品产地varchar20状态int110停用1在用类别varchar6表4.15库存信息表名称字段类型字段长度主键外键允许为空备注库存IDint11是库存名称varchar20状态int110停用1在用创建时间datetime6表4.16用户购买信息表名称字段类型字段长度主键外键允许为空备注TDint11是名称varchar20状态int110停用1在用创建时间datetime6表4.17账号密码信息表名称字段类型字段长度主键外键允许为空备注IDint12是账号varchar20密码varchar11状态varchar110停用1在用创建时间datetime8表4.18购物车信息表名称字段类型字段长度主键外键允许为空备注订单IDint12是数量varchar20更新时间datetime8状态varchar11。停用1在用删除时间datetime8表4.19地址信息表名称字段类型字段长度主键外键允许为空备注订单IDint12是详细地址varchar30联系方式varchar11状态varchar110停用1在用创建时间datetime8五、系统实现(一)开发环境搭建L微信开发工具环境搭建微信开发者工具最主要的就是获取自己的微信ID,除此之外一些项目都是非常简单的。首先，进入微信公众平台后在微信公众平台注册小程序的按钮下点进链接，选择小程序注册的按钮，如下图所示：康公aIra公众率g3tg*H,美于小用夙平KnW)M行为公告,更多帐号分类图5.1微信小程序注册然后，先处理好注册的信息，安装好系统所提示的信息，信息登记后并且激活邮箱。其次，进行管理员的信息登录，在这里有企业和个人两个选择，在这里如果选择企业的话需要企业的营业执照，所以在这里我们选择个人。其中，最主要的部分就是完善组织机构代码和组织机构代码证信息，组织机构代码9位或者18位。最后，一定要确认下微信弹出的信息，如果没有其他的问题就可以点击确认按钮，这样就可以拥有了自己的一个微信的APPleID,之后便可以利用微信开发工具进行后续的操作。你的身份已验证确定图5.2微信小程序注册成功2.MySQL环境搭建首先，去数据库的官网http:WWW下载MySQL。点击进入后的首页如下:dMySQLORACLMySQL CLOUDSERVICEarchReportEnterprise-ClassMySQLMeetsOracleCloudO/二一图5.3MySQL下载页面安装完成后进入MySQL的安装目录，进入MySQLSever,其目录下的文件如下:OWS(C:)>ProgramFiles>MySQL>MySQLServer5.7>名称修改日期«32bin2017/12/1313:08文件夹docs2017/12/1313:08文件夹include2017/12/1313:08文件夹lib2017/12/1313:08文件夹share2017/12/1313:08文件夹COPYING2017/9/1317:48文仲18KBREADME2017/9/1317:48文件3KB图5.4MySQL安装目录MySQL各个目录的作用：l.bin目录下保存了MySQL常用的命令工具和其他的管理工具。2. data目录下是MySQL默认用来保存数据文件以及日志文件的地方。3. docs目录下是MySQL的帮助文档、include目录和Iib目录是MySQL所依赖的头文件以及库文件、Share目录下保存目录文件以及日志文件。（二）用户功能模块实现1.注册登录模块在软件模拟的过程中，用户可以直接通过微信开发者工具的真机模拟的功能直接用手机进行软件的注册与登录，在微信的平台上官方有直接提供的WxJoginOAPI端口，它可以确认消费者的电话联系方式以及真实的姓名等内容。微信下程序的登录注册的具体流程如下：图5.5注册登录流程图登录的具体实现如下图5.6所示：需要您的授权为了IB供更好的的药i在宿后的提示根中点击"允许”微信授权申请获得以下权限：获掰你的公开C8息（呢称、头AR等）中清图5.6注册登录实现效果图2 .商品浏览模块账号登录微信购物微信小程序就可以访问产品。产品详情页表明产品的名字、图片和详尽主要参数，主要是详细介绍产品。根据加上图片和文本，可以反映产品的优点。产品分类将不一样属性的产品开展多层次归类。零食通常依据名字或作用归类，如新鲜水果、糖块、干果、油炸食品等。产品详情页实际设计效果图如下所示：C¾rvipro9fm-2G?）t*ttjlS-"XiPhone6/7/835OfflfSKbVOWcChaV9-1z410096监尔小f*商减©图5.7商品详情页实现效果图3 .购物车及收藏模块登录注册微商城系统后，假如在预览时见到自身喜爱的产品，可以放进购物车，随后解决订单。与此同时，您可以收集商品，而不是先将他们放进购物车。自然，假如你要对收集的商品下订单，你能在收集的有效期限内与此同时解决收集列中的订单。充分考虑绝大多数网上商城系统的设计比较复杂，这类商城系统有一定逻辑思维能力的人还可以管理方法，但对一些班级比较大、水准较低的人而言，则是不可企及的门坎。因而,我的想法是：(1)让购物车及收藏越简单越好。(2)设计购物车模块一定要站在用户的位置去进行设计。设计简洁的购物车UI界面并且站在用户角度上去思考，具体的实现效果图如图5.8所示：WeChat*17:34100%Jw物车00.-.2图5.7购物车实现效果作为一个购物网站，第一优先是展示产品，除了产品概述之外，还可以添加其他元素来丰富页面。为了在有限的主页空间中显示对客户最有吸引力的信息。设置前景时，此信息将被高速缓存，因此，不需要重新连接数据库，从而提高读取效率，并降低mon.PHP中的CaChexists(filename$pam=)服务器端的压力，以验证缓存是否存在于硬盘上，如果不存在，则会创建个cache文件，其缓存代码如下所示($filename、$PAM-)：FunctionCacheexists($filename,$lpam-'')If($pam-'')$pam-$filename;If(!file_existsDIR_SHOOPD.idata/cache/cache_,.$fiIename.php')(Updataecache($pam);)ReturnDIR_SHOOPD.*data/cache/cache_,.$fi1ename,'.php'()地址管理模块在本系统中用户在浏览到自己中意的商品后可以将商品或是加入购物车或是收藏商品，如需购买商品时，用户可将商品进行订单处理并且进行支付操作。当然，在下订单之前用户肯定需要填写自己的收获的地址，收获地址可以填写多个地址，具体效果实现图如图5.8所示：图5.8地址管理实现效果(四)后台管理模块实现在该体系中，用户可以在访问自身喜爱的商品后，将商品加上到购物车或搜集商品。假如它们必须选购商品，用户可以购买商品并付款。订单结算的历程可以分成下列一些流程：1.最先，递交购物车或个人收藏中的商品信息内容；2.点一下付款后，系统软件会根据APl调用微信的付款控制模块，微信付款直接进行商品清算。实际效果完成图如下图5.9所显示：已完成后泣有可用订单/(o)/图5.9订单处理实现效果六、系统测试与维护对系统主要功能模块通过测试用例可进行数据的测试，本次的测试主要是通过对用户的登录、用户的地址添加、商品的浏览、购物车及收藏、订单的处理等进行了统一性的测试。测试的结果如图6.1所示：表6.1软件测试表测试内容序号测试模块测试用例描述实测结果备注测试方案Ol用户登录测试通过注册AppleID进行微信授权登录登录成功注册AppleID进行微信授权登录的小程序可以随意修改，游客登录不能修改。测试号进行登录登录成功游客登录登录成功02商品浏览测试对商品详情页的内容进行浏览可以浏览只有数据库连接成功才可以，不然会出现错误。03用户地址添加测试用户根据自己的收货地址添加自己的收货信息添加成功用户添加的收货地址直接添加到了数据库中04购物车及收藏测试用户将想要购买商品添加到购货车或将商品收藏处理收藏成功将商品的信息加入到数据库中05订单处理测试对用户下好的订单进行订单的处理可以处理在数据库中可以检测用户下的订单结语本系统采用的从用户开始注册登录开始，与数据库进行交互，用户可以体验到在微信中无需下载软件，无需繁琐的过程便可以浏览商品以及一些别的商城不具有的特色的商品。对系统的需求做了详细分析工作，包括可行性分析，开发目的，系统所用到的工具和技术都详细进行了描述，根据系统的需求，满足了用户与商家更加便利的消费和经营，让用户体会到随时可购物的方便，也让商家体会到东西的可卖性与投资的高收益，从数据库的设计到系统的功能模块划分都进行了详细设计的设计。该系统实现了用户与商家购物与出售商品的完整流程。将css+Javascript技术结合起来，使系统的操作界面更加人性化，让用户真正买到实用的东西，让商家真正能够实现赢利。参考文献1王玉洋.基于微信小程序的移动学习平台环境构建与系统设计开发D.2018.吴政修.微信小程序在教务服务中的应用J信息系统工程，2018,No.293(05):174-175.1刘建粉,张海博.基于微信小程序的数据结构学习平台设计JL科技4刘桂林,谢尧SQLSeVer数据库应用技术M.北京:中国计划出版社。2021.85(美)埃克尔.Java编程思想(第四版)M.北京：机械工业出版社。2021.80-1176NieChunyan,XuDawei.BasedonAndroidMusicPlayerZ.NewYorkiSpringerBerinHeidelberg,2019:1341567李建中，王珊.数据库系统原理.北京：电子工业出版社，2020.8黄涓,鲍正德,李晨曦.旅游网站的建构与设计一一以国内六大旅游网站为J.信息与电脑(理论版)，2019,31(22):52-54.汪美.“互联网+”背景下旅游规划网站的设计与开发J.电脑知识与技术,2019,15(10):76-77.10熊培伶.旅游网站界面优化J.通讯世界,2018(08):84-85.11王国辉.JavaWeb开发典型模块大全.北京：人民邮电出版社，202012谢希仁.计算机网络.北京：电子工业出版社，200013陈天河.轻量级Web应用开发宝典M.北京：电子工业出版社，2001.14AnteroTairalsaariKariSysta.CloudberryiAnHTML5CloudPhonePlatformforMobileDevices2002:76-104