当前位置:   article > 正文

案例020:基于微信小程序的订餐系统设计与实现_基于小程序的外卖点餐系统主界面设计

基于小程序的外卖点餐系统主界面设计

文末获取源码

开发语言:Java

框架:SSM

JDK版本:JDK1.8

数据库:mysql 5.7

开发软件:eclipse/myeclipse/idea

Maven包:Maven3.5.4

小程序框架:uniapp

小程序开发软件:HBuilder X

小程序运行软件:微信开发者

目录

前言

系统展示

用户微信端功能模块

管理员服务端功能界面

代码实现

登录功能实现代码

注册功能实现代码

密码重置功能实现代码

修改信息功能实现代码

删除信息功能实现代码

保存信息功能实现代码


前言

民以食为天,餐饮业一直是与人们日常生活息息相关的产业。传统的电话订餐或者到店消费已经不能适应市场发展的需求。随着网络的迅速崛起,互联网日益成为提供信息的最佳俱渠道和逐步走向传统的流通领域,传统的餐饮业进而也面临着巨大的挑战,此时推出网络订餐非常适时。

与传统的电话订餐以及去店里订餐的方式相比,网络订餐有着自己独特的优点——直观、互动性强、成本低、方便快捷。顾客可以及时了解到最新商品,及时反馈商家的服务;也能在商家营业的任何时候下单,并且自由决定送餐时间,这对于消费者也是更好的服务。对于商家来说,也可以更方便地留住有价值的客户,挖掘潜在客户等。网络点餐提供图文并茂,及时更新的丰富消息,这一定程度上给客户更多的选择权和自由权。目前网络点餐形式主要有商家入驻APP、自己创建店铺的小程序等订餐小程序开发使系统能够更加方便快捷,同时也促使订餐小程序变的更加系统化、有序化。系统界面较友好,易于操作。具体在系统设计上,客户端使用微信开发者,后台也使用java技术在动态页面上进行了设计,Mysql数据库,是一个非常优秀的订餐系统小程序


系统展示

用户微信端功能模块

首页,在订餐小程序页面用户查看首页、菜品信息、菜品资讯、我的等信息

用户注册、登录,在注册页面填写用户名、密码、姓名、性别、手机、邮箱、联系电话进行注册,信息无误进行登陆

 

我的,在我的页面进行查看个人信息、菜品信息、订单信息、配送信息、菜品评价、订单投诉、我的收藏管理、客服等内容

 用户信息,在用户个人信息页面可以查看编辑用户名、密码、姓名、性别、头像、手机、邮箱、联系电话查看,可进行添加、修改、删除操作

菜品信息,用户在菜品信息信息页面可以进行搜索、下单、收藏、评论、购买、支付操作

 

管理员服务端功能界面

管理员通过填写账号、密码、角色进行登录 

用户管理,管理员在用户页面可进行查看编辑用户名、密码、姓名、性别、头像、手机、邮箱、联系电话等,并进行查看详情、修改、删除操作

 菜品信息管理,管理员在菜品信息页面查看菜品名称、菜品分类、图片、菜品价格、材料、分量等,可进行添加、修改、收藏操作

配送信息管理,管理员通过配送信息页面查看配送详情进行审核查看添加、修改、删除操

 菜品评价管理,管理员通过菜品评价页面查看评价详情进行审核查看添加、修改、删除操

 系统管理,管理员通过系统管理页面查看轮播图、菜品资讯、客服管理等进行发布菜品资讯、上传图片、客服回复,进行添加、删除、修改以及查看并对整个系统进行维护等操作

 

 


代码实现

登录功能实现代码

  1. @IgnoreAuth
  2. @PostMapping(value = "/login")
  3. public R login(String username, String password, String captcha, HttpServletRequest request) {
  4. UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
  5. if(user==null || !user.getPassword().equals(password)) {
  6. return R.error("账号或密码不正确");
  7. }
  8. String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
  9. return R.ok().put("token", token);
  10. }

注册功能实现代码

  1. @IgnoreAuth
  2. @PostMapping(value = "/register")
  3. public R register(@RequestBody UserEntity user){
  4. // ValidatorUtils.validateEntity(user);
  5. if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
  6. return R.error("用户已存在");
  7. }
  8. userService.insert(user);
  9. return R.ok();
  10. }

密码重置功能实现代码

  1. @IgnoreAuth
  2. @RequestMapping(value = "/resetPass")
  3. public R resetPass(String username, HttpServletRequest request){
  4. UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
  5. if(user==null) {
  6. return R.error("账号不存在");
  7. }
  8. user.setPassword("123456");
  9. userService.update(user,null);
  10. return R.ok("密码已重置为:123456");
  11. }

修改信息功能实现代码

  1. @RequestMapping("/update")
  2. public R update(@RequestBody UserEntity user){
  3. // ValidatorUtils.validateEntity(user);
  4. UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
  5. if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
  6. return R.error("用户名已存在。");
  7. }
  8. userService.updateById(user);//全部更新
  9. return R.ok();
  10. }

删除信息功能实现代码

  1. @RequestMapping("/delete")
  2. public R delete(@RequestBody Long[] ids){
  3. userService.deleteBatchIds(Arrays.asList(ids));
  4. return R.ok();
  5. }

保存信息功能实现代码

  1. @PostMapping("/save")
  2. public R save(@RequestBody UserEntity user){
  3. // ValidatorUtils.validateEntity(user);
  4. if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
  5. return R.error("用户已存在");
  6. }
  7. userService.insert(user);
  8. return R.ok();
  9. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/586060
推荐阅读
相关标签
  

闽ICP备14008679号