使用外部模块继承Jade模板的好策略,在Express上
A good strategy for Jade template inheritance with external modules, on Express
我正在开发一个框架,开发人员可以在该框架中在外部模块中实现子模板。稍后我想将该模板包含在父模板中。
以下是一个基本的模板模式:
─任务(父模板)
├─成功任务(子模板)
├─失败的任务(子模板)
└─游戏任务(子模板)
每个人的父模板都是一样的。子模板由贡献者实现,并始终显示在不同的时刻(任务状态)。
我在一个模板文件中尝试了两种方法。
实现"块"模式:
block mission_play
h2 Hello world!
p Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
block mission_succeed
h2 Congratulations!
p You won buddy!
block mission_failed
h2 Oh my gosh, dude, you did something realy bad
p You should try again
这个不起作用,因为我没有任何extend layout
指令(我不能使用它,因为每个子模板都是外部模块)有没有办法手动向玉石指示哪个模板延伸
在mixin:中实现每个子模板
mixin mission_introduction(mission)
h2 Hello world!
p Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
mixin mission_succeed(mission)
h2 Congratulations!
p You win buddy!
mixin mission_failed(mission)
h2 Oh my gosh dude, you did something realy bad
p You should try again
我本来打算将该模板包含在其父模板中,但Jade不允许在include的路径中使用表达式。这就是为什么我试图直接在母玉模板中解释玉代码,但我没有找到如何解释。我甚至尝试将它包含在partial
函数中,但我可以在不禁用Express中默认视图继承策略的情况下使用该模块。
那么我错在哪里了?对于这位建筑之王来说,最好的策略是什么
干杯!
我终于找到了一个好策略:
case mission.state
when "game"
block mission_introduction
h2 Hello world!
p Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
when "succeed"
block mission_succeed
h2 Congratulations!
p You win buddy!
when "failed"
block mission_failed
h2 Oh my gosh dude, you did something realy bad
p You should try again
干杯!
相关文章:
- 使用Express捕获参数
- 从模块内部访问Express装载路径
- 在Nodejs中Express输入DEBUG=app时权限被拒绝/bin
- 内容安全策略:页面's设置阻止加载资源
- 如何使用Node/Express显示有关特定错误的自定义html页面
- 发送json对象或使用express路由呈现视图
- renderReact/Rect Router+Node/Express.js的服务器端/同构渲染中未定义renderP
- 为什么不't Express呈现我的React应用程序
- Express服务器中语言子域的最佳实践
- 为什么不是'我的函数在解析云代码中工作吗?当我在Angular和Express中测试时,它是有效的
- 导致内容安全策略(CSP)冲突错误的本地jquery.js文件
- Nodejs和express路由,如何处理客户端的承诺
- node.js和express中的异常处理
- 什么'在Express中路由时,应用程序级中间件和路由器级中间件之间的区别是什么
- 如何在不重新加载的情况下提交表单,并使用Node+Express将数据传递回同一页面
- Express.js:在用户发帖时获取用户的引荐来源网址
- 使用外部模块继承Jade模板的好策略,在Express上
- Express+PassportJs:为什么我们需要在passport策略中延迟process.nextTick()方法
- 需要有关如何在Express中实际使用Passport身份验证策略的帮助
- Express.js Passport身份验证自动失败跳过策略