javascript - nodejs登錄系統(tǒng)控制靜態(tài)頁面跳轉(zhuǎn)
問題描述
要快速做一個演示系統(tǒng),由于后臺缺乏,想自己用nodejs搭建.雖然都是靜態(tài)頁面,但是要完成登錄功能(無需注冊,可以直接數(shù)據(jù)庫分配密碼),登錄之后才能跳轉(zhuǎn)到頁面首頁,若未登錄而直接輸入首頁路徑,則跳轉(zhuǎn)到登錄頁面.由于是小白不太會弄.請各位幫忙指引方向,怎么能快速完成
問題解答
回答1:你需要 koa and koa-router
回答2:可以使用express的session,然后寫一個checkLogin的方法對!req.session.user是否登錄進行判斷。然后再寫一份checkNoLogin的方法然后對req.session.user進行判斷。
回答3:html我就不給你寫了,基礎(chǔ)的表單內(nèi)容js的ajax請求:
$('#userLogin').click(function(){$.ajax({ url: '/login', type: 'GET', data: { username: $('#email-one').val(), // 用戶名和密碼 password: $('#password-one').val() }, success: function(data){ if(data.status==1){ window.location.href=’index.html’; // 請求成功后到你的主頁 }else{ alert(data.msg); } }, error: function(){ layer.msg(’訪問失敗’, hint); } }); });
下面的代碼如果看不懂的話,可以參考/a/11...
var express=require('express');var events = require(’events’);var app=express();var session=require('session');var path=require('path');var mysql=require('mysql');var dirname=__dirname;app.use(express.static(path.join(__dirname, ’project’)));app.get('/login',function(req,res){ // 連接數(shù)據(jù)庫 var connection=mysql.createConnection({host:'localhost',user:'root',password:'數(shù)據(jù)庫密碼',database:'node' }); connection.connect(); var sql='select * from user where username=’'+req.query.username+'’ and password=’'+req.query.password+'’'; connection.query(sql,function(err,result){if(err){ res.end('登陸失敗');}if(result.length==0){ res.json({status:0,msg:“用戶名或密碼不正確”});}else{ req.session.user=req.query.username; req.session.isLogin=true; res.json({status:1,msg:“登錄成功”});} }) connection.end();})app.listen(8081);
后面頁面的訪問必須有session信息,你可以在每個頁面向后臺發(fā)出請求。然后你用node檢測session內(nèi)容,ajax再做出動作。大概的思路的這樣,我也是小白,希望可以幫到你。
相關(guān)文章:
1. mysql優(yōu)化 - 關(guān)于mysql分區(qū)2. javascript - 循環(huán)嵌套多個promise應(yīng)該如何實現(xiàn)?3. 前端 - IE9 css兼容問題4. css - 移動端字體設(shè)置問題5. html5 - 如何實現(xiàn)帶陰影的不規(guī)則容器?6. vue.js - vue 打包后 nginx 服務(wù)端API請求跨域問題無法解決。7. javascript - ionic2 input autofocus 電腦成功,iOS手機鍵盤不彈出8. node.js - 在vuejs-templates/webpack中dev-server.js里為什么要exports readyPromise?9. css3 - rem布局下,用戶瀏覽器的最小字號是12px怎么辦?10. objective-c - iOS開發(fā)支付寶和微信支付完成為什么跳轉(zhuǎn)到了之前開發(fā)的一個app?
