Jade - Загрузка шаблонов из разных каталогов
Я пытаюсь работать с файлами Peepcode Node.js Full Stack, и кажется, что они используют более старую версию express/jade. Не упоминается использование блоков/расширений для рендеринга макетов.
Настройка, используемая в приложении, должна иметь файл /views/layout.jade, который загружается для всех под-приложений. Представления суб-приложений расположены в представлениях /apps//.
Мой server.js кажется довольно стандартным. Express - версия 3.0.0rc1
require('coffee-script');
var express = require('express')
, http = require('http')
, path = require('path');
var app = express();
app.configure(function(){
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'jade');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));
});
app.configure('development', function(){
app.use(express.errorHandler());
});
require('./apps/authentication/routes')(app)
http.createServer(app).listen(app.get('port'), function(){
console.log("Express server listening on port " + app.get('port'));
});
Мой файл маршрутов для суб-приложения находится в /apps/authentication/routes
routes.coffee
routes = (app) ->
app.get "/login", (req,res) ->
res.render "#{__dirname}/views/login",
title: "Login"
stylesheet: 'login'
module.exports = routes
Представление, которое я намереваюсь сделать для этого.
login.jade
extends 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')
И наконец макет.
doctype 5
html
head
title= title
link(rel='stylesheet', href='/stylesheets/#{stylesheet}.css')
body
block content
Переход на localhost: 3000/login делает это:
Экспресс
500 Ошибка:/Users/StevenNunez/code/HotPie/apps/authentication/views/login.jade:1 > 1 | расширяет макет 2 | 3 | блочное содержимое 4 | form (action = '/sessions', method = 'post') ENOENT, нет такого файла или каталога '/Users/StevenNunez/code/HotPie/apps/authentication/views/layout.jade'
Моя структура папок:
.
├── '
├── apps
│ └── authentication
│ ├── routes.coffee
│ └── views
│ └── login.jade
├── package.json
├── public
├── server.js
└── views
├── index.jade
└── layout.jade
Спасибо за ваше время.
Ответы
Ответ 1
Похоже, мне пришлось просто указать относительный путь в вызове extends
.
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')
Мне не нужно было устанавливать app.set('view options',{layout:false});
Ответ 2
Вы можете использовать переменную __dirname
для подключения представлений из других каталогов.
Пример:
app.get('/otherurl/' , function(req, res){
res.render(__dirname + '/../other_project/views/index')
});
Ответ 3
Вы пытаетесь использовать два метода рендеринга...
Первый макет, который расширяет макет, а второй - блочное содержимое.
При использовании макета вы автоматически расширяете файл макета в папке login.jade
.
Нет необходимости использовать extends
, и вы не можете использовать предложение block
, но если вы хотите использовать extends
, вам нужно отключить макет.
Добавьте это в приложение:
app.set('view options',{layout:false});
после
app.set('view engine', 'jade');
и расширьте файлы, такие как layout extends:
layout.jade
doctype 5
html
head
title= title
link(rel='stylesheet', href='/stylesheets/#{stylesheet}.css')
body
block content
login.jade
extends 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')
Файл входа должен находиться в том же каталоге. Если вы хотите вызвать другой макет, вы можете использовать dir следующим образом:
appDirectory
views
layout
otherViews
login
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')