购物商城系统设计与实现总结_登录功能的实现

用户只有登陆系统后才能使用全部功能，例如购物车和个人订单，否则点击这些功能都会跳转到登录页面。登陆页面填写信息有误时，都会显示错误提示，可以点击重置按钮，将输入框置空重新输入。若没有账号，可点击左下角提示文字跳转到注册页面进行注册。登陆成功后会弹出提示框提示成功。

 

       登陆页面中，用户名和密码的输入格式判断和注册页方式相同，如果输入有错误，则显示提示信息在对应输入框下，并将输入内容清空。

       如果输入格式无误，则根据输入的用户名，进行请求，查找数据库对应信息表，返回输入用户名对应的信息。若返回为空，则说明未查找到与输入用户名相同的用户信息，提示用户名为空。若返回不为空，比对返回的密码和输入的密码是否相同，不同则密码错误，相同则登陆成功。

 登陆成功时，利用父子组件传值，使用 $emit 触发父组件home 的事件islogin, 并通过sessionStorage保存用户名作为路由切换时，登陆状态的判断，因为某些页面需要登录才开放进入权限。存储的用户名在用户点击查看购物车、订单、个人信息等页面信息时，也可以利用其查询对应信息。