2017-02-17 5 views
8

Próbuję utworzyć prosty układ przy użyciu CoffeeScript, NodeJS i expressJS. Mój skrypt Kawa jestnodejs Zobacz nie renderowanie w layoucie

routes.coffee Mam przemianowany folderu trasy do aplikacji i mój plik routes.coffee jest tam w folderze uwierzytelniania tj apps\authentication\routes.coffee

routes = (app) -> 
    app.get "/login", (req , res) -> 
    res.render "#{__dirname}/views/login", 
     title: 'Login', 
     stylesheet: 'login' 
module.exports = routes 

Logowanie Zobacz Mam przemianowany folderze tras do aplikacji i moim zdaniem tam logowania uwierzytelniania w folderze IE apps\authentication\views\login.jade

extends ../../../views/layout 

block content 
form(action='/sessions', method='post') 
    label 
     | Username 
     input(type='text', name='user') 
    label 
     | Password 
     input(type='password', name='password') 
    input(type='submit', name='Submit') 

Layout.jade Ten plik znajduje się w domyślnym folderze widoków. Używam domyślny układ

doctype 
html 
    head 
    title= title 
    body 
    #content 
     h1= title 
     block content 

    != body 

app.js

require('coffee-script').register(); 
var express = require('express'); 
var path = require('path'); 
var favicon = require('serve-favicon'); 
var logger = require('morgan'); 
var cookieParser = require('cookie-parser'); 
var bodyParser = require('body-parser'); 

//var index = require('./routes/index'); 
//var users = require('./routes/users'); 

var app = express(); 

// view engine setup 
// app.set('views', path.join(__dirname, 'views')); 
app.set('view engine', 'jade'); 
// app.set('view options', { layout: 'views/layout' }); 
// uncomment after placing your favicon in /public 
app.use(favicon(path.join(__dirname, '/public', 'favicon.ico'))); 
app.use(logger('dev')); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ extended: false })); 
app.use(cookieParser()); 
app.use(express.static(path.join(__dirname, '/public'))); 
// app.use(express.static('public')); 
app.set('view options', { 
    layout: false 
}); 
//app.use('/', index); 
//app.use('/users', users); 

require('./apps/authentication/routes')(app); 

// catch 404 and forward to error handler 
app.use(function(req, res, next) { 
    var err = new Error('Not Found'); 
    err.status = 404; 
    next(err); 
}); 

// error handler 
app.use(function(err, req, res, next) { 
    // set locals, only providing error in development 
    res.locals.message = err.message; 
    res.locals.error = req.app.get('env') === 'development' ? err : {}; 

    // render the error page 
    res.status(err.status || 500); 
    res.render('error'); 
}); 

module.exports = app; 

Stworzyłem dwie zmienne title i stylesheet w routes.coffee Jednak gdy próbuję wdrożyć te zmienne w layout.jade czyli tytuł, ja dostać undefined jako tytuł w nagłówku.

Czy ktoś może pomóc?

Dzięki.

+0

Znaleźliście źródło problemu? Ponieważ staram się odzwierciedlić tę sytuację i nie napotykam twojego problemu .. – piotrbienias

+0

Nie, jestem na tym samym poziomie. – Aqdas

+0

Hej @Aqdas, czy masz jakieś ślady lub błędy w konsoli? – Lissy

Odpowiedz

1

Myślę, że nie użyłeś wcięcia poprawnie. W loginu Zobacz to:

extends ../../../views/layout 

block content 
form(action='/sessions', method='post') 
    label 
     | Username 
     input(type='text', name='user') 
    label 
     | Password 
     input(type='password', name='password') 
    input(type='submit', name='Submit') 

powinno być:

extends ../../../views/layout 
block content 
    form(action='/sessions', method='post') 
    label 
     | Username 
     input(type='text', name='user') 
    label 
     | Password 
     input(type='password', name='password') 
    input(type='submit', name='Submit') 
+0

Dzięki @Geethu. – Aqdas

+0

Przyjemność @Aqdas –