实现目标:默认起始页面时登录页面,输入账号密码,如果没有此账号那么跳到注册页面,注册成功后进入个人页面。登录时,如果账号密码不匹配,那么跳到错误页面,三秒后跳到登录页面。
我们还需要保证如果用户没有登录,那么就不能进入个人页面(通过url)。简单使用express mongoDB.
实现效果图:
此时数据库里面没有任何数据,那么就不会匹配成功,会跳转到注册页面。
点击注册,那么会跳转到个人页面。
个人页面 welcome 用户
在数据库里面多了一个用户admin
浏览器cookie里面设置了username
假设我们将cookie删除,那么我们进入main.html(个人页面) 会发什么。没错就会跳到登录页面。
我想你大概知道怎么做了吧。
登录时,我们用前端返回的username,password去数据库里面查询,如果匹配成功那么就设置cookie的username,然后跳到个人页面,如果没有此账号那么就跳到注册页面,如果匹配失败,那么就会跳到失败页面
注册时,注册成功后,我们就设置cookie 然后跳到个人页面(注意我们这里没有对账号的唯一性进行检测)
看一下demo的结构