用户登录

Drupal 8 会使用 navbar 代替 Drupal 7 上的 toolbar,这们就是在 Drupal 最上面显示的一个工具栏。 下面我们单独去安装一下 navbar 这个模块。

先禁用掉 toolbar

drush dis toolbar -y

然后再去安装一下 navbar

drush en navbar -y

回到管理后台,现在最上面显示的就是 navbar 这个模块提供的工具栏。 回到终端,再去提交一下:
git add .
git commit -m '安装 navbar'

要正常使用它还需要安装一些其它的 JavaScript 库,比如 Backbone , Undercore ,还有 Modernizr 。

在 报告,状态报告 这个页面上,会显示模块缺少的东西。

先打开 backbone 的官方网站,点击页面上的 Production Version,生产版本,也就是压缩之后的代码,体积会小很多。 选中所有的代码然后复制一下。

回到编辑器,在 sites/all 下面新建一个目录,命名为 libraries,这目录就是默认存储这些库文件的地方。在它下面再创建一个文件,这个文件放到 backbone 这个目录的下面,文件名是 backbone-min.js ,min 表示这是一个压缩以后的生产版本的 backbone 。

把复制的代码粘贴过来 .. 保存

然后再打开 underscore ,同样点击 Production Version ,复制代码,回到编辑器。 在 sites/all/libraries 下面去创建一个文件,先把它放到 underscore 这个目录的下面,文件名是 underscore-min.js 。保存 ..

最后再打开 modernizr,它是一个可以检查浏览器功能的类库,点击 Development,你可以选择想要的功能,默认这里勾选了所有的功能,再取消勾选一下 Don't Minify Source ,然后复制一下生产的代码。

回到编辑器,再到 libraries 目录下面创建一个文件,放到 modernizr 目录的下面,文件名是 modernizr-min.js ... 粘贴代码,然后再保存一下这个文件。

再回到 状态报告 这个页面,刷新一下。 提示 backbone 还有 modernizr 这两个库已经安装好了,还差一下 underscore,有可以是我拼写错了 .. 回到编辑器 ...

这里这个文件少了一个 s ,选中文件,按一下 m ,修改一下文件名 .. 再回到浏览器,刷新 ..

Navbar 需要的类库全部都有了。现在我们就可以正常使用 navbar 的功能了。

再回到终端,去提交一下修改,查看一下状态:

git status

显示 sites/all/libraries 没有被跟踪,在它的下面我们创建了几个目录分别存储不同的类库,先去提交一下 backbone ..

git add sites/all/libraries/backbone
git commit -m '添加库 backbone'

再去提交剩下的两个 ... 一个是 underscore :

git add sites/all/libraries/underscore
git commit -m '添加库 underscore'

还有就是 modernizr:

git add sites/all/libraries/modernizr
git commit -m '添加库 modernizr'

再查看一下:
git status

现在我们又有了一个干净的工作目录了,因为所有的修改都已经提交了。

http://backbonejs.org/
http://underscorejs.org/
http://modernizr.com/

Navbar:响应式管理工具栏《 创建宁皓网 #1:准备 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点