如何允许用户使用 Jquery/AJAX 在您的网站中创建/生成新网页?

Posted

技术标签:

【中文标题】如何允许用户使用 Jquery/AJAX 在您的网站中创建/生成新网页?【英文标题】:How to allow the user to create/produce new webpages into your website using Jquery/AJAX? 【发布时间】:2021-10-09 01:14:56 【问题描述】:

我有一个数据库,其中有团队,每个团队都在从事不同的项目。然后每个项目都有任务

所以,基本上,一共有三个表。

    团队 项目 任务

现在,我的用户界面包含两个东西,

    每个项目的网页,显示该项目的所有任务并允许用户将新任务添加到该项目中。 每个团队的网页,显示该团队的所有成员(成员也是另一个表)并允许用户将新成员添加到该特定团队中。

我制作了一个示例项目和一个示例团队。我为该项目添加了一些示例任务,也为该团队添加了一些成员,然后为项目和团队创建了示例页面。

项目页面显示该项目的所有任务...同样,如果我创建另一个项目并为此创建页面,它将正确显示该第二个项目的任务。添加新任务的功能也正常工作。

团队页面显示该团队的所有成员。同样,如果我创建另一个团队,我的网页将显示该特定团队的成员。

我的问题是,我想允许用户添加新项目和新团队。 然后允许他将新任务添加到新添加的项目中,并将新成员添加到新添加的团队中。这很容易,因为所有事情都在单页

上完成

但是我如何为那些新添加的项目和新添加的团队制作新网页?我似乎完全无法理解这一点。 假设我的第一个项目的网页是,

website/project1.php

^此网页将显示 ID = 1 项目下正在执行的所有任务。此外,它允许用户将新任务添加到此项目中。这么多,我已经做到了。但是我想为具有所有这些功能的新项目制作类似的页面

现在,如果用户添加了第二个项目,我希望创建一个新网页,

website/project2.php 

我似乎无法理解我该怎么做。

另外,不仅应该创建一个新网页,还应该显示所有 project_ID = 2 的任务。此外,这个网页还应该允许用户为同一个项目添加新任务(基本上,我想知道一些从 URL 中检索项目 ID 的方法)

团队也应该这样做。

我尝试搜索这个问题,并且我确信它也在某个地方得到了回答,但我找不到合适的词来查找它。我已经搜索了两天,也观看了几个视频,但没有任何帮助。

请注意,我正在使用 XAMPP 本地主机进行开发。我正在使用 Bootstrap、Jquery/Javascript、AJAX、PHP 等

【问题讨论】:

您需要创建模板,以根据例如 URL 呈现正确的信息。假设您有website/projects/1,则应使用projects 模板,并且应在projects 模板上呈现项目1。这样,您可以创建无限数量的项目,它们都使用相同的布局,但只有数据会根据每个项目的id 而有所不同。这是大多数网站的运作方式。您需要自己完成这一切,因为您基本上是在寻求教程。 不要为每个项目创建不同的文件。创建一个名为“project.php”的单一文件模板,然后将项目 id 传递给它,就像在查询字符串中一样:project.php?id=1(或使用一些路由器来制作漂亮的 URL)。然后,您只需获取该 ID,从数据库中获取您需要的内容,并使用正确的数据动态填写页面/模板。我建议使用许多 MVC 框架之一,例如 Laravel 或类似的,因为它们都带有良好的结构、路由器、模板引擎等。 是的,我明白你在说什么。我已经创建了那个 project.php 网站。该 project.php 将根据提供给它的 ID 工作。我还可以轻松检索新创建项目的 ID(或项目用户单击,例如 id = 1 的项目)但问题再次是,如何打开该 project.php?id=1 文件,然后打开,如何从 URL 中检索 id?我真的似乎找不到任何关于这... how do I open that project.php?id=1...在您的浏览器中,就像任何其他 URL 一样。您可以在其他页面中创建指向它的链接。 how do I retrieve id from the URL...在核心 PHP 中使用 $_GET,任何相关的 PHP 教程都会向您展示。如果您使用一些特殊的预构建 MVC 框架,它可能对此有一些抽象,但在 MVC 中,URL 参数始终以某种方式在操作方法中可用,具体情况将取决于您使用的框架但是您一定可以访问它们。 【参考方案1】:

我想这个是你想问的https://www.php.net/manual/en/reserved.variables.get.php

<?php 
//header

//main
//From url get id value
$id = $_GET["id"]
include("file/$id")

//footer
?>

【讨论】:

以上是关于如何允许用户使用 Jquery/AJAX 在您的网站中创建/生成新网页?的主要内容,如果未能解决你的问题,请参考以下文章

如何在您的Flutter应用程序中添加SliverAppBar

连续“允许“应用程序”在您使用应用程序时访问您的位置”警报

如何在您的登录 api 的 Json 响应后重定向用户反应本机

HTTP 错误 405.0 - 不允许使用 Jquery ajax get 的方法

如何在您的 Android 应用程序中使用 Intent 打开 WhatsApp

应用程序选项卡,允许用户单击以通过 facebook、twitter 等推广您的应用程序