您现在的位置是:网站首页> 编程资料编程资料
Node.js实现登陆注册功能_node.js_
2023-05-24
430人已围观
简介 Node.js实现登陆注册功能_node.js_
本文实例为大家分享了Node.js实现登陆注册的具体代码,供大家参考,具体内容如下
1.服务器端
在项目里创建一个json文件用来存储数据,通过express创建服务器对象,fs模块对文件进行读写。
运用post请求
代码如下:
var express = require('express') var fs = require("fs") var app = express() app.use(express.static("www")) app.use(express.urlencoded({extended:false})) // 先获取user.json里面的数据和req.body进行对比 fs.readFile("./user.json",function(err,data){ if (err) { userArr = [] }else{ userArr = JSON.parse(data) } }) app.post("/zhuce",function(req,res,next){ // 输入框要验证的数据判断机制: // 可以把正则表达式判断放在前端:用户体验好,判断快 // 也可以把正则表达式判断放在后端:判断相对安全,判断慢 // console.log(req.body); var u = req.body.v1 var p = req.body.v2 var isZhuce = userArr.some(function(v,i,a){ return v.user === u }) if (isZhuce) { res.json({ code:201, shibai:"该账号已注册" }) }else{ userArr.push({user:`${req.body.v1}`,psw:`${req.body.v2}`}) fs.writeFile("./user.json",JSON.stringify(userArr),function(){ res.json({ code:200, chenggong:"index2.html" }) }) } }) app.post("/denglu",function(req,res,next){ var deng = userArr.findIndex(function(v,i,a){ return v.user === req.body.v1 }) console.log(deng); if (deng != -1) { if (userArr[deng].psw === req.body.v2) { res.json({ code:251, mima:"登录成功" }) }else{ res.json({ code:252, mima:"密码错误" }) } }else{ res.json({ code:250, mima:"该账号未注册" }) } }) app.listen(3000,function(){ console.log("run"); })2.注册页面
在前端发送post请求传送数据,代码如下:
注册界面
3.登录页面
依然使用post请求
Document
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
您可能感兴趣的文章:
相关内容
- React配置多个代理实现数据请求返回问题_React_
- 解析Javascript设计模式Revealing Module 揭示模式单例模式_JavaScript_
- vue子组件通过.sync修饰符修改props属性方式_vue.js_
- 详解Vue 2中的 initState 状态初始化_vue.js_
- vue弹窗父子组件调用问题示例详解_vue.js_
- vue中img或元素背景图片无法显示或路径错误的解决_vue.js_
- JavaScript实现表单验证案例_javascript技巧_
- 微信小程序开发WXML模板语法基础教程_javascript技巧_
- vue.js引用背景图background无效的3种解决方案_vue.js_
- Vue keepAlive实现不同的路由共用一个组件component的缓存问题(推荐)_vue.js_
