如何解决在Keystone.js 4中动态创建菜单,需要重新启动服务器才能看到效果
我有一个艺术网站:www.andreipetrov.com建立在Keystone 4和MongoDB上
菜单是从称为类别的列表中动态创建的。效果很好,但是,在编辑列表时,仅在重新引导服务器时更改输出的菜单。
这是我在routes文件夹中的index.js文件和我的哈巴狗模板
const keystone = require('keystone');
const middleware = require('./middleware');
const importRoutes = keystone.importer(__dirname);
var ArtCategory = keystone.list('ArtCategory');
var myCategory;
keystone.pre('render',middleware.theme);
keystone.pre('render',middleware.flashMessages);
keystone.set('404',function (req,res,next) {
middleware.theme(req,next);
res.status(404).render('errors/404');
});
// Load Routes
var routes = {
download: importRoutes('./download'),views: importRoutes('./views'),};
exports = module.exports = function (app) {
ArtCategory.model.find()
.sort('sortOrder')
.exec(function (err,category) {
if (err) {
return res.serverError(err,"Error loading current user's owned listings.");
}
myCategory = category;
});
keystone.pre('render',next) {
res.locals.navLinks = [];
myCategory.forEach(element => {
res.locals.navLinks.push({ label: element.name,key: element.key,href: '/works/' + element.key },)
});
console.log('navLinks',res.locals.navLinks)
res.locals.user = req.user;
res.locals.theUrl = req.url
//console.log('the req is ',req.url)
next();
});
// Views
app.get('/',routes.views.index);
app.get('/blog/:category?',routes.views.blog);
app.all('/blog/post/:post',routes.views.post);
app.get('/works/:category?',routes.views.work);
app.all('/contact',routes.views.contact);
// Downloads
app.get('/download/users',routes.download.users);
}
和我的模板哈巴狗文件
doctype html
html
head
link(rel='stylesheet',href='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css',integrity='sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T',crossorigin='anonymous')
Meta(charset="utf-8")
Meta(name="viewport",content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width")
title=title || 'Andrei Petrov'
link(rel="shortcut icon",href="/favicon.ico",type="image/x-icon")
link(href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700',rel='stylesheet')
block css
block head
body
if locals.section == 'home'
block content
else
nav.navbar.navbar-expand-sm.navbar-light.bg-light(style='position: fixed;left: 100;top: 0;width: 100%;z-index:1000;background: rgba(76,175,80,0.3)')
a.navbar-brand(href='#') Andrei Petrov
button.navbar-toggler(type='button',data-toggle='collapse',data-target='#navbarNavDropdown',aria-controls='navbarNavDropdown',aria-expanded='false',aria-label='Toggle navigation')
span.navbar-toggler-icon
#navbarNavDropdown.collapse.navbar-collapse
ul.navbar-nav
each link in navLinks
li.nav-item
a.nav-link(class=(theUrl.match(link.key)) ? 'active' : '',href=link.href)=link.label
.container-fluid.p-0
//- intro
block intro
//- messages
+flash-messages(messages)
//- content
block content
//- footer
script(src='https://code.jquery.com/jquery-3.4.1.min.js',integrity='sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=',crossorigin='anonymous')
script(src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js',integrity='sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1',crossorigin='anonymous')
script(src='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js',integrity='sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM',crossorigin='anonymous')
block page-js
```
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。