毕业设计 微信小程序 外卖点餐平台

系统功能概述

        经过研究调查和搜集资料，同时考虑到用户体验以及所掌握的知识面，决定将用户和管理员角色所登陆的页面进行分离，这样对于用户来说，只需要关注点餐就行，对于管理员来说，只需要关注营收、订单信息等店铺运营相关即可，系统结构如下图。

            

       从上图可以看出，外卖点餐的系统结构包括两大部分，包括：前台展示、后台管理，分别对应着不用的使用人群。其前台展示对应着用户，主要关注订餐这一核心流程，在前台展示模块中又可以细分为用户登陆授权、商品信息、收获地址、购物车等模块。其后台管理对应着商家管理员，主要关注店铺运营的整体情况，在后台管理模块可以分为商品管理，分类管理，订单管理，和管理员登录子模块。

模块需求描述

        外卖点餐平台将用户和商家进行了分离，对于这种设计，降低了系统的耦合度，同时增加了平台的体验性。下面就对上图的系统结构图进行详细解释，对于前台模块，主要关注的核心就是用户完成订单并支付的操作，其流程如下图所示。

                                         

        用户登陆外卖点餐平台时，系统会进行判断是否是第一次登陆该平台，如果是，那么就跳转到首次登陆页面，给用户一些操作上的指导，让用户能够更好的使用该平台，如果用户已经登陆过平台，那么就默认用户会使用该平台完成订单操作，这时直接跳转到首页即可。用户在首页可以看到商品的分类和商品的信息，而且会根据用户的喜好，自动推荐用户可能喜欢的商品。

        用户针对喜欢的商品加入到购物车之后，可以继续浏览其他信息，购物车中的商品不会消失，这样人性化的操作，可以减少用户的操作，增加了用户的体验，在用户选择完商品之后，点击提交订单就可以进入订单详情页面，在订单页面可以选择收货地址，已经订餐的备注信息，在填写完信息之后，点击支付按钮，即可进行订单的支付，然后跳转到订单详情页面，并显示订单的状态和商家的电话。

        在微信小程序首页中，可以点击下方中间的订单列表页面，在此页面会展示该用户的所有订单信息以及订单的状态，也可以点击某一订单查看该订单的详细信息，对于订单的状态有未支付、已取消、商家派送中、等待收货这些状态、对于未支付的状态可以点击取消和支付，会根据点击不同的行为，进入不同的状态中。

        在微信小程序首页下方右侧的“我的”按钮，可以进行个人信息管理页面，在此页面会展示该用户的信息，包括用户头像、昵称、收货地址等信息，其中用户头像和昵称信息是根据用户在微信中使用的头像和昵称，对于收货地址可以进行查看、添加、删除和修改操作，收货地址集成了腾讯地图，在用户添加收货地址时，会获取用户所在位置的GPS信息，然后返回给用户，并且填写收货人、电话、详细地址等信息，对于收货人的信息前台会对输入的信息做合法性的校验，对于错误的输入样例，系统会给出相应的提示，提示系统整体的可靠性和容错性，也能间接的提示用户的体验性。

        后台管理模块包括商品管理，分类管理，订单管理，和管理员登录子模块，对于商品管理模块包括查看商品、添加商品、删除商品和修改商品，对于商品图片，其真正的图片是保存到服务器本地磁盘的，其数据库仅仅保存图片的URL，在访问商品图片时，会根据数据库保存的URL访问到真正的图片，对于分类管理模块包括查看分类、添加分类、删除分类和修改分类，对于商品分类，可以将商品加一分类，将相似的商品归为一类，这样既可以方便管理商品，也可以方便用户查找某类商品，增加了用户的体验。

系统开发环境

开发环境：Windows 10 64位

软件环境：MySQL、Java、Tomcat

相关开发软件：微信开发者工具、IntelliJ IDEA、Navicat Premium

相关工具包：Maven、Spring Boot

系统后台服务设计

1. 添加商品设计

       对于商品管理是商家店铺进行的，可以添加商品、修改商品和删除商品，现在就添加商品进行分析，商品添加的时序图如图4-3所示。

                         

        对于添加商品来说，需要添加商品名称、价格、描述、图片和商品所属分类等信息，当添加完成后，点击保存商品，此时会将浏览器会将信息发送到平台后台服务中，首先需要验证输入信息的合法性，如商品名称、价格等为空时，直接返回，提示管理员输入的信息不完整，当输入信息经过合法性验证，会先将图片流保存到本地文件指定的目录下，并生成一个图片的唯一的ID，然后平台根据ID和目录，生成图片的URL地址，这样就可以根据图片的URL访问到图片，然后将商品信息已经图片URL保存的数据库中，并返回本地保存的结果。

2. 收货地址设计

        对于收货地址来说，是用户在小程序端自己管理的，在“我的”页面和提交订单时，都可以管理收货地址，提交订单时，默认选择地址第一个地址。

                   

        如图4-6所示，用户在添加收货地址时，需要输入收货人、联系电话、送餐地址等信息，对于联系人姓名和电话在微信端就会做合法性校验，如果输入为空，或者是联系电话不符合要求，就会立即给出相应的提示，这样避免了信息输入错误，从而导致收货时出现问题，对于送餐地址来说，会根据GPS经纬度信息去请求腾讯地图的SDK来获取用户所在的当前位置微信，然后展示给用户，用户也可以对微信信息进行手动纠正和填写其他信息，这样就可以方便的给其他人点餐，即使获取的GPS位置信息不对应，也可以手动填写。

        在获取到位置信息后，用户还需要输入详细地址，如门牌号等信息，这个是从地图中获取不到的信息，当用户输入信息之后，点击添加，就会想服务后台请求保存收货地址，然后服务后台会再次对输入的信息做合法性的验证，如果验证不通过，则直接返回，并给出相应的提示，如验证通过则会将收获地址保存到数据库中，并将保存的结果返回给用户。

微信小程序实现图

      以下为动态图

     以下为项目截图