drupal建站案例_Drupal8 快速建站教程

news/2024/5/11 22:05:17/文章来源:https://blog.csdn.net/weixin_39622628/article/details/113024845

由于种种原因,项目需要使用 Drupal8 来进行开发,Drupal8 的中文资料又非常少,于是将这段时间的学习收获分享出来,若有错误欢迎指正。本教程针对初次接触 Drupal8 的开发者,并不涉及二次开发(因为我也不大会= =)

##Drupal 组成

##模块

前面提到 Drupal 仅仅提供了一系列底层功能,其他的功能都是通过模块来实现的,在安装 Drupal 的时候会自带一些实用的模块。另外需要模块的话可以直接在 Drupal 官网上搜索,在模块(扩展)选项中安装。

6ab1fb5f54ed0a57b76da4ee0a3779c4.png

##主题

样式以及 HTML 结构都是由主题定义的,在 Drupal 中的配置文件中可以打开调试模式,可以让我们清楚地看到一个页面的组成过程。

##区块

Drupal 中的页面是通过区域来呈现的,每一个页面中都拥有所有的区域。区域的数量、顺序和名称都是由主题定义的,只能够通过修改 yml 文件来修改,但是某些主题能够可视化地调整区块的顺序,这是通过 JavaScript 实现的,它的 HTML 源文件依然不会改变。

214cd4e59ae5ab14459311865b51e091.png

每个区域中都可以放置区块,区块可以自己定义,系统也会提供一些实用的区块(比如 main menu),用户也可以通过模块来生成区块(比如视图模块)。

172438da0caea1a69cdf2e12851dccef.png

区块可以设置仅对某些页面、某些人、某些语言可见,灵活地设置可见性就能够方便快捷地组合出多姿多彩的页面。

caab08d25d5f1d86b88f97505947da46.png

##视图

在 Drupal 建站,视图是主要的动态元素。Drupal 中视图的作用跟 SQL 中的 VIEW 作用类似,即自定义一个查询保存为视图,嵌在页面中日后可以直接调用。方便的是我们可以通过可视化的操作来定义这个查询。

###配置视图

首先选择数据的来源,相当于 FROM 子句,现在我们需要一个文章列表的区块,于是选择“内容”和“文章”。“用户”和“评论”也是日常使用可能用到的,至于其他的选项主要作用就是搭建管理员界面了。

84e43f2a6dd2896c023d9232c71f7ee0.png

0d62197364a85fcb62136dcd2a8f25b4.png

这是一个视图的设置界面,下面将介绍每个选项的作用。

db6b76e49e6dfc2ee11d892ff662981a.png

格式:选择查询结果的输出格式。“格子”指的是以类似表格的形式输出,行列均表示条目,可以自己设置行列数。“HTML列表”就是以 ul 标签或者 ol 标签加上 li 标签包裹。“表格”是以表格行社输出,表格中的行表示条目,列表示字段。“未格式化的HTML”是以 div 标签包裹,没有任何样式地排列。

76b7a06fa2d78c975fae33a682c545b8.png

字段:相当于 SELECT 的字段列表,既可以是系统字段也可以是用户字段,在样式设定中可以自定义字段的 HTML 标签。点击小箭头选择 Rerrange 可以调整字段的输出顺序。

过滤条件:相当于 WHERE 子句,仅输出符合条件的条目,既可以根据系统字段过滤,也可以根据用户字段过滤。点击小箭头,选择与/或关系调整还可以自定义过滤条件之间的与或关系。

51a5f1cb0d6dbe36d6d10743ac431fb1.png

排序标准:相当于 ORDER BY 子句,点击小箭头选择 Rerrange 可以调整各个条件的优先级。

区块设置:前文已经介绍过了,不再赘述。

页眉页脚:这里指的是区块的页眉和页脚,系统提供了一系列与页面或者查询相关的变量,请大家自行探索。

768b24df3d0210624458a3daa7c3234d.png

无任何结果时的行为:可以指定查询没有结果时的输出内容,提供的变量和页眉页脚相同。

分页器:可以指定分页器的形式,比如显示的页数、偏移量、文本等等。

更多链接:选择之后区块会创建一个“更多”的链接。

链接显示:指定“更多”链接的指向。

上下文过滤器:下文再做介绍。

关联:大概是相当于 JOIN,但是目前还不清楚有什么用。

暴露表单:在字段中可以设置将某个字段暴露给用户来自己选择,这个选项设置的是暴露字段的样式(比如下拉或者键入等等)。

机读名字:这个视图在数据库中的名字。

管理员备注:注释。

使用 AJAX:选择之后这个视图会通过 AJAX 来呈现。

隐藏摘要中的附件:不太清楚,有待研究。

上下文链接:选择这个视图是否显示上下文链接,以下就是上下文链接,上下文链接只有在管理员界面下才会有。

5f2dc9a8180830bbc8b2d3c735be8691.png

使用聚合器:当需要将这个视图作为 RSS 源的时候勾选。

查询设置:包含一些比较底层的查询设置。

缓存:选择缓存方式。

