Wix代码数据库和数据建模

这篇文章是与合作伙伴创建维克斯 感谢您支持谁使SitePoint可能的合作伙伴。

其中的维克斯代码的很酷的功能是从它的内容分离您网站的设计和布局的能力。 您可以创建并在数据库中保持您的信息,那么这意味着有你的网页动态检索和显示以任何方式你喜欢这个信息。

让我们看一个深入了解的,您可以用维克斯代码数据库做什么,包括各种类型的信息,您可以存储,方法可以使用代码操作数据,以及如何动态地显示在您的网站的信息。

在本文中,我们将使用一所艺术学校,存储和显示有关的课程和教师信息的简化的例子。

该维克斯代码数据库

像所有的数据库中,维克斯代码数据库由单独的表,我们称之为收藏起来。 在我们的艺术学校(见下图)的例子,我们有两个集合,每一个课程和教师。

Wix代码数据库和数据建模

因为你需要与数据的近无休止的量填充他们,你可以尽可能多的收集创建。 一个强大的权限模型意味着您对谁可以访问您的信息,他们可以用它做的完全控制。

你可以在你的实时数据,这是你的访问者看到,当他们查看您的网页的信息直接工作。 你也可以用沙箱数据的工作,所以你可以尝试的东西出来,而不会影响您的生活网站。 您可以在任何时候他们之间的同步。

填充集合

您有您的填充集合几个选项。 您可以手动输入数据,直接在维克斯内容管理器,无论是您的Live数据或沙箱数据。

如果你是一个Excel高手,你可以在Excel(或任何电子表格程序你喜欢)所有的工作,节省您的表为CSV文件,然后将其导入到维克斯代码数据库。 事实上,你可以创建整个集合这种方式,架构和所有。 你可以导入到你的实时数据或沙箱数据。

您也可以将您的维克斯数据导出为CSV文件。 如果你一定要包括内置的ID系统领域,你将能够修改内容在电子表格中,然后使每个记录,或者我们所说的项目是什么更新其重新导入到你的维克斯代码数据库。

第三种选择是建立一个表单来捕捉用户输入并存储在数据库中。

使用外部数据库

如果你已经有了一个数据库的地方,你可能会想,你不想要重建它在维克斯。 好消息是,你不必。 只要你的数据库暴露了一个API,你可以从你的网站维克斯访问它。

对于简单的应用程序,你可以使用WiX的提取模块 -an执行标准的JavaScript API提取到与HTTP请求和使用,在您的维克斯网站的网页数据访问外部数据库。

您也可以与另一个维克斯模块中,威克斯提取模块WiX的路由器 ,可以让您控制传入请求的路由。 利用这两个模块的提供的功能,你可以创建搜索引擎友好的动态页面,显示这取决于所使用,以达到他们的URL不同的数据。

例如,您可以设计,可以通过您网站的所有成员可以使用单个会员资料页面。

使用威克斯路由器和威克斯取你可以写出来作为该个人资料页传入的请求提取信息的代码,查询外部数据库,检索页面的信息,然后再弹入数据到个人资料页面。 你甚至可以通过使用WiX的用户模块添加安全到您的网页。

所以,如果你创建一个用户更新他们的个人资料页的另一页,可以查看是谁试图访问它,只允许用户更新自己的配置文件。

数据钩

您可以添加挂钩使用您的收藏行为威克斯数据API

例如,在我们的教师收集,我们有两个不同的领域:一是名字和姓氏。 为了使我们的网页上显示的名字更容易,我们也希望有一个具有两个名字在一起的一个领域。 要做到这一点,我们可以添加一个beforeInsert钩到我们的教师集合挂接到插入操作,读取名和姓字段的内容,然后连接它们并填充全名字段。

造型您的数据

Wix代码数据库和数据建模

现在,我们已经介绍了数据库本身,让我们来谈谈在维克斯代码数据库建模数据。

集架构

像所有的数据库,每个集合有一个模式来定义它的领域。 所有标准字段类型的支持,包括文本,图像,布尔,号码,日期和时间,以及丰富的文本。

也有专门针对设计的URL字段类型。 它会自动格式化网址进入,您可以添加到您的页面可点击的链接。 例如,教师在学校可以提供其投资组合的网站的网址,你可以包括它们的动态网页上的链接。

您还可以使用文档字段类型来存储多种文件类型。 您可以让用户下载保存在您的收藏文件(如读取列出每门课程),或上传自己的文件。

ID字段和主字段

每个集合都有一个_ID场,这是该表的主键。 类别还具有主字段(由一个锁定图标表示),这是每个项目的显示键。

当您使用引用字段连接(见下节),该值来自主要领域。 基准本身使用过程中的_ID领域。 如果你打算使用的参考场,这是一个好主意,以确保您在主存储领域是独一无二的数据。

Wix代码数据库和数据建模

参考字段

