• 日常搜索
  • 百度一下
  • Google
  • 在线工具
  • 搜转载

如何为您的PHP网站创建一个简单的事件日历

如果您正在构建与活动相关的网站,或者希望以互动和有趣的方式展示您的网站活动,那么您来对地方了 

您的 php 网站有很多高级日历扩展和脚本可用。对于这些高级脚本和扩展中的每一个,您都可以期待高质量的代码、错误修复、支持和新的增强功能。

在这篇文章中,我们将讨论事件日历工具它允许您从管理页面创建日历并将事件添加到每个日历。每个日历都能够显示无限数量的事件。

因此,如果您正在寻找可以为您提供日历和事件的脚本,事件日历工具是您的完美解决方案。

让我们快速浏览一下它提供的重要功能:

  • 无限数量的日历

  • 每个日历的事件数量不受限制

  • 单日和多日活动

  • 活动媒体支持

  • 从 Flickr 导入照片

  • 多语言支持

  • 日历自定义选项

  • 和更多

如您所见,活动日历工具提供了许多有用的功能,可让您快速设置活动日历。在本教程的整个过程中,我们将探索此插件提供的不同功能。

安装配置

在本节中,我将向您展示在购买和下载事件日历工具后如何安装和配置它。

购买后,您将能够下载 zip 文件。提取这个,你会发现一个包含主脚本代码的目录:events它提供了两种不同版本的活动日历供您选择。

经典可嵌入活动日历

在这个版本中,您可以在您网站的 PHP 页面中嵌入一个日历,该页面位于一个div或一个iframe.

新的seo -Compliant 事件日历

这是日历的新版本,每个活动页面都带有社交按钮和标记,以改进页面的索引。在这个版本中,日历不是完全可嵌入的;您只能将其嵌入到.iframe

在这篇文章中,我们将讨论经典的可嵌入版本。当然,如果您想使用符合 SEO 的新版本,没有什么能阻止您。如果您在设置符合 SEO 的版本时有任何疑问,请随时在下面的评论中问我。

在我们的例子中,因为我们选择了经典的可嵌入版本,所以我们将使用events/embeddable目录。将此目录复制到您的 PHP 应用程序例如,如果您的项目配置在/web/demo-app/public_html 则应将embeddable目录复制到/web/demo-app/public_html/embeddable

接下来,您需要导入必要的数据库表。您可以在需要导入数据库的events_DB目录中找到数据库 sql 文件: events.sql将此脚本导入您的数据库,例如使用 phpMyAdmin,您就完成了数据库设置!

最后,您需要更新embeddable/admin/include/db_conn.php文件以反映您的数据库连接设置根据您的连接设置更新以下代码段。

...
...
/* set here your database HOST. This is usually localhost or a host name provided by the hosting provider. */
$db_host = "";

/* set here your database USER. This can be the default mysql username root, 
a username provided by your hosting provider, or one that you created in setting up your database server .*/
$db_user = "";

/* set here your database PASSWORD. Using a password for the MySQL account is mandatory for site security. 
This is the same password used to access your database. This may be predefined by your hosting provider. */
$db_pass = "";

/* set here your database NAME */
$db_name = "";
…
…

配置全局设置

现在我们已经完成了活动日历设置,您应该可以使用演示凭据访问位于http://your-site-domain/embeddable/admin的管理控制面板。

登录到管理后端后,访问主导航菜单中的“设置”>“常规设置” 链接。让我们来看看本节中的几个重要设置。

活动日历安装的绝对路径

这是您设置活动日历应用程序的路径。由于我们已将事件日历应用程序放置在embeddable目录中,因此它应该是http://your-site-domain/embeddable

时区

它允许您设置活动日历的时区。

选择日历日期格式

如果您想在美国、英国和欧盟日期格式之间切换,您可以在此处进行设置。

选择日历时间格式

这允许您在 12 小时和 24 小时时间格式之间切换。

默认视图

此设置允许您选择前端事件的默认格式。有两种视图可供选择:日历视图和 列表视图。

至此,我们已经完成了创建日历和事件的必要设置。在接下来的几节中,我们将了解如何创建日历并向其添加事件。

如何创建日历

