0
ログインページとダッシュボードページが1つのバックボーンアプリケーションを作成しようとしていますので、2つのルートを持つルーターを作成しました。ページを見ることができません。コンソールにエラーは表示されていません
ログイン後、私はダッシュボードページ
にリダイレクトしています。しかし、私は、インデックスファイルを実行すると、私は全く何も見てないです。 コンソールにもエラーは表示されません。
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>
あなたのhtmlファイルに構文エラーがあります： '<スクリプトsrcは= "スクリプト/ main.js"' 'である必要があります。' –
私はそれでもなお何の違いもないことを修正しました。 –