Nodejs实现用户注册功能

一创建连接池对象

2导出连接池对象

/** * 1.引入关系型数据库模块* 2.创建连接池对象* 3.导出连接池对象*/const MySQL=require(' MySQL ')；var池=MySQL。创建池({ host : ' localhost '，port:'3306 '，user:'xxx '，password:'xxx '，database:'xxx '，connection limit :20 })；module.exports=池一托管静态资源到公众的

2使用正文分析器中间件

3使用路由器挂在到指定的位置

//引入表达模块const express=require(' express ')；//引入路由器const userRouter=require(' ./路由/用户。js’)；const productRouter=require(' ./路线/产品。js’)；const myproRouter=require(' ./routes/mypro。js '；const DermOut=require(' ./路线/演示。js’)；const body parser=require(' body-parser ')；//创建网服务器var server=express()；//监听端口服务器。听(8080)；//托管静态资源服务器。使用(快递。静态(' public ')；服务器。使用(快递。静态(Ajax演示’)；服务器。使用(快递。静态(' mypro ')；服务器。使用(快递。静态(' js ')；服务器。使用(快递。静态(' CSS ')；服务器。使用(快递。静态(' bootstrap ')；服务器。使用(快递。静态(' img ')；//使用正文分析器中间件服务器。使用(BodyParser。URL编码({扩展： false })；//挂载路由器server.use('/user '，用户路由器)；server.use('/demo '，Dermouter)；一引入连接池模块

2创建路由器对象

3往路由器中添加路由

四在路由中使用连接池

5导出路由器

/* 1.引入快递2。创建路由器对象3.添加路由4.导出路由器5.引入连接池对象6.将数据插入到数据库中*/const express=require(' express ')；const pool=require('./pool。js’)；定义变量路由器快递.路由器();//查看所有数据router.get('/sele '，(req，res)={ //验证数据是否为空var obj=req . query//console . log(' query '，obj)；for(obj中的定义变量键){ if(！obj[key]) { res.send('数据不能为空');返回；} } var sqlselect='从xxx中选择* ';pool.query(sqlselect)，(err，result)={ if(err)throw err；if(结果。长度0){ RES . send(结果)；} });});//查看用户名路由器。get('/seluname '，(req，res)={ //验证数据是否为空var obj=req . query//console . log(' query '，obj)；for(obj中的定义变量键){ if(！obj[key]) { res.send('数据不能为空');返回；} } var sqlselect='从xxx中选择uname，其中uname=？”；pool.query(sqlselect，[obj.uname]，(err，result)={ if(err)throw err；if(结果。长度0){控制台。日志(结果。第十)；RES . send(' 1 ')；} else { RES . send(' 0 ')；} });});router.post('/reg '，(req，RES)={ var obj=req。身体；console.log('body '，obj)；for(obj中的定义变量键){ if(！obj[key]){ res.send('内容不能为空');返回；} } var selectInsert='插入到xxx集中？'；游泳池。查询(selectionset，[obj]，(err，result)={ if(err)throw err；if(结果。effect load ws 0){控制台。日志(结果。effectedrows)RES . send(' 1 ')；} else { RES . send(' 0 ')；控制台。日志(结果。effecterows)} })；});//导出路由器module.exports=路由器；4.html页面

！doctype html html head meta charset=' UTF-8 '标题文档/标题！- link rel='样式表'类型=' text/CSS ' href='/code。CSS '/-脚本src=' http :/reg。js '类型=' text/JAVAScript ' charset=' utf-8 '/script script src=' http :/jquery。量滴js '类型=' text/JavaScript ' charset=' utf-8 '/script script src=' http 3360/bootstrap。量滴js '类型=' padd : 0；}正文{ background: url(/true.png)无重复；背景尺寸：封面；溢出-x:隐藏；溢出-y:隐藏；} # box { width: 700px高度： 500像素；左侧： 50%;前：名50%；左边距：-350像素；边距-top :-250 px；绝对位置：}/style/head body div id=' box ' div class=' container ' div class=' row clear fix ' div class=' col-MD-10 col ' form class=' form-horizontal ' role=' form ' div class=' form-group ' label for=' input temail 3 ' class=' col-sm-2 control-label ' username :/label div id=' uname _ box ' class=' col-sm-6 ' input id=' uname ' name=' uname ' type=' text ' class/div div id=' P3 '/div/div class=' form-group '标签为=' inputpassword 3 ' class=' col-sm-2 control-label ' email :/label div class=' col-sm-6 '输入id='email '名称='电子邮件'类型='text' class='form-control '占位符='请输入用户电子邮件/div id=' P4 '/div/div class='表单组'标签为=' inputpassword 3 ' class=' col '前端验证以及埃阿斯异步交互实现用户注册

窗户。onload=function(){ uname。onfocus=NotNulluname。on bulr=NotNullupwd.onfocus=notNullupwd。on bulr=NotNullupwd1.onfocus=notNullupwd 1。on bulr=NotNullemail.onfocus=notNullemail。on bulr=NOtNullphone.onfocus=notNullphone。on bulr=NOtNullupwd.onfocus=passwupwd。on bulr=passwupwd1.onfocus=passwupwd 1。on bulr=passw//声明一个全局的xhr var xhr=new XMLHttpRequest()；定义变量标志=真；//验证是否为空并且用户名是否已经存在函数notNull() { if(！uname.value) { p1.innerHTML='用户名不能为空；返回；} else { P1 . innerhtml=getUname()；} if(！upwd.value) { p2.innerHTML='密码不能为空；返回；} else { p2.innerHTML=} if(！upwd1.value) { p3.innerHTML='确认密码不能为空；返回；} else { p3.innerHTML=} if(！email.value) { p4.innerHTML='邮箱不能为空；返回；} else { p4.innerHTML=} if(！phone.value) { p5.innerHTML='手机号不能为空；返回；} else { p5.innerHTML=} } //验证用户名是否已存在函数getUname(){ xhr。onreadystatechange=function(){ if(xhr。readystate==4 xhr。status==200){ var result=xhr。responsetextconsole.log(结果);如果(结果==='1') { p1.innerHTML='用户名已存在；//如果用户名已存在，该按钮处于禁用状态reg.setAttribute('disabled '，' true ')；} else { P1 . innerhtml=reg . disabled=false } } } var URL='/demo/selename？uname=' uname . value xhr . open(' get '，url，true)；xhr。发送(null)；} //密码验证函数passw() { if(upwd.value！=upwd1.value) { p3.innerHTML='两次密码不一致；} } reg.onclick=function() { //查询所有用户信息xhr。onreadystatechange=function(){ if(xhr。readystate==4 xhr。status==200){ var result=xhr。responsetext控制台。日志(JSON。解析(结果))；} } var URL='/demo/sele '；xhr.open('get '，url，true)；xhr。发送(null)；//执行注册xhr。onreadystatechange=function(){ if(xhr。readystate==4 xhr。status==200){ var result=xhr。responsetextif(flag){ getUname()；如果(结果===' 1 '){警报('成功')；setTimeout(()={ location。href=' http://localhost :8080/log in _ user。html '；});} else { alert(' error ')；} } } } var str='/demo/reg '；xhr.open('post '，str，true)；xhr。setrequestheader(' Content-Type '，' application/x-www-form-URL编码')；var formdata=' uname=' uname。值“upwd=”upwd。值' email=' email。值'；xhr。发送(表单数据)；}}界面展示：

总结

以上所述是小编给大家介绍的开发实现用户注册功能，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！