Drupal8学习之路--官网文档碎碎记--主题篇

主要记录一些琐碎的知识点。

1.“In Drupal 8 drupal_add_css()drupal_add_js() and drupal_add_library()were removed in favor of #attached

  在Drupal8中,drupal_add_css(), drupal_add_js(), 和drupal_add_library()被去除了。只支持以#attached的方式来附加css或者js。

2.PHP向js传递变量(drupalSettings)

  1)*.libraries.yml文件:

cuddly-slider:
  version: 1.x
  js:
    js/click.js: {}
  dependencies:
    - core/jquery
    - core/drupalSettings

 

  2)*.theme文件:

function fluffiness_page_attachments_alter(&$page) {
  $page['#attached']['library'][] = 'fluffiness/cuddly-slider';
  $page['#attached']['drupalSettings']['fluffiness']['cuddlySlider']['foo'] = 'bar';
}

  3)

$(function(){
 console.log('the value is '+drupalSettings.fluffiness.cuddlySlider.foo);
})

 

3.在Twig模板中可以直接使用的函数:

  Functions - In Twig Templates

4.移除了theme()函数。

  

<?php
// Before - passing a string of rendered HTML to the template.
$variables['table'] = theme('table', array('header' => $header, 'rows' => $rows));
// After - passing a render array to the template.
$variables['table'] = array(
  '#theme' => 'table',
  '#header' => $header,
  '#rows' => $rows,
);
?>

 5.为指定页面添加css/js库:

function fluffiness_preprocess_page(&$variables) {
  $route = "entity.node.preview";
  if (\Drupal::routeMatch()->getRouteName() === $route) {
    $variables['#attached']['library'][] = 'fluffiness/node-preview';
  }
}

 6.为指定的*.html.twig模板增加库

{{ attach_library('fluffiness/cuddly-slider') }}
<div>Some fluffy markup {{ message }}</div>

 

转载于:https://www.cnblogs.com/zjfblog/p/8434492.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值