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')