【《校园超市微信小程序的设计与实现》16000字】

I摘要伴随着移动互联网技术的飞快发展，移动互联网的应用早已普及到人们生活中的方方面面。人们对移动互联网技术的应用需求与要求也随着移动互联网的发展而发生了巨大的变化。2016年9月伴随着微信小程序的问世，各行各业中也都掀起阵阵小程序热潮，很多APP应用被简化为小程序的功能推出，与此同时也根据小程序的特性推出各种独具匠心的应用，相对传统的APP而言，微信小程序能够大大降低开发者的开发成本和难度，并在使用上给予用户便捷、易懂、高效的使用体验。为此微信小程序一经发布运行便迎来了喷涌式的发展，迅速占领市场，深得广大使用者的喜爱。然而目前在我国针对高校校园微信小程序的研发与应用上并没有标志性的相关成果案例，再加上高校学生群体对校园生活质量的需求不断提高以及近年来疫情的影响高校通常会采取封校措施，这为在封闭管理期内的学生日常生活购物提供保障，为此校园超市微信小程序的开发使用前景十分可观。校园超市微信小程序在微信开发者工具平台上结合JavaScript编程语言与云数据库进行小程序的开发。微信开发者工具为小程序开发者提供免费的平台，个人或团队只需在其平台上注册个人账号就可以免费使用微信开发者工具，极大的减轻开发者在小程序开发过程中的经济负担。微信校园超市微信小程序在开发设计中共设立三种角色用户，分别为顾客、超市员工以及超市老板，不同身份角色用户登录小程序后所赋予的功能权限各不相同。校园超市微信小程序在功能模块的划分上分别含有“登录模块”、“员工管理管理模块”、“商品管理模块”、“订单管理模块”、“库存管理模块”、“采购管理模块”、“公告管理模块”、“个人信息管理模块”共八个功能模块。校园超市微信小程序的研发宗旨在于提高学生群体的在校购物体验质量、减轻超市员工工作量的同时提高工作效率以及为超市老板带来经济效益。关键词：微信小程序；云开发；校园超市目录TOC\o"1-3"\h\u16398摘要 3229831绪论 10265161.1选题背景及意义 10299271.1.1选题背景 1096461.1.2选题意义 10210641.2国内外研究现状 11297271.2.1国内研究现状 11108431.2.2国外研究现状 12154431.3本章小结 1242442系统分析 14155542.1系统可行性分析 14100122.1.1技术可行性分析 1477622.1.2经济可行性分析 14197302.1.3操作可行性分析 1477032.2需求分析 1510032.2.1业务流程分析 15129302.2.2数据流程分析 24209822.2.3其他非功能需求 2715812.3本章小结 27138223系统设计 28298493.1系统设计目标 28297763.2系统技术架构 2844873.2.1微信小程序架构 28143353.3系统功能结构设计 2942683.3.1总体功能结构设计 29297953.3.2登录模块功能结构设计 30299613.3.3员工管理模块功能结构设计 31110033.3.4商品管理模块功能结构设计 31224183.3.5订单管理模块功能结构设计 31109023.3.6库存管理模块功能结构设计 3239283.3.7采购管理模块功能结构设计 32105673.3.8公告管理模块功能结构设计 32244233.3.9个人信息管理模块功能结构设计 3348493.4数据库设计 3344863.4.1数据库概念结构设计 33259483.4.2系统总体E-R图 36173333.4.2数据库逻辑结构设计 36276003.5本章小结 40182364系统的实施 4187464.1开发工具的选择 41206024.2数据库的选择 41133564.3开发语言的选择 41310744.4系统的实现 42256764.4.1用户登录 4298464.4.2购物车管理 4373564.4.3地址管理 43148104.4.4顾客订单管理 44182694.4.5商品管理 45127494.4.6库存管理 4592454.4.7员工管理 46178054.4.8公告管理 4767374.4.9顾客预订管理 48261794.5本章小结 48300855系统测试 49106655.1测试环境设置 49166865.2功能模块测试 4945455.2.1登录功能测试 494715.2.2商品检索功能测试 50221645.2.3员工管理功能的测试 50189575.3本章小结 51144716总结与展望 5230876参考文献 54

