Drupal 8 模块开发 9.6 : 实验室

Drupal8模块开发

原文地址:
https://docs.acquia.com/articles/drupal-8-theme-lab  
 

总结

Drupal 这些年改了很多,在很多情况下它支持新旧系统。虽然 Drupal 8 主题部分改进了很多,但并没有像其他部分那样改的很彻底。所以同时关注新的和一贯的方式很重要,不要只关注新的替代方案。  

完整步骤

  1. 创建新模块 theme_example
  2. 拷贝代码到 theme_example.info.yml
  3. 拷贝代码到 theme_example.routing.yml
  4. 拷贝代码到 src/Controller/ThemeExampleController.php
  5. 创建插件 src/Element/MyElement.php
  6. 拷贝代码到 theme_example.module
  7. 创建 Twig 模板 templates/my-element.html.twig
  8. 创建 theme_example.libraries.yml 和追加 sample_library
  9. 拷贝代码到 theme_example/css/example.css
  10. 更新控制器 src/Controller/ThemeExampleController.php
  11. 拷贝代码到 theme_example/js/example.js
  12. 查看例子页面 /examples/theme-example/simple
  13. 激活 Twig debugging
  14. 激活 Devel 和 Kint 模块
  15. 研究产生页面中的调试信息
  16. 在 Twig 模板中增加 kint() 调试函数

额外练习

  • 在 Twig 模板中增加 HTML 和 Css 改善页面外观
  • 增加其他 三个变量,注入到模板,在模板中使用他们
  • 至少用一个 filter 和一个 function 改变一个变量
  • 使用转义忽略上面你定义的第二个变量

 

添加新评论