CSS 类:设置这个视图在 HTML 中的命名空间。

隐藏无输出内容的区块:字面意思。

###种子

选择右上角的下拉菜单可以将这个视图复制成各种其他形式。

9171fb720cc691fabfa822b907a7abdf.png

单独介绍一下“种子”,将视图复制为种子,这个视图的输出内容就会变为 xml 格式,就可以用于 AJAX 请求。种子的路径不同于页面,种子的路径中可以插入占位符。比如这样:

576668acb4ed6782c690c9ac36932b07.png

其中插入了一个“%”作为占位符,在上下文过滤器中可以为这个占位符赋予含义。

88ec0f0401716d239631dea94dc213ff.png

比如我这里将这个占位符设置为了“创建的年+月”,这样我就可以通过请求“/calendar/201705/seed”来获取 2017 年 5 月发布的所有文章的数据,之前设置的过滤条件、字段和排序标准在这里也都是适用的。

fc73952afea1b2ed23ba3abe02fc0434.png

路径中可以设置多个占位符,这些占位符与上下文过滤器按照顺序一一对应。

##分类术语

分类术语可以认为是一种特殊的数据类型,这种数据类型拥有树形结构。下面创建了一个简单的术语表。

7cec6f77001bdad8ebc9f4c54f5c37e3.png

利用术语表可以有效地对各种数据进行分类,比如文章和用户。将术语表用在文章上,就可以达到类似栏目和子栏目的效果。将术语表用在用户上,就可以达到用户组和子用户组的效果。

##菜单

在菜单页面可以创建各种菜单。

6c8308eb1df55631b572636eca03858e.png

以管理员菜单为例,菜单中的内容如图所示,结构与分类术语十分相似,用户可以在其中添加自定义的条目指向自定义的 URL。

4e95be0b203fe69f4f1b81d26b3a8753.png

其中的格式类似于术语表,将菜单的链接与术语节点的链接一一对应就可以实现栏目的效果。在区块页面中可以添加指定的菜单作为区块。

4479586b1ffdec72fff541c2ab8059b3.png

但是 Drupal8 自带的菜单有一个特性,它只会显示你所处栏目的子栏目,其他栏目都只有一级栏目,这一点是需要注意的。如果需要显示完整的子栏目可以使用 nice menu 模块。

##引入用户 css 和 js 文件

在所使用的主题的 libraries.yml 文件下新建一个库,假设我们的主题叫做 mysite,那么就是 mysite.libraries.yml,路径是相对路径。

custom_js_file:

version: 8.x-1.0

js:

scripts/main.js: {}

在 mysite.info.yml 中引入这个库

libraries:

- mysite/jquery

- mysite/custom_js_file

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_757337.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

php网站缩略图,如何使用PHP对网站进行缩略图截图?[关闭]

有很多开源项目可以生成网站截图和缩略图,可以从PHP调用。例如phantomjs、webkit2ping等这些项目的最大问题是,它们基于较旧的浏览器技术,并且在呈现许多站点时存在问题,尤其是在过去几个月/年中使用WebFonts、FlexBox、SVG和各种其他添加到HTML5和CSS规范中的站点。我尝试过一…

什么是最好的网站学习如何使用Linux系统?

其实不是很难使用Linux,由于有关系统的大量技术信息加上现在网上的信息鱼龙混杂,各种信息让我们分不清是真是假,您可能会被愚弄,但毕竟真的不是那么困难。为了给你一个开始,我会说一些你可能知道的一些事情&#xff0c…

Linux四条指令创建Hpptd网站服务

Linux快速创建Hpptd网站前言一、Hpptd网站服务是什么?二、操作步骤1.下载Hpptd2.开启Hpptd服务3.设置开机自启4.关闭防火墙5.创建一个网站主页6.查看主页ip,并本地浏览器访问7.修改主页内容插入图片前言 Linux模拟创建一个网站,通过本实例初…

华软html5本地存储作业,课程作业2-大一纯网页课程作业——垃圾分类网站设计...

“垃圾分类网”项目文档源码地址: https://download.csdn.net/download/weixin_41446786/12358553一、 项目概述1、 设计思路本次网页设计主题是以宣传垃圾分类为主题,因此秉着平台需要突出宣传垃圾分类、提高垃圾分类意识的想法,网页共分6个…

最新的seo需要学html,css还是php,有没有做seo的同学进来看下_html/css_WEB-ITnose

个人求租如果不是是哪些原因呢网站是 成都信息网,除了首页,其余发布信息的每页都提示静态页面上使用动态参数,会造成spider多次和重复抓取 .请高手帮忙解决下,谢谢回复讨论(解决方案)在HTML页面里有很多{$mymps_global.SiteUrl}这种全局变量的…

怎么向后台提交对象_网站文章不被收录该怎么解决

什么情况?网站更新的文章都不被收录了?自己原创的文章不收录了怎么办?网站收录是优化基础,连文章都不搜录,怎么优化关键词,怎么提升网站权重,如果一两篇没有收录,这个是正常的,如果更新的文章一直都不收…