1绪论1.1选题背景及意义1.1.1选题背景伴随着信息化技术不断发展的历史年轮中，移动互联网的应用早已普及到人们生活中各行各业中的的方方面面。人们对移动互联网技术的应用需要与要求普遍都在不同程度上有所提高。2016年9月伴随着微信小程序的问世[1]，各种行业中也都掀起阵阵热潮，很多APP应用被简化为小程序的功能推出，同时也根据小程序的特性推出各种独具匠心的应用，与传统APP应用相对比，微信小程序在其开发难度与成本上都优越与传统APP应用，并在使用上给予用户便捷、易懂、高效的使用体验[2]。当下大学生群体对在校生活质量的要求不断提高，加之与疫情的影响许多学校为了打赢防疫攻坚战采取封校的措施[3]。为满足大学生群体在校内的日常生活用品的需求，便通过校园超市微信小程序的开发。一来为大学生群体提供便捷、实用、优惠的购物体验。二来通过校园内线上购物避免了学生群体大规模的肢体接触，响应国家防疫号召。1.1.2选题意义校园超市小程序促进传统经营方式的转型升级，进而形成更加符合移动互联网技术应用的新型模式进入校园。校园超市微信小程序与传统的线下校园超市购物存在诸多不同[4]。其体现在超市的运转方式上突破了传统人工管理模式，通过线上与线下管理方式的结合在商家的运营成本上减轻了传统的人工、物力开支，提高超市的运营效益及员工的工作效率[5]。并通过线上购物的方式更加迎合当代大学生们的消费理念，为在校大学生提供操作高效便捷、购物体验感良好的消费体验，进而为商家带来客观的收益。1.2国内外研究现状1.2.1国内研究现状当下流行的微信小程序都能实现不需要用户安装下载应用便可在手机微信中使用。用户只需扫码或者搜索就能在微信界面上打开所需的应用程序，它的问世实现了应用“触手可及”的愿望。2016年1月11日“微信之父”张小龙正式提出“微信小程序”，预示着一款全新的应用型工具的即将面试[6]。2017年1月微信小程序正式进入到了大众视野当中。微信小程序一经问世就受到广大用户的强烈兴趣，作为一种新生代的移动互联网技术仅仅在上线的两年后就突破了日活跃用户数量1.7亿人的大关[7]。并且上线的微信小程序达到了58万个，覆盖100万开发者和2300万个第三方平台[8]。微信小程序之所以得到如从迅猛的发展离不开其开发成本低、使用操作简单、更加流畅的使用体验、公众号和小程序的完美结合以及得到微信平台的强大引流。我国的第一起通过线上购物完成购物是在1996年由加拿大驻中国大使贝详先生完成的[9]。由此在中国打开了线上购物的先河。1999年中国互联网行业的前辈们就已经在筹划建立B2C电子商务模式网站，为推动我国线上购物奠定基石[10]。到了1999年底我国国内临来互联网技术的高潮，先后诞生300多家从事于B2C电子商务模式的公司[11]。从此我国线上超市进入到高速发展的历史轨道当中，并在全国各地形成规模化。历经11年的发展我国的线上购物临来前所未有的盛世。国内外各行各业都加大了对线上购物的基础化建设以及市场推广营销的经济投入。据艾瑞咨询网公布的数据显示2011年我国线上购物市场交易规模接近8000亿员，占比当年社会消费品零售总额的4.3%。与此同时我国线上购物的用户规模达到了的1.87亿人，占比当年宽带网民中的渗透率达到惊人的41.6%[12]。在我国的线上购物市场中，B2C电子商务模式网站市场增量所占比重持续增高，B2C电子商务模式网站已然成为我国线上购物产业中强有力的推动力[13]。进年来随着微信小程序的飞速发展，微信小程序的足迹遍布市面上的各行各业当中，其影响力早已渗透到我们生活中的方方面面。特别是疫情爆发以来健康码、行程码以及地点码已然成为人们日常出行必不可少的出行凭据[14]。根据阿拉丁研究院正式发布《2021年度小程序互联网发展白皮书》显示我国2021年微信小程序的数量已经超过700万个，日活跃用户数达到4.5亿人，微信小程序开发者更是突破了300万大关[15]。微信小程序生态已经不觉当中形成了新的增长空间。我国目前对于高校校园超市微信小程序这一领域上还没有形成标志性的成果，即使近年来“天猫超市走进校园”的校内超市不断的入驻高校校园，但对于以微信小程序的运营模式为主体的高校校园超市仍具备相当大的可开展空间。1.2.2国外研究现状互联网技术最早起源于20世纪60年代末，由美国为了应对冷战而研发出的新技术。它的诞生颠覆了人类传统技术，将人类文明推进了另一个全新未知的领域，标志着互联网时代的到来[16]。作为互联网技术的起源地美国也是世界上最早提出并发展电子商务的国家，并且一举成为电子商务发展最为成熟发达的国家。欧洲虽然在电子商务领域上比美国发展得晚一些，但依托于欧洲发达国家的共同发展，也一举成为世界上电子商务发展得数一数二得地区之一[17]。微信小程序是由我国“微信之父”张小龙在2016年率先提出的概念，并于2017年正式上线使用。但其实早在2015年美国的谷歌团队的相关技术人员就提出了渐进式网络应用程序的概念[18]。渐进式网络应用程序PWA是一种能够支持类似原生应用程序体验的网络应用程序。渐进式网络应用程序最为突出的特点在于离线时应用程序依然可以正常运行。渐进式网络应用程序还有占用空间小、可独立连接、类似于应用程序等特点。渐进式网络应用程序的面市在一定程度上冲击了生态环境封闭的Apple,同时也为小程序的发展奠定基础[19]。通过上述不难得出结论国外互联网的总体发展水平都高于我国。早在上世纪70年代美国沃尔玛公司就开始着手于超市管理的研究当中，通过接近20年的发展沃尔玛公司提出了品类管理理论。线上超市系统的品类管理概念的提出是在1992年由美国的沃尔玛公司最早提出来的[20]。线上超市系统的制造业管理则是由美国宝洁公司最早提出。沃尔玛公司通过平类管理将公司的库存精确的控制在12天以内。并在和宝洁公司的合作当中将销售额提高了32.5%、仓库压货率降低了46%、商品周转的速度增长了11%，为沃尔玛公司在收益上实现了质的提升。然而在对于校园超市微信小程序的研发上不好找出标志性的成果案例，为此在国外关于校园超市微信小程序的研究存在着巨大的空间。1.3本章小结本章节通过结合国内外对于超市管理系统相关案例以及微信小程序的发展历程得出校园超市微信小程序具有一定的发展空间结论。2系统分析2.1系统可行性分析2.1.1技术可行性分析本次研究的系统校园超市微信小程序是一款通过微信开发者工具开发，并通过云数据库进行数据操作以及使用UML技术对系统需求进行一系列分析，其中涵盖校园超市微信小程序研究上所涉及到的数据流图、流程图、E-R图等一些图表。近年来微信小程序在各种行业中也掀起阵阵热潮，无数开发研究者都投身于微信小程序应用的开发与研究当中。为此可通过上网查找资料及相关文献代码可获取参考，可解决大部分小程序开发建设的绝大部分技术问题。2.1.2经济可行性分析校园超市微信小程序是在微信开发者工具中完成相关开发设计的，该平台并未向使用者收取任务费用，只需注册个人账号便可免费使用。并且可依托微信开发者工具平台调取云数据库，极大程度上减低了校园超市微信小程序的开发成本。自备了个人电脑对小程序的开发建设进行项目部署，并通过实习公司设备上的支持，可基本上满足小程序开发建设对硬件上的需求。为此在硬件上并没有过多的支出。结合上述，校园超市微信小程序在经济可行性上是没问题的。2.1.3操作可行性分析微信小程序素有操作快捷简便的特点。在对小程序进行操作时只需使用微信扫一扫或搜索关键字信息便可进入到小程序页面当中，现如今信息化高速发达的年代基本上正常成年人都有专属微信并具有一定的智能化信息产品运用的基本技能，为此校园超市微信小程序有操作可行性上并不存在问题。2.2需求分析2.2.1业务流程分析（1）登录流程校园超市微信小程序的登录流程图如2-1图所示，当用户或管理者及老板进入到登录界面时，通过输入专属个人的账号和密码进行身份验证，身份成功则进入到小程序主界面。如果身份验证失败则会继续留在登录界面上，小程序此时会提醒登录者“请检查用户名密码并重新登录”，此时登录者可重新输入账号密码进行登录。图2-1登录流程图（2）员工管理流程校园超市微信小程序的员工管理流程图如图2-2所示，当老板登录小程序以后，点击“个人”再点击“员工管理”便可进入到员工管理界面当中。老板此时如果选择不操作则可以直接可以通过返回键返回上一级界面，选择继续操作老板可通过员工管理对超市员工进行修改员工信息、添加员工及解雇员工操作。每一步操作过后小程序会自动保存操作结果，操作完成后可通过返回键返回到上一级界面。图2-2员工管理操作流程图（3）商品管理流程校园超市微信小程序的商品管理流程图如图2-3所示，当超市员工登录小程序以后，点击“个人”再点击“商品管理”便可进入到商品管理界面当中。超市员工此时如果选择不做操作则可以直接通过返回键返回到上一级界面。选择继续操作的话超市员工可通过商品管理对超市商品进行商品查询、商品信息修改和新增新的商品及删除现有商品。当对商品管理操作完成后小程序会自动保存商品管理操作的内容并返回上一级界面，超市员工可通过点击商品管理进行查看。图2-3商品管理操作流程图（4）订单管理流程校园超市微信小程序的订单管理流程图如图2-4所示，用户登录小程序，若是顾客登录则进入顾客订单操作界面，顾客可选择查询订单信息，其中包括订单的评价以及查询订单商品状态以及删除订单信息。若是超市员工登录小程序则进入到超市员工操作界面，超市员工可进行超市采购订单操作或顾客订单操作，超市采购订单可进行查询订单信息，顾客订单可进行订单查询以及确认订单发货功能。当操作结束便可完成订单操作返回上一级。图2-4订单管理操作流程图（5）库存管理流程校园超市微信小程序的库存管理流程图如图2-5所示，当超市员工登录小程序以后，点击“个人”再点击“库存管理”便可进入到库存管理界面当中。超市员工可对库存管理进行查询库存操作以及库存商品预警线的设计操作。操作完成后返回上一级界面，系统会自动保存操作结果。图2-5库存管理操作流程图（6）采购管理流程校园超市微信小程序的采购管理流程图如图2-6所示，当超市员工登录小程序以后，点击“个人”再点击“采购管理”便可进入到采购管理界面当中。超市员工此时如果选择不做操作则可以直接通过返回键返回到上一级“个人”界面。选择继续操作的话超市员工可通过采购管理对超市采购订单查询和删除功能。并可对超市商品进行采购。当操作完成后可返回上一级界面系统将自动保存采购操作内容。图2-6采购管理流程图（7）公告管理流程校园超市微信小程序的公告管理流程图如图2-7所示，当超市老板登录小程序以后，点击“个人”再点击“公告管理”便可进入到公告管理界面当中。超市老板此时如果选择不做操作则可以直接通过返回键返回到上一级“个人”界面。选择继续操作的话超市老板可通过公告管理对小程序界面公告对已有公告进行查询和修改以及删除和增加新的公告。当对公告管理操作完成后小程序会自动保存公告管理操作的内容并返回上一级界面，超市老板可通过点击公告管理进行查看。图2-7公告管理流程图（8）个人信息管理流程校园超市微信小程序的个人信息管理流程图如图2-8所示，当顾客登录小程序以后，通过点击“个人”便可看到个人信息管理中的相关功能，其中顾客可对顾客的订单信息进行查询、评价以及删除；对购物车进行清空、结算操作；对个人地址进行修改及删除和添加操作；对商品预定进行提交预定商品功能；对购物车进行清空和结算功能。当顾客对个人信息管理操作完成后系统会自动保存操作结果，顾客可通过返回上一级界面进行查看。图2-8个人信息管理流程图2.2.2数据流程分析以下内容将以数据流图的形式对校园超市微信小程序进行数据流程上的分析介绍。数据流图（DFD）是一种图形化技术，其根本在于通过符号描述数据流从输入到输出的过程当中所移动的变化过程。数据流图能够全面的描述系统的逻辑模型，并且能够客观清晰的反应出系统的相关信息流动、处理和存储以及系统的外部环境，系统的相关开发技术人员能够借助数据流图对系统的整体逻辑结构进行更为清晰地研究了解。（1）顶层数据流图校园超市微信小程序的顶层数据流图如图2-9所示，顶层数据流图含概着小程序中不同角色的数据在程序内的流向趋势以及逻辑变换。超市员工通过小程序对其所授予的权限进行库存信息、商品信息、预警信息管理。超市老板通过小程序对超市员工信息、预订单信息进行管理。顾客通过小程序对其所授予的权限进行管理操作。图2-9顶层数据流图（2）第一层数据流图校园超市微信小程序第一层数据流图如图2-10所示，其中包括“商品信息管理”、“购物车管理”、“用户订单处理”、“库存信息处理”、“员工管理”主要大的模块。各部分数据流图如下所示：图2-10第一层数据流图（3）第二层数据流图校园超市微信小程序第二层数据流图如图2-11所示，其中包括“商品信息”、“购物车信息”、“员工信息”、“库存信息”、“订单信息”。各部分数据图如下所示：图2-11第二层数据流图2.2.3其他非功能需求（1）界面友好性：界面简洁友好清晰，操作简易，符合用户的要求。（2）系统稳定性：在正常运行情况下不会报错。（3）系统安全性：保证系统数据的安全性。（4）易用性：普通容易上手，软件流程人性化，设置帮助功能，用户登录可修改密码等。（5）系统兼容性：跟其它软件没有冲突。（6）系统易维护性：系统在出现错误或问题的时候，能够很容易排除解决（7）系统扩展性：在未来科技发展的过程中，可以利用新技术不断改进完善系统而不影响原有的系统功能。2.3本章小结本章通过系统可行性分析中的技术可行性分析、经济可行性分析、操作可行性分析以及系统的需求分析对系统进行可行性分析，最终得出校园超市微信小程序具备开发设计的结论。3系统设计3.1系统设计目标校园超市小程序的实现是不仅是为了高校学生能够便捷、优惠、省时、安全的在校内便能进行生活物品的购买，以及能够降低超市员工工作量的同时提高超市员工的工作效率。更是让商家能在投入更小、超市管理人员劳动成本更低的情况下获得更高盈利的一款小程序。校园超市小程序的主要功能包含登录功能、员工管理模块、商品管理模块、订单管理模块、库存管理模块、采购管理模块等。3.2系统技术架构3.2.1微信小程序架构微信小程序架构图如图3-1所示。网络通信的应用框架,其核心是响应的数据绑定的系统，微信小程序在结构上可分成两个分层，分别为视图层(view)以及逻辑层(service)构成，两个分层是独立运行的，并通过数据的驱动，事件间的交互，不直接参与操作DOM。view模块负责系统前端界面显示，它由wxml及wxss转换后形成的代码以及微信提供的相关辅助模块功能构成。一个view模块分别对应于一个页面,小程序同时支持多个view的存在。service主要是负责逻辑的处理、数据请求以及接口调用等。它的组成上由js代码加上微信提供的一些相关辅助模块互相组成。视图层与逻辑层通过数据data和事件event进行通信，逻辑层提供数据给视图层，视图层通过绑定/捕获事件发起交互让逻辑层处理视图使用WebView渲染，JS由JSCore(IOS)/

