现在让我们用学过的知识,来做一个简单的登陆注册,前提是前面的几节内容都掌握了哦
思路:
用户注册:
1,输入用户名和密码,点击登陆
2,如果用户已注册提示用户已存在,第一次注册提示注册成功,其他不做验证
用户登陆:
1,输入用户名和密码,点击登陆
2,如果用户不存在做出相应提示,如果用户名或者密码输入错误做出相应提示,如果登陆成功,提示登陆成功
一,前端部分
在nodenote文件夹下创建www文件夹,用于存放user.html,因为需要交互所以额外引入一个ajax文件,创建一个index.js,用户写js逻辑代码
1,user.html代码
image.png
2,index.js注册部分
image.png
3.index.js登陆部分
image.png
二,后台部分
在nodenote文件夹下创建server.js
1,引入需要用到的模块,创建服务
image.png
2,接收数据完毕,在end中处理数据过程
image.png
写到这里,赶紧终于写好了,其实不然,这个时候你启动服务,输入localhost:8080,会报错,{ok:false,msg:'未知的act'}这是什么原因,原来是url有问题,我需要判断,可以打印处理url看一下,只有只想接口‘/user’的时候才能请求数据,而且页面用了ajax也需要用到服务环境,所以需要判断如果不是接口‘/user’,这个时候我应该在登陆页面,这里用到了fs的读取文件
image.png
好,现在大功告成,快去浏览器试试吧,
源码地址:https://gitee.com/itsmyturn/node-learn/tree/master/nodenote7
推荐给大家一个前端学习交流群747324453,不定期分享学习资料视频










网友评论