参考字段创建在收集模式本身定义的集合之间的连接。 这类似于在关系数据库中的外键。

每个参考字段指向特定集合。 即在集合中的每个项目显示在参考字段中的值是从所引用的集合的主要字段的值取。

Wix代码数据库和数据建模

在我们的例子中,我们在我们的课程集合创建一个参考字段指向我们的教师收集,以便我们能够指出谁教的每个类。

参考字段的优点是三倍。 首先,他们帮助,因为它们的价值是从引用的集合直接采取维护数据的完整性。 第二,有利于消除重复数据,这是我们都知道的良好的数据库设计的敌人。 第三,当我们创建的页面布局,参考字段让我们引用的集合中获取信息,以及我们所使用的主要收藏。 这使我们能够创建主详细页面,如全部由每个老师教的课程列表。

从创建内容页

当然,存储和维护的数据是好的,但有一个网站的内容显示给游客的实际点。 因此,让我们谈谈与维克斯代码是如何工作的。

回到我们的艺术学校的例子。 我们有两种不同类型的信息:课程和教师。 所以,你可以通过设计一个页面布局以显示所有有关每个课程的信息开始。 这时,你可能想创建一个主从页面列出了所有的老师和他们教的课程的。

设置动态页面

当您在维克斯代码创建动态网页,首先要定义将控制哪些内容的页面可以显示的URL。 部分网址可以指定单个项目和其他人可以指定物品(如某一级别的所有课程)的整个范畴。

您从您的收藏选择一个场(或场)设置URL模式。 一个URL模式,你可以用它来显示你的每一个课程可能是https://开头... /课程/

。产生不同的页面每一次,字段是由该项目被检索标题的实际替换。所以一个课程页面的URL是https://开头... /课程/艺术史,和其他课程网页的网址是https://开头... /课程/介绍到绘画。

然后你设计的编辑页面布局,将页面上的不同元素和连接您要使用的那些来显示动态数据字段中输入您收藏。 您可以使用文本元素,图像,按钮,带,以及各种多项目元素,如中继器,表格和画廊。 如果你想要一些项目保持不变,如标题,只是不将它们连接起来。

下面的图片是什么我们的课程页面动态页面布局可能看起来像在编辑器的例子。 方括号表示这个内容是动态的。

Wix代码数据库和数据建模

实际的动态页面可能看起来像这些。

Wix代码数据库和数据建模

请注意这两个页面怎么有相同的布局。 然而,一些元素的内容已被替换大约从我们的数据库课程的信息。 页面背景也是每一页不同。 容器箱甚至自动放大,包括用于艺术史当然较大的过程的说明。

尤其注意如何名称和每门课程的老师的照片出现在页面上,即使关于每个教练的细节都存储在一个单独的集合约过程中的数据。 这是因为我们连课程和使用的参考场教师的集合,这给了我们获取信息有关特定的教师为每门课程。

最后,需要注意的网页网址怎么是唯一的每一页。 从本质上说,这些页面都是独一无二的。 而维克斯代码自动为我们创建它们。 如果我们添加新课程我们收集,将自动创建它的页面。

主详细页

另一个很酷的事情,你可以用维克斯代码要做的就是创建主详细页。 例如,你可以创建一个页面来充当列出了所有的老师在你的学校和课程的每一个教导的索引。 所以所显示的只有相关的课程,这需要通过他们的老师来自多个集合(课程和教师)中提取信息,然后过滤课程。

我们的数据库集合建立在多到一个结构; 每个老师都有他们教多门课程。 鉴于上述,我们显示的每个过程和他们的教师个人,现在我们正在采取相反的做法,并显示每个老师和所有的课程。

下面是用什么主详细信息的索引页可能看起来像使用中继器的样品。

Wix代码数据库和数据建模

由于中继器连接到我们两个教师收集和我们的课程集合,它可以显示动态两个集合的信息。 在每个转发器项目为内嵌表元素显示的课程每个老师教名单。

摘要

我们已经提出了有关维克斯代码数据库和它的一些提供用于存储数据,处理数据,并动态显示数据的访问者的能力的一些高层次的信息。 我们还演示了如何提供给您的选项部分是由当你创建你的收藏,将它们连接起来,你所做的决策控制。 在你开始之前创建维克斯代码数据库,这是一个好主意,花什么样的信息,你有,你要如何展示它,这样你可以在你的数据最有效地模拟了一段时间的思考。

From: https://www.sitepoint.com//the-wix-code-database-and-data-modeling/

相关文章:

  • 2021-12-03
  • 2022-01-26
  • 2022-12-23
  • 2022-12-23
  • 2021-11-17
  • 2021-11-27
  • 2021-10-29
猜你喜欢
  • 2021-11-17
  • 2021-11-17
  • 2021-04-05
  • 2021-12-16
  • 2022-12-23
  • 2021-11-17
  • 2021-11-17
相关资源
相似解决方案