X5(Android)

/nmjs(DevTool)渲染解析。图3-1微信小程序系统结构图3.3系统功能结构设计3.3.1总体功能结构设计校园超市微信小程序小程序可划分为八大模块，分别为：登录模块、员工管理管理模块、商品管理模块、订单管理模块、库存管理模块、采购管理模块、公告管理模块、个人信息管理模块。如图3-1系统功能模块图图3-1系统功能模块图（1）登录模块：此模块允许普通用户、超市员工及其管理员通过输入账户密码进行登录。每个人都有专属的账户和密码。（2）员工管理模块：对管理员赋予相对应的权限，管理员对员工信息进行管理可查询员工的排班情况，且管理员具有添加员工和删除员工的权限。（3）商品管理模块：超市管理员或员工可利用商品管理模块添加新的商品、删除旧的商品，并可通过商品的属性进行商品的查询功能，也可通过商品管理模块进行商品的修改功能。（4）订单管理模块：管理员或员工可通过订单管理模块由订单的单号查询出所需要的订单，管理员可对订单的信息进行修改或添加新的订单以及删除旧的订单。（5）库存管理模块：此功能可对当前超市商品的库存进行查询功能，并设定商品库存的最低储量值，若某商品的库存量达到了最低储存量则会预警提示管理员。管理员可通过库存管理模块及时的对商品进行采购。保证商品的现货量。（6）采购管理模块：管理员可通过采购管理功能查询到历史的采购记录，且具有对商品的采购预定功能，对已缺商品进行预购。并可根据历史采购记录和库存管理模块中商品库存预警功能及时的制定出新的超市采购计划，避免多进已有商品及少进缺货商品的情况发生。（7）公告管理模块：微信小程序首页会适当推送出商品活动公告。超市管理员可通过公告管理模块查询出现有小程序已发的公告并根据需要修改公告内容。管理员亦可删除现有的公告或者添加新的公告。（8）个人信息管理模块：用户可通过小程序上的个人信息管理模块对本人的收货地址进行管理以及对已交易完成的订单进行删除、评价。用户有权对购物车上的商品进行添加、删除、修改、结算等功能。用户可通过预订功能将商品属性对超市缺货或没有的商品进行预订。3.3.2登录模块功能结构设计登录模块功能结构设计如下图3-3所示，包含以下模块：（1）超市顾客登录：当超市顾客登录小程序之后包含我的订单管理、我的购物车管理、预购商品管理以及我的地址管理功能。（2）超市老板登录:当超市老板登录小程序之后小程序包含员工管理、公告管理以及顾客预订管理功能。（3）超市员工登录：当超市员工登录小程序后小程序包含库存管理、商品管理、采购管理以及顾客管理功能。图3-3登录模块功能结构图3.3.3员工管理模块功能结构设计员工管理模块功能结构设计如下图3-4所示，包含以下模块：（1）排班查询：超市老板通过此功能模块输入员工信息可对超市员工进行排班查询操作。（2）添加员工:超市老板通过此功能可对超市员工进行添加操作。（3）删除员工：超市老板通过此模块可对超市员工进行删除操作。图3-4员工管理模块功能结构图3.3.4商品管理模块功能结构设计地址管理模块功能结构设计如下图3-5所示，包含以下模块：（1）查询商品：超市员工通过此功能模块输入商品信息可对超市商品进行查询操作。（2）修改商品：超市员工通过此功能可对超市商品进行商品属性修改操作。（3）删除商品：超市员工通过此模块可对超市商品进行删除操作。（4）添加商品：超市员工通过此模块可进行添加超市商品操作。图3-5商品管理模块功能结构图3.3.5订单管理模块功能结构设计订单管理模块功能结构设计如下图3-6所示，包含以下模块：（1）查询订单：超市员工通过此功能模块输入订单信息可对顾客提交的订单进行查询操作。（2）删除订单:超市员工通过此功能可对顾客提交的订单进行删除操作。图3-6订单管理模块功能结构图3.3.6库存管理模块功能结构设计库存管理模块功能结构设计如下图3-7所示，包含以下模块：（1）查询库存：超市员工可通过库存管理功能模块对商品的库存量信息进行查询操作。（2）库存预警:超市员工通过此功能可对商品的库存预警值进行设定操作。图3-7库存管理模块功能结构图3.3.7采购管理模块功能结构设计采购管理模块功能结构设计如下图3-8所示，包含以下模块：（1）采购预订管理：超市员工通过此功能模块可对已缺商品进行预订采购。（2）历史采购管理：超市员工通过此功能可对历史的采购记录进行查询操作。（3）采购计划管理：超市员工通过此功能可结合历史采购记录和库存管理模块中的商品库存预警功能及时进行采购操作。图3-8采购管理模块功能结构图3.3.8公告管理模块功能结构设计公告管理模块功能结构设计如下图3-9所示，包含以下模块：（1）查询公告管理：超市老板通过此功能模块可对已发布的超市公告进行查询操作。（2）修改公告管理：超市老板通过此功能模块可对已发布的超市公告进行修改操作。（3）添加公告管理：超市老板通过此功能可对超市进行添加新的公告操作。（4）删除公告管理：超市老板通过此功能模块可对超市已发布的公告进行删除操作。图3-9公告管理模块功能结构图3.3.9个人信息管理模块功能结构设计个人信息管理模块功能结构设计如下图3-10所示，包含以下模块：（1）地址管理：顾客通过此功能模块可对个人信息进行添加、修改及删除操作。（2）订单管理：顾客通过此功能模块可对个人订单进行查询、删除及评价操作。（3）购物车管理：顾客通过此功能模块可对个人购物车进行清空或结算操作。（4）预订管理：顾客通过此功能模块可对超市没有的商品进行预订操作。图3-10个人信息管理功能模块结构图3.4数据库设计数据库的设计所指的是在一定的应用生态环境下，不仅需要考虑能否满足用户数据及加工要求，而且还需要考虑被数据库管理系统的认可接受，为数据库管理系统提供优越的数据模型和处理模式的数据库逻辑设计，数据库的存储方法和存储结构能够直观真实的体现出世界信息和信息联系，最终实现有效存取数据的系统目标。数据库设计通常由数据库模型设计、概念结构设计和逻辑结构设计三大重要部分构成。3.4.1数据库概念结构设计在校园超市微信小程序中，概念设计的阶段通常由不同的用户信息，再加上描述与综合信息进而成为原始的数据库设计。E-R模型通过系统的实体联系图常用于描述系统的概念模型。E-R模型能够很好的展示是实体间的联系，是建立概念模型的通用工具。E-R图中，通常以矩形来表示系统中的数据实体，矩形内部需写明实体的名称；用椭圆来表示数据实体的属性；通常运用菱形来表示系统中数据实体相互的联系，在使用时菱形内部要填写明确联系的名称，再用无向边将与有关的数据实体联系，同时在无向边的上标中标明联系的类型，其中包含一对一关系（1：1）、一对多关系（i:n）和多对多关系（m:n）。本系统中主要的实体模型如下：（1）顾客实体顾客实体包含账号、密码、id信息、身份、地址属性，顾客实体E-R图如图3-11所示。图3-11顾客E-R图（2）超市员工实体超市员工实体包含账号、密码、id信息、身份、工号、排班信息属性，超市员工实体E-R图如图3-12所示。图3-12超市员工E-R图（3）超市老板实体顾客实体包含账号、密码、id信息、身份属性。超市老板实体E-R图如图3-13所示。图3-13超市老板E-R图（4）购物车实体购物车实体包含商品编号、购物车id、商品购买数量、商品名称、用户id、商品图片、商品单价属性。购物车实体E-R图如图3-14所示。图3-14购物车E-R图（5）地址实体地址实体包含顾客姓名、详细地址、地位信息属性。地址实体E-R图如图3-15所示。图3-15地址E-R图（6）订单实体订单实体包含订单号、订单用户编号、订单类别、订单商品内容、商品编号、商品名、商品类目、订单金额、订单提交时间、订单评价、商品购买数量。订单实体E-R图如图3-16所示。图3-16订单E-R图（7）采购订单实体采购订单实体包含商品编号、订单类别、商品名、订单商品内容、商品类目、订单号、订单提交时间、订单总金额、商品购买数量属性。采购订单实体E-R图如图3-17所示。图3-17采购订单E-R图（8）公告实体公告实体包含有公告标题、公告内容以及公告id属性。公告实体E-R图如图3-18所示。图3-18公告E-R图（9）预定商品实体公告实体包含内容、品类、数量属性。预定商品实体如图3-19所示。图3-19预定商品E-R图（10）商品实体商品实体包含商品品名、id信息、预警线、关键词、类别、价格、库存数量、图片、最小单元属性。商品实体E-R图如下图3-20所示。图3-20商品E-R图3.4.2系统总体E-R图一个顾客只能有一个购物车实体，并允许顾客可以拥有多个地址实体，故顾客实体与购物车实体存在1：n的关系，顾客实体与地址实体存在1：n的关系。顾客实体包含账号、密码、身份、地址、id信息属性。购物车实体包含商品编号、商品购买数量、商品名称、商品图片、商品单价、购物车id、用户id属性。地址实体包含顾客姓名、详细地址、地位信息属性。超市里可设有多个员工，员工可以管理多种商品实体以及处理多条采购订单实体，故员工实体与商品实体存在n:m的关系，员工实体与采购订单实体存在n:m的关系。其中超市员工实体包含账号、密码、id信息、工号、排班信息、身份属性。商品实体包含商品品名、id信息、关键词、类别、价格、库存数量、图片、最小单元、预警线属性。采购订单实体包含订单号、订单商品内容、商品编号、商品名、商品类目、订单提交时间、商品购买数量、订单总金额、订单类别属性。超市里只有一个超市老板，超市老板可以管理多条公告信息实体以及处理多条预订商品信息实体，故超市老板实体与公告实体存在1：n的关系，超市老板实体与预订商品实体存在1：n的关系。其中超市老板实体包含账号、密码、身份、id信息属性。公告实体包含公告id、公告内容、公告标题属性。预定商品实体包含内容、数量、品类属性。因考虑到图片查阅效果便不在总体E-R图中展示各实体的属性。由此绘制系统总体E-R图如图3-21所示。图3-21系统整体E-R图3.4.2数据库逻辑结构设计关于数据库的设计中，逻辑结构设计的任务就是把概念结构设计中所要包含的信息转化到计算机中，所以逻辑结构在很大程度上决定了系统的好坏。下文是对数据库中表的结构以及作用作出进一步描述。顾客信息表顾客信息表表名为user，该表主要用于存储与管理顾客相关信息。该表的详细说明如表3-1所示。表3-1顾客信息表属性名数据类型中文说明idstring主键，用户idaddressstring顾客地址usernamenumber用户账号passwordstring用户密码authstring用户身份超市员工信息表超市员工信息表表名为user，该表主要用于存储与管理超市员工相关信息。该表的详细说明如表3-2。表3-2超市员工信息表属性名数据类型中文说明idstring主键，用户idusernamenumber用户账号passwordstring用户密码authstring用户身份arrangestring用户排班信息（仅员工）job-numberString工号超市老板信息表超市老板信息表表名为user，该表主要用于存储与管理超市老板相关信息。该表的详细说明如表3-3。表3-3超市老板信息表属性名数据类型中文说明idstring主键，用户idusernamenumber用户账号passwordstring用户密码authstring用户身份商品信息表商品信息表表名为good，该表主要用于存储与管理商品相关信息。该表的详细说明如表3-4。表3-4商品信息表属性名数据类型中文说明idstring主键，用户idnamestring商品品名keywordsstring商品关键词categorynumber商品类别pricenumber商品价格quantitynumber商品库存数量Picturestring商品图片unitstring商品最小单元minimumnumber商品预警线订单信息表订单信息表表名为order，该表主要用于存储与管理商品相关信息。该表的详细说明如表3-5。表3-5订单信息表属性名数据类型中文说明idstring订单号openidstring订单的用户编号contentnumber订单商品内容good_idstring商品编号，对应在商品表中—idnamestring商品名categorynumber商品类目quantitynumber商品购买数量timedatestring订单提交时间pricenumber订单总金额购物车信息表购物车信息表表名为cart，该表主要用于存储与管理购物车相关信息。该表的详细说明如表3-6。表3-6购物车信息表属性名数据类型中文说明idstring购物车唯一标识uidstring购物车所属用户good_idstring商品编号quantitynumber商品购买数量namestring商品名称picturestring商品图片pricenumber商品单价公告信息表公告信息表表名为notice，该表主要用于存储与管理公告相关信息。该表的详细说明如表3-7。表3-7公告信息表属性名数据类型中文说明idstring记录唯一索引contentstring公告内容titlestring公告标题预订信息表预订信息表表名为hope，该表主要用于存储与管理预订相关信息。该表的详细说明如表3-8。表3-8预订信息表属性名数据类型中文说明idstring记录唯一索引categorynumber预定商品类目Customer_idstring预订者idCustomer_namestring预订者姓名hopestring商品详情描述3.5本章小结本章详细介绍了系统的设计目标以及技术架构和系统的功能结构设计。并通过系统的功能结构设计、系统各个功能模块的结果设计、系统中各实体的E-R图以及系统的相关信息表。例如顾客信息表、超市员工信息表、超市老板信息表、商品信息表、订单信息表、购物车信息表、公告信息表、预订信息表进一步地阐述校园超市微信小程序的系统设计。4系统的实施4.1开发工具的选择 校园超市微信小程序是在微信开发者工具平台上开发的小程序，微信开发者工具是由微信官方提供给开发人员进行微信小程序开发的并且免费的工具，是当前大多数小程序开发人员首选的开发平台，开发人员只需简单的注册账号便可在其个人电脑上进行微信小程序的开发与调试。非常适合于个人或小型团队的开发研究。4.2数据库的选择数据库为数据的存储提供一种高效的、有组织的、有调理的数据存储方式。在系统的开发过程中为开发人员高效、简捷地管理应用程序数据。为此在整个系统的开发过程中正确、合理的选择一款数据库便成为开发人员需解决的关键问题之一。校园超市微信小程序使用的是微信开发者工具附带的云数据库。云数据库的使用在整个开发过程中发挥着开源以及使用便捷的特点。为此校园超市微信小程序使用的是小程序云数据库。4.3开发语言的选择校园超市微信小程序前端采用WXML、WXSS，后端主要采用java语言开发。WXML语言的基本特点是具有XML语言的基本特性，语法描述上也很接近XML语言，遵循着SGML规范要求。WXML语言在信息交换、任务处理、效率方面上表现出其独特优势，能够满足页面之间的无缝切换。其包含着大量基本组件，这些组件具备微信特有的风格样式以及特殊的逻辑思维。WXSS含概着CSS的特性，在此基础上有一些微信特有的样式属性，包括独特的尺寸单位rpx、特殊的样式导入方法、app.wxss可具备对全局定义的样式、page中具备对于局部的定义样式。JAVA编程语言是当前应用程序编程中不可或缺的一门语言，JAVA语言的特点包含有简单性、面向对象性、安全性以及平台独立性。4.4系统的实现4.4.1用户登录用户登录页面如图4-1所示，校园超市微信小程序分别设立了顾客、员工、老板三种不同用户，当正确的输入相应的账号、密码后将会成功登录小程序；当账号与密码输入错误时，小程序会提醒登录者检查账号、密码并重新登录。图4-1用户登录页面用户登陆部分核心代码：title:'用户名和密码不可为空',this.setData({loading:true})//调用云函数login进行登录操作constrole=awaitwx.cloud.callFunction({name:'login',data:{username,password}}).finally(()=>{this.setData({loading:false})})//如果返回结果为null(用户名密码有错误)if(!role.result){wx.showToast({title:'请检查用户名密码并重新登录',icon:'none'})}else{//登录成功的逻辑/**存储id，用户名，身份编码到本地存储*/wx.setStorageSync('uid',role.result._id)wx.setStorageSync('uauth',role.result.auth)4.4.2购物车管理购物车管理页面如图4-2所示，用户在登陆小程序后，点击“我的”页面进入“我的购物车管理”模块，用户可以根据需求对购物车中所选的商品进行结算或清空购物车里的商品。图4-2购物车管理页面用户登陆部分核心代码：<text>购物车列表</text></view><viewslot="right-icon"><viewclass="clear-button"bindtap="clearCart"><van-iconname="close"></van-icon>清空<van-emptydescription="购物车空空如也"/><viewclass="settle-bar"><viewclass="total-area">合计<textclass="red">¥{{price}}</text><textclass="gray">(共{{count}}件)</text></view><viewclass="settle-button"bindtap="goPay">结算</view>4.4.3地址管理地址管理流程如下，用户在登陆之后，点击“我的”页面进入“地址”模块，用户可以对自己的地址信息进行修改操作。其中地址信息包括定位信息页面如图4-3所示与详细地址信息如图4-4所示图4-3地址定位信息管理页面1图4-4地址详细信息管理页面2地址管理部分核心代码：<viewclass="container"><viewclass="title">管理我的收货地址</view><van-fieldlabel="定位地址"value="{{address}}"placeholder="系统定位的地址"disabled/><van-fieldlabel="详细地址"model:value="{{detail}}"placeholder="如楼栋号、门牌号等"type="textarea"auto-size/><van-buttontype="primary"blockbind:click="getLocation"icon="location-o">获取定位信息</van-button><van-buttontype="info"blockbind:click="confirmLocation">确认</van-button></view>4.4.4顾客订单管理顾客订单管理页面如图4-5所示，用户在登陆之后，点击“我的”页面进入“我的订单”模块，用户可以对自己的订单信息进行修改操作。其中订单查询、订单删除以及对订单进行评价信息。图4-5顾客订单管理页面顾客订单管理部分核心代码：<viewclass="footer"><viewclass="total-price">总金额:<textclass="price">¥{{order.price}}</text><van-buttontype="info"plainsize="small"data-orderid="{{order._id}}"style="margin-right:12rpx;"bind:click="commentOrder">评价一下</van-button><van-buttontype="danger"plainsize="small"data-orderid="{{order._id}}"bind:click="deleteOrder">删除</van-button><blockwx:else><van-emptydescription="订单空空如也"/>4.4.5商品管理商品管理页面如图4-6所示，超市员工在登陆之后，点击“我的”页面进入“商品管理”模块，超市员工可以对商品的属性进行修改、添加以及删除的操作。其中商品属性包含商品的名称、价格、预警线、单位、品类等信息。PAGEPAGE51图4-6商品属性管理页面商品属性管理部分核心代码：<viewclass="good-content"><viewclass="content-item"><viewclass="content-label">商品名：</view><viewclass="content-value">{{}}<viewclass="content-item"><viewclass="content-label">价格：</view>4.4.6库存管理库存管理页面如图4-7所示，超市员工在登陆之后，点击“我的”页面进入“库存管理”模块，超市员工可以对库存进行商品数量与预警线数量进行查询操作，并可在首页进行商品采购信息。图4-7库存管理页面库存管理部分核心代码：<viewclass="good-item"><viewclass="good-image"><imagesrc="{{item.picture}}"/><viewclass="good-meta"><viewclass="good-quantity">现库存余量：{{item.quantity}}4.4.7员工管理员工管理页面如图4-8所示，超市老板在登陆之后，点击“我的”页面进入“员工管理”模块，超市老板可以对库存进行商品数量与预警线数量进行查询操作，并可在首页进行商品采购信息。图4-8员工管理页面员工管理部分核心代码：<van-buttonsize="large"icon="plus"type="info"bind:click="showAddPanel">新增员工</van-button><viewclass="overlay"wx:if="{{showAddPanel}}"><viewclass="add-panel"><viewclass="panel-head">--员工添加--<viewclass="panel-body"><van-fieldmodel:value="{{newStaffName}}"placeholder="在这里输入"label="员工姓名"4.4.8公告管理公告管理页面如图4-9所示，超市老板在登陆之后，点击“我的”页面进入“公告管理”模块，超市老板可以对超市公告进行公告查询与编辑发布新的公告，其中公告管理包含公告标题与公告内容信息。图4-9公告管理页面公告管理部分核心代码：placeholder="填入公告标题"border="{{true}}"label="标题"/><van-fieldmodel:value="{{noticeContent}}"placeholder="填入公告内容"border="{{true}}"label="内容"autosizetype="textarea"/><viewclass="handle-area"><van-buttontype="info"bind:click="updateNotice">更新公告</van-button>4.4.9顾客预订管理顾客预订管理模块页面如图4-10所示，超市老板在登陆之后，点击“我的”页面进入“顾客预订管理”模块，超市老板可以对超市中的顾客预订商品信息进行查询管理，其中顾客提交的商品预订包含商品的具体属性以及商品的品类信息。图4-10顾客预订管理页面顾客预订管理部分核心代码：<viewclass="hope-card"><viewclass="header"><viewclass="avatar"><imagesrc="../../assets/default_avatar_customer.svg"/></view><textclass="customer-name">{{hope.customer_name}}</text>说TA想要：</view>4.5本章小结本章主要讲述的是系统的实施成果。通过校园超市微信小程序的开发工具、数据库、开发语言以及小程序的部分功能实现界面及部分核心代码对小程序的开发进行进一步的论述。5系统测试5.1测试环境设置项目测试环境，在PC机上，选择操作系统，Windows7或以上可以运行超过建议的内存或内存4GB的硬盘存储空间至少500的Tomcat服务器版8.5MB，使用MySQL5.1数据库环境，软件和硬件的测试环境，如上所述。5.2功能模块测试按照商业化的小程序规模来看，一个小程序的正式投入上线之前需要经过黑盒测试以及白盒测试、压力测试。专业的测试需要的专业化程度以及专业化人员操作完成。然而校园超市微信小程序是一款毕业设计项目，因此在小程序的测试方面上并没有达到专业测试的标准水平。本次小程序只做了一个功能模块测试。在小程序开发设计完工期间，将会展开对功能模块的测试工作。其中包含登录模块、商品检索模块、员工管