Javascript 计划的动态页面

Javascript 计划的动态页面,javascript,php,ajax,dynamic,schedule,Javascript,Php,Ajax,Dynamic,Schedule,我对如何执行这个想法有疑问 假设我有一所学校,有30门不同的课程的时间表页面。如果单击课程,它将打开一个新页面,显示有关该课程的信息(成本、时间、方向、说明)。有没有办法让点击课程的内容生成,而不是为每门课程创建30个不同的html页面 我可以使用javascript或php吗?任何关于我如何或在何处开始弄明白这一点的帮助都将不胜感激。谢谢大家! 使用PHP: 您的主页可以有一个链接 然后,'courses.php'可以获取$\u GET['course']变量,并使用它使用SQL语句(SELE

我对如何执行这个想法有疑问

假设我有一所学校,有30门不同的课程的时间表页面。如果单击课程,它将打开一个新页面,显示有关该课程的信息(成本、时间、方向、说明)。有没有办法让点击课程的内容生成,而不是为每门课程创建30个不同的html页面

我可以使用javascript或php吗?任何关于我如何或在何处开始弄明白这一点的帮助都将不胜感激。谢谢大家!

使用PHP:

您的主页可以有一个链接


然后,'courses.php'可以获取
$\u GET['course']
变量,并使用它使用SQL语句(
SELECT*from table WHERE course\u id='“$\u GET['course'].”
)从数据库中获取相关数据,然后使用php将信息返回。

建议0。常规加载目标项目。 您可以在课程标题或项目名称上添加href链接。 然后,转到页面。 考虑到最用户友好的UI设计,这会让您的客户从课程页面返回。因此,最近,向客户提供更多更好的系统化信息不是一个好主意

建议1。使用替代页面,如lightbox。这将允许您只显示一个类信息,而无需在其背景上重新加载整个类(从技术上讲,是父帧)。这是一个简单的步骤,如下所示:

第一步。包括用JQuery和/或javascript编写的lightbox API。 第二步。只是一个http链接,用于加载与类(目标项)信息对应的覆盖页面。 第三步。在弹出页面上添加关闭按钮/链接或等效按钮/链接

建议2。使用AJAX隐藏和显示现有项。内部流程将很简单

第一步。添加一个div块,并在HTML5代码中将其命名为“id”标记。 第二步。当用户点击时,调用AJAX代码加载相应的课程。 第三步。显示/隐藏它