动态网站的技术路线_旅游胜地不改变也是坐以待毙 旅游行业网站建设解决方案...

互联网的突飞猛进,改变了人们的生活习惯及消费方式,旅游行业的发展竞争已经从以前的线下转移到了线上,品牌宣传从人口相传发展到铺天盖地的互联网广告,即便是旅游胜地,如果不做出改变同样会遭受时代的抛弃,…

shell 分割文本_SEO优化实战小技巧:利用Shell语句一行命令快速分割文本

SEO优化实战小技巧系列开更咯!shell语句命令:split -2000 2jzs.txt 2jzs-2000 //分割条件行数2jzs.txt //文件名称2jzs //分割后前缀应用背景:适合文本快速分割!不知道大家是否有使用过类似百度主动推送工具适合用来大量推送url给…

seo从入门到精通_「SEO如何学习」SEO优化这个技术到底怎么学,多久才能入门?...

【SEO如何学习】SEO优化这个技术到底怎么学,多久才能入门?SEO如何学习,建议如下:1、理论知识学习主要是对这一行中某些术语的理解。例如,刚才提到了搜索引擎优化这个词。理论研究用词太多,如优化、外部链、网站排名、流…

php字体鼠标移上触发,html中在鼠标指针移动到元素上时触发的事件属性onmouseover...

实例当鼠标指针移动到图像上时执行一段 JavaScript:浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onmouseover 属性。定义和用法onmouseover 属性在鼠标指针移动到元素上时触发。注释:onmouseover 属性不适用以下元素:、、、、…

spring mvc 实现网站登录与非登录的控制

在我们的网站平台上,主要有两类页面,一类是非登录也能查看的页面,另一类是登录后才能查看的页面 通过使用 spring拦截器来实现,当用户没有登录时访问需要登录的页面时自动实现跳转至登录页 1、添加接口用于拦截器与控制器交互数据…

jsp为什么错误页面不跳转_为什么网站页面不收录,如何提高收录率?

当百度蜘蛛去爬行互联网上的每一个URL的时候,它是有一套完整的过滤机制,言外之意,并非是每一个URL都是编入百度的索引库。 它会根据目标网站的信任度,以及内容质量,外部链接结构等诸多因素去衡量。 那么,为…

敏捷开发流程的8个步骤_8个步骤快速构建WooCommerce B2C商城网站

建立一个完全自主可控的外贸B2C商城网站,有多种技术方案路径,其中wordpress woocommerce插件是目前最成熟,也是最易入手的方案,全球有超过20%的网上商城采用以上技术方案来构建。如果我们已经熟练使用wordpress了,那么…

模板建站和开发网站区别_定制营销型网站建设与模板建站相比的优势特点讲解...

网络时代,独立网站的开发与选择模板实现建站的企业数量不相上下,根据实际需求,选择建站的方式各不相同,但是这两者之间有何区别呢?随着互联网之风盛行,越来越多的中小企业建立了企业网站,做起了…

miniui页面移动的时候透明_移动端快速建站,你应该关注的5个指标

在2019年,移动端建站是一个重要的侧重点,这是不争的事实,随着PC端流量向移动端大量转移的过程中,它变得格外的重要。 因此,在做移动端快速建站的时候,我们除了要保持站点的搜索引擎友好,还需要重…

python爬虫实验(静态网页内容爬取):爬取中国工程院网站相关信息

实验内容:爬取中国工程院网页上的院士信息,把每位院士的简介保存为本地文本文件,把每位院士的照片保存为本地图片,文本文件和图片文件都以院士的姓名为主文件名。 #-*- codeing utf-8 -*- #Time :2021/5/20 8:54 #Author :Onion #File :Exp…

Vaadin在SEO中的冒险

TL; DR :Vaadin过去几乎对SEO不友好。 不再有新的伏尔加河图书馆。 为页面添加书签 书签与www本身一样古老。 能够保存URL是网站ADN的一部分。 关于网络应用程序,这有所不同。 例如,在电子商务Web应用程序中,为特定产品添加书签确…

推荐一个命名变量的神奇网站 CODELF

推荐一个命名变量的神奇网站 CODELF 在我们写程序的时候,总是需要去给各种变量命名。于是各种命名大法都上来了,有拼音的,有首字母缩写的,各种各样。而我们推荐的命名肯定是英文的驼峰命名。今天给大家推荐一个网站:h…

11个资源强大的网站!知乎超20万人强烈推荐,再也不怕资源难找

在我们日常工作学习中难免就需要在网站搜索资料,这时候一定需要一个能够帮你搜索一切你想要的资源,从而为你剩下一大半时间,那么今天为大家整理了11个超级好用的黑科技资源搜索网站,帮你解决因为上网找不到合适的资源而发愁&#…

新版Bintray网站发布Library到JCenter

本文介绍了Maven、JCenter、MavenCenter、JitPack、Bintray的概念以及如何在新版的Bintray网站上发布Library并提交到JCenter上 前言 由于Bintray网站增加了Organization的概念,所以我在发布Library的时候发现网上很多文章都已经过时了。网站样子发生了很大的变化…