在本节中,我们将了解如何从后端创建日历。继续并访问顶部导航中的日历链接。默认情况下,此选项卡会列出所有可用的日历。

如何为您的PHP网站创建一个简单的事件日历  第1张在列表的顶部,您可以看到创建新日历部分,它允许您立即创建新日历。您只需输入日历名称即可创建新日历。

继续创建一个新日历。正如您在上面的屏幕截图中所见,我已经创建了研讨会日历。创建日历后,您将能够在日历列表中看到它。

创建日历后,您现在就可以将事件添加到日历中了。在下一节中,我们将了解如何将事件添加到我们在本节中创建的日历中。

如何添加事件

在上一节中,我们创建了用于显示事件的日历。在本节中,我们将了解如何将事件添加到日历中。

在日历列表页面上,您可以看到您创建的每个日历的管理事件链接,如以下屏幕截图所示。

如何为您的PHP网站创建一个简单的事件日历  第2张单击该链接,它将带您到事件列表页面。

如何为您的PHP网站创建一个简单的事件日历  第3张在此页面上,您可以管理现有活动并添加新活动。要添加新事件,请单击“添加”链接,您将被带到用于添加新事件的表单。

如何为您的PHP网站创建一个简单的事件日历  第4张如您所见,活动表单包含许多您可以填写的字段。大多数字段都是不言自明的。继续为您的活动填写所有必要的字段并保存。您将被重定向回活动列表页面。

当然,您可以添加任意数量的事件。如果您想对您的活动进行分类,您可以创建多个日历。

因此,我们完成了创建日历并向其添加事件。在下一节中,我将向您展示如何将我们创建的日历集成到 PHP 网页中。

如何在 PHP 站点中嵌入日历

在 PHP 网页中嵌入日历有多种方法。embeddable/index.php文件包含解释如何在没有iframe我将向您展示如何使用iframe.

这很简单——您只需要创建一个iframe元素并将其 src 属性指向 http://your-site-domain/embeddable URL。事件日历脚本将完成其余的工作。 

它将加载默认日历:

<iframe src=”http://your-site- dom ain/embeddable” height=”1200” width=”1200”/>

这应该加载一个看起来像这样的日历:

如何为您的PHP网站创建一个简单的事件日历  第5张当您单击任何有事件的日期时,您将被带到一个事件列表页面。

如何为您的PHP网站创建一个简单的事件日历  第6张最后,如果您单击任何活动的“阅读更多”链接,您将被带到活动详细信息页面。

如何为您的PHP网站创建一个简单的事件日历  第7张如您所见,事件日历为创建、管理和显示事件日历提供了完整的解决方案。使用此脚本,您可以创建许多不同的日历并使用漂亮的前端界面呈现您的活动。

随意尝试脚本中可用的其他选项,如果您有任何疑问,请随时在评论中提问。

Cleanto

Cleanto 是许多不同类型的服务公司的理想选择,它们正在寻找一种可靠的方式来为客户提供全功能的在线预订。

如何为您的PHP网站创建一个简单的事件日历  第8张

ajax Calendar 2

Ajax Calendar 2 是一个高度可定制的个人日历,旨在帮助您保持井井有条。这是另一个流行脚本ajax Full Featured Calendar的最畅销更新。

如何为您的PHP网站创建一个简单的事件日历  第9张

Tiva时间表

Tiva 时间表完全响应、易于设置且非常可定制,  对于那些正在寻找具有简洁现代设计的日历的人来说是一个不错的选择。

如何为您的PHP网站创建一个简单的事件日历  第10张

结论

它允许您在 PHP 网站上创建事件和日历。在这篇文章中,我们讨论了如何下载、安装此脚本并将其嵌入到您的 PHP 网页中。考虑到它提供的功能,我相信它的价格合理,值得一试。


文章目录
  • 安装和配置
      • 经典可嵌入活动日历
      • 新的seo -Compliant 事件日历
    • 配置全局设置
      • 活动日历安装的绝对路径
      • 时区
      • 选择日历日期格式
      • 选择日历时间格式
      • 默认视图
  • 如何创建日历
  • 如何添加事件
  • 如何在 PHP 站点中嵌入日历
  • Cleanto
  • ajax Calendar 2
  • Tiva时间表
  • 结论