论文-餐饮管理系统(16)

5.2 系统主要功能模块的设计和实现 5.2.1 登录模块

用户登录界面主要分为四部分，分别为账号输入框、密码输入框、验证码以及登录按钮。首先，当用户输入相关信息后，程序会对其输入信息进行校验，判断其值是否为空，如果输入值为空，弹出提示窗口，返回false；其次，如果输入值无误，程序会率先判断验证码是否输入正确，如果验证码是正确的，则以账号与密码作为查询条件，调用后台登录接口API在数据库中进行搜索，如果有返回数据则跳转到主页面，并且将相关登录信息存储在localStorage中；反之，给出相应提示，如登录名或密码输入错误等。登陆界面如图5-1所示。

图5-1 登陆界面

5.2.2 注册模块

在用户登录界面点击注册按钮，即可通过3D旋转效果进入注册模块，注册模块主要分为四部分（注册帐号输入框、密码输入框、密码确认输入框以及注册按钮），与登录模块相似，首先程序会对输入信息进行验证，其次判断两次密码输入是否一致，如果确认无误，系统调用注册接口API通过post请求将相关数据写入数据库，并将相关信息存储在本地，最后跳转进入主界面。注册界面如图5-2所示。

图5-2 注册界面

5.2.3 系统主界面

通过登录界面进入到主界面，首先从本地存储中获取数据，包括用户姓名、头像路径、用户权限，并通过用户权限值判定是否开放员工管理、账单查询以及菜单管理权限，其次向后端发送请求，获取桌台相关信息，与此同时，加载天气预报模块并绘制登录时间，系统主界面如图5-3所示。