3.1.2前台菜单浏览模块
用户步入陌陌点餐系统步入浏览菜单即可查看饭店发布的餐品信息,具体如右图3-2所示:
图3-2菜单浏览界面
3.1.3前台用户购物车模块
陌陌小程序点餐前台用户登录系统后可以步入预约点餐模块将餐品添加到购物车。用户登录直接绑定用户陌陌帐户进行登录,十分便捷。添加购物车操作界面如右图3-3所示。
图3-3前台用户添加购物车操作界面
3.1.4前台用户点餐支付模块
前台用户登入点餐系统后,可以步入预约点餐模块将喜欢的餐品添加到购物车后递交订单并进行支付选购。完成餐品订购后并完成整个订单操作后,可以对餐品进行相关的评论。相关管理操作界面如右图3-4所示。
图3-4前台用户点餐支付界面
3.1.4前台用户个人订单管理模块
陌陌小程序点餐前台用户登录系统后可以在我的模块中个人订单管理模块中管理个人的订单信息。后端用户个人订单管理操作界面如右图3-5所示。
图3-5前台用户个人订单管理操作界面
3.2后台功能模块的展示3.2.1用户登入功能
陌陌小程序点餐后台用户假如想要对饭店的相关信息进行管理操作,首先要登陆系统,才可展开相关的操作。输入手机号和密码后用户登录界面如右图3-6所示。
图3-6用户登入操作界面
3.2.2用户管理功能
陌陌小程序点餐系统管理员用户登录系统后,可以步入用户管理菜单进行相应的管理员用户信息管理。用户管理操作界面如右图3-7、3-8所示:
图3-7后台用户管理功能界面图
图3-8后台用户新增界面图
3.2.3后台餐品管理操作UI
陌陌小程序点餐管理员用户登录系统后,可以步入餐品管理菜单进行相应的餐品信息管理。其中主要包含餐品的添加、修改、查询、下架操作等,添加餐品时可以指定餐品的图片进行展示。餐品信息管理操作界面如右图3-9、3-10所示。
图3-9后台餐品管理功能UI界面
图3-10后台餐品新增功能UI界面
3.2.4后台餐品订单管理操作UI
陌陌小程序点餐系统管理员用户登录系统后,可以步入餐品订单管理菜单进行相应的餐品订单信息管理。其中主要包含餐品订单的查询、订单明细的查看等,添加餐品时可以上传餐品的图片进行展示。订单信息管理操作界面如右图3-11、3-12所示。
图3-11后台订单管理功能UI界面
图3-12后台订单详情查看功能UI界面
四,核心代码展示
package com.imooc.controller;
import com.imooc.constant.CookieConstant;
import com.imooc.constant.RedisConstant;
import com.imooc.dataobject.SellerInfo;
import com.imooc.enums.ResultEnum;
import com.imooc.exception.SellException;
import com.imooc.form.SellerForm;
import com.imooc.repository.SellerInfoRepository;
import com.imooc.utils.CookieUtil;
import org.springframework.beans.BeanUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.ModelAndView;
import java.util.List;
import java.util.Map;
import java.util.UUID;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.validation.Valid;
import lombok.extern.slf4j.Slf4j;
@RestController
@RequestMapping("/admin")
@Slf4j
public class AdminUserController {
@Autowired
SellerInfoRepository repository;
/**
* 后台用户登陆操作
* @param phone
* @param password
* @param response
* @return
*/
@GetMapping("/loginAdmin")
public String loginAdmin(@RequestParam("phone") String phone,
@RequestParam("password") String password,
HttpServletResponse response) {
SellerInfo sellerInfo = repository.findByPhone(phone);
log.info("商家信息={}", sellerInfo);
if (sellerInfo != null && sellerInfo.getPassword().equals(password)) {
String token = UUID.randomUUID().toString();
log.info("登录成功的token={}", token);
Integer expire = RedisConstant.EXPIRE;
//3. 设置token至cookie
CookieUtil.set(response, CookieConstant.TOKEN, token, expire);
return "登录成功";
} else {
throw new SellException(ResultEnum.LOGIN_FAIL);
}
}
@GetMapping("/logout")
public ModelAndView logout(HttpServletRequest request,
HttpServletResponse response,
Map map) {
//1. 从cookie里查询
Cookie cookie = CookieUtil.get(request, CookieConstant.TOKEN);
if (cookie != null) {
//2. 清除cookie
CookieUtil.set(response, CookieConstant.TOKEN, null, 0);
}
map.put("msg", ResultEnum.LOGOUT_SUCCESS.getMessage());
map.put("url", "/sell/seller/order/list");
return new ModelAndView("common/success", map);
}
/*
* 页面相关
* */
@GetMapping("/list")
public ModelAndView list(Map map) {
List categoryList = repository.findAll();
map.put("categoryList", categoryList);
return new ModelAndView("admin/list", map);
}
@GetMapping("/index")
public ModelAndView index(@RequestParam(value = "sellerId", required = false) Integer sellerId,
Map map) {
SellerInfo sellerInfo = repository.findBySellerId(sellerId);
map.put("category", sellerInfo);
return new ModelAndView("admin/index", map);
}
/**
* 保存/更新
*/
@PostMapping("/save")
public ModelAndView save(@Valid SellerForm form,
BindingResult bindingResult,
Map map) {
log.info("SellerForm={}", form);
if (bindingResult.hasErrors()) {
map.put("msg", bindingResult.getFieldError().getDefaultMessage());
map.put("url", "/sell/admin/index");
return new ModelAndView("common/error", map);
}
SellerInfo sellerInfo = new SellerInfo();
try {
if (form.getSellerId() != null) {
sellerInfo = repository.findBySellerId(form.getSellerId());
}
BeanUtils.copyProperties(form, sellerInfo);
repository.save(sellerInfo);
} catch (SellException e) {
map.put("msg", e.getMessage());
map.put("url", "/sell/admin/index");
return new ModelAndView("common/error", map);
}
map.put("url", "/sell/admin/list");
return new ModelAndView("common/success", map);
}
}
package com.imooc.controller;
import com.imooc.VO.ResultVO;
import com.imooc.converter.OrderForm2OrderDTOConverter;
import com.imooc.dto.OrderDTO;
import com.imooc.enums.ResultEnum;
import com.imooc.exception.SellException;
import com.imooc.form.OrderForm;
import com.imooc.service.BuyerService;
import com.imooc.service.OrderService;
import com.imooc.utils.ResultVOUtil;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.util.CollectionUtils;
import org.springframework.util.StringUtils;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import javax.validation.Valid;
import lombok.extern.slf4j.Slf4j;
/**
* Created by znz
*/
@RestController
@RequestMapping("/buyer/order")
@Slf4j
public class BuyerOrderController {
@Autowired
private OrderService orderService;
@Autowired
private BuyerService buyerService;
//创建订单
@PostMapping("/create")
public ResultVO
package com.imooc.controller;
import com.imooc.VO.ResultVO;
import com.imooc.dataobject.Comment;
import com.imooc.dataobject.OrderMaster;
import com.imooc.dto.OrderDTO;
import com.imooc.enums.OrderStatusEnum;
import com.imooc.enums.ResultEnum;
import com.imooc.exception.SellException;
import com.imooc.repository.CommentRepository;
import com.imooc.repository.OrderMasterRepository;
import com.imooc.service.OrderService;
import com.imooc.utils.ResultVOUtil;
import org.springframework.beans.BeanUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import java.util.List;
/**
* desc:评论相关
*/
@RestController
public class CommentController {
@Autowired
private CommentRepository repository;
@Autowired
private OrderService orderService;
@Autowired
private OrderMasterRepository masterRepository;
//订单详情
@PostMapping("/comment")
public ResultVO detail(@RequestParam("openid") String openid,
@RequestParam("orderId") String orderId,
@RequestParam("name") String name,
@RequestParam("avatarUrl") String avatarUrl,
@RequestParam("content") String content) {
if (StringUtils.isEmpty(openid) || StringUtils.isEmpty(orderId)) {
throw new SellException(ResultEnum.PARAM_ERROR);
}
//提交评论
Comment comment = new Comment();
comment.setName(name);
comment.setAvatarUrl(avatarUrl);
comment.setOpenid(openid);
comment.setContent(content);
Comment save = repository.save(comment);
//修改订单状态
OrderDTO orderDTO = orderService.findOne(orderId);
orderDTO.setOrderStatus(OrderStatusEnum.COMMENT.getCode());
OrderMaster orderMaster = new OrderMaster();
BeanUtils.copyProperties(orderDTO, orderMaster);
OrderMaster updateResult = masterRepository.save(orderMaster);
return ResultVOUtil.success(save);
}
//所有评论
@GetMapping("/commentList")
public ResultVO> commentList() {
List all = repository.findAll();
return ResultVOUtil.success(all);
}
//单个用户的所有评论
@GetMapping("/userCommentList")
public ResultVO> userCommentList(@RequestParam("openid") String openid) {
List all = repository.findAllByOpenid(openid);
return ResultVOUtil.success(all);
}
}
五,项目总结
陌陌小程序点餐系统的使用者主要包含两种用户角色,其二是管理员角色,其一是前台用户角色,这两个角色的具体功能如下:
管理员角色:管理员登陆陌陌小程序点餐系统后台管理后可以进行相应的管理操作,主要包含:用户管理、餐品管理、订单管理、分类管理等操作;
前台用户角色:前台用户登入陌陌小程序点餐系统后可以进行餐品浏览、添加购物车、在线点餐、个人订单管理等操作。
系统整体功能完整,按照陌陌小程序点餐系统需求剖析,进行了陌陌小程序点餐系统概要设计,并在此基础上进行详尽设计。完成了整个项目的详尽设计后在线点赞在线点赞,就开始了项目的编码阶段。