無法看到該頁面。沒有錯誤顯示在控制檯

我想創建一個擁有登錄頁面和一個儀表板頁面的骨幹應用程序，稱爲家庭，所以我創建了具有兩條路線的路由器。無法看到該頁面。沒有錯誤顯示在控制檯

登錄後，我重定向到儀表板頁面

但我沒有看到任何東西，當我運行索引文件。在控制檯中也沒有顯示錯誤。

var AppRoute = Backbone.Router.extend({ 
 

 
    routes: { 
 
    "":  "login", // #search/kiwis 
 
    "home": "home" 
 
    }, 
 

 
    login: function(){ 
 
    \t var loginTemplate = _.template($('#loginPage_template').html()); 
 
\t $('#htmlBodyContent').html(loginTemplate({})); 
 
\t $('#somlogin').click(function(e) { 
 
    var loginData= {}; 
 
\t loginData.userName=document.getElementById('userName').value; 
 
\t loginData.password=document.getElementById('password').value; 
 
\t console.log(loginData); 
 
\t if(loginData.userName==='admin' && loginData.password==='admin'){ 
 
\t \t console.log("login successfull") 
 
\t \t \t window.location.hash="#home"; \t 
 
\t }else{ 
 
\t \t console.log("do not match") 
 
\t } 
 

 

 
}) 
 
    } 
 

 
    home: function() { 
 
    console.log("welcom to home") 
 
    } 
 

 
}); 
 

 
var router = new Router(); 
 
\t \t Backbone.history.start();

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <meta charset="utf-8"> 
 
\t <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
\t <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"> 
 
\t <link rel="stylesheet" href="style.css"> 
 

 
</head> 
 
<body> 
 

 
     <div id="htmlBodyContent"> 
 

 
\t \t </div> 
 
<script type="text/template" id="loginPage_template"> 
 
<div class="container"> 
 
\t 
 
\t <form class="login"> 
 
\t <h6>dawai<h6> 
 
\t <input type="userName" class="form-control" id="userName" name="userName"> 
 
\t 
 
\t <input type="password" class="form-control" id="password" name="password"> 
 
\t <br> 
 
\t <button type="button" class="btn-sm" id="loginBtn" >login</button> 
 

 
\t </form> 
 

 

 
</div> 
 
</script> 
 

 

 
<script src="bower_components/jquery/dist/jquery.js"></script> 
 
<script src="bower_components/underscore/underscore.js"></script> 
 
<script src="bower_components/backbone/backbone.js"></script> 
 
<script src="scripts/main.js"</script> 
 

 

 

 

 
\t 
 
</body> 
 
</html>

來源

2017-10-07 Humble Dolt

你有一個語法錯誤在你的HTML文件：'' –

我已修復，但仍然沒有任何區別。 –

我看你用window.location導航應用程序，這就是問題所在。您需要使用骨幹路由器API瀏覽：

login: function() { 
    //... 
    this.navigate('home', {trigger: true}); 
    //... 
}

來源

2017-10-08 03:39:29 Khang

無法看到該頁面。沒有錯誤顯示在控制檯

回答

相關問題