dreamweaver知识点总结_设计公司网站唐山_中文域名一文不值_定做app开发
5 系统的实现 当进入餐饮点餐小程序的时候,首先映入眼帘的是系统的导航栏,导航栏上面是轮播图以及餐饮资讯,其主界面展示如下图5-1所示。
图5-1 前台首页界面图
不是餐饮点餐小程序中正式会员的是可以在线进行注册的,当用户点击“注册”按钮,填写上自己的账号+密码+确认密码+昵称等,再点击“注册”按钮后将会先验证输入的有没有空数据,再次验证密码和确认密码是否是一样的,最后验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可会员注册成功。其用注册流程图如图5-2所示,注册界面展示如下图5-3所示。
图5-2注册流程图
图5-3 前台注册界面图
注册关键代码如下:
@PostMapping("register")
public Map<String, Object> signUp(HttpServletRequest request) throws IOException {
Map<String, String> query = new HashMap<>();
Map<String,Object> map = service.readBody(request.getReader());
query.put("username",String.valueOf(map.get("username")));
List list = service.selectBaseList(service.select(query, new HashMap<>()));
if (list.size()>0){
return error(30000, "用户已存在");
}
map.put("password",service.encryption(String.valueOf(map.get("password"))));
service.insert(map);
return success(1);
}
餐饮点餐小程序中的前台上注册后的会员是可以通过自己的账户名和密码进行登录的,当会员输入完整的自己的账户名和密码信息并通过滑动验证通过后,点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到餐饮点餐小程序的首页中;否则将会提示相应错误信息,用户登录流程如图5-4所示,登录界面如下图5-5所示。
图5-4 登录流程图
图5-5 用户登录界面图
登录关键代码如下:
@PostMapping("login")
public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {
log.info("[执行登录接口]");
String username = data.get("username");
String email = data.get("email");
String phone = data.get("phone");
String password = data.get("password");
List resultList = null;
QueryWrapper wrapper = new QueryWrapper<User>();
Map<String, String> map = new HashMap<>();
当访客点击餐饮点餐小程序中导航栏上的“餐饮资讯”后将会进入到该“餐饮资讯”列表的界面,然后选择想要看的餐饮资讯,点击进入到详细界面,餐饮资讯界面如下图5-6所示。
图5-6餐饮资讯界面图
当访客点击了任意菜品信息后将会进入该款美食菜品的详情界面,可以了解到该美食菜品的菜品分类、菜品价格、菜品描述、菜品图片、菜品简介等,同时可以对该菜品信息进行收藏、自提购买、外送购买、购买评论等,菜品信息详情展示页面如图5-7所示。
图5-7 菜品信息详情界面图
自提购买订单页面如图5-8所示。
图5-8自提购买订单界面图
外送购买订单页面如图5-9所示。
图5-9外送购买订单界面图
5.1.6我的界面
在点击导航栏上的“我的”后,会显示所有我的管理子菜单,包括基本信息、收藏、自提订单、外送订单、菜品分享,我的管理界面如下图5-10所示。
图5-10 我的管理界面图
5.2后台管理功能模块
5.2.1 商家用户管理界面
商家用户进入管理后台,可以对菜品信息管理、自提订单管理、外送订单管理、菜品分享管理等模块的信息进行管理。商家用户后台管理界面如下图5-11所示。
图5-11商家用户后台管理界面图
后台管理人员是可以对前台注册的普通用户和商家用户进行管理。系统用户管理界面如下图5-12所示。
图5-12系统用户管理界面图
用户管理关键代码如下:
@TableName("user_group")
@Data
@EqualsAndHashCode(callSuper = false)
public class UserGroup implements Serializable {
private static final long serialVersionUID = 968356951391304707L;
}
后台管理人员对餐饮点餐小程序内的不同菜品信息的分类下的美食菜品信息进行维护和管理的,菜品信息管理界面如下图5-13所示。
图5-13菜品信息管理界面图
5.2.4 菜品分类界面
后台管理人员是可以对餐饮点餐小程序内的美食菜品的类别进行管控。菜品分类管理界面如下图5-14所示。
图5-14菜品分类管理界面图
后台管理人员是可以对餐饮点餐小程序内的菜品分享信息以及评论信息进行管控的。菜品分享管理界面如下图5-15所示。
图5-15 菜品分享管理界面图
5.2.6 资源管理界面
后台管理人员在资源管理模块是可以对餐饮资讯以及资讯分类的分类进行增删改查操作。餐饮资讯界面如下图5-16所示。
图5-16餐饮资讯管理界面图
">