太原网站优化方案_手机商城系统开发_绍兴seo管理_网站的开发是使用什么技术

当进入餐饮点餐小程序的时候，首先映入眼帘的是系统的导航栏，导航栏上面是轮播图以及餐饮资讯，其主界面展示如下图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-12所示。

用户管理关键代码如下：

@TableName("user_group")

@Data

@EqualsAndHashCode(callSuper = false)

public class UserGroup implements Serializable {

private static final long serialVersionUID = 968356951391304707L;

}

后台管理人员对餐饮点餐小程序内的不同菜品信息的分类下的美食菜品信息进行维护和管理的，菜品信息管理界面如下图5-13所示。

图5-13菜品信息管理界面图

后台管理人员是可以对餐饮点餐小程序内的菜品分享信息以及评论信息进行管控的。菜品分享管理界面如下图5-15所示。

图5-15 菜品分享管理界面图