PHP、HTML、jQuery网站文件和代码结构

我对网络开发还很陌生，我正在做一个学校项目，在那里我将创建一个简单的教育视频平台。我的升级任务是使我的站点成为一个单页应用程序。据我所知，jQuery和AJAX将实现这一点。在浏览这些语言的示例和教程时，我开始怀疑我的HTML/PHP/Script代码结构是否需要更改。图片包含我的文件的典型结构。

---

我已经在同一个.PHP文件中为网站的每一项工作（例如上传视频表单数据）编写了PHP和HTML。我已经在main.php文件中包含了所有这些内容。要使它成为一个单页应用程序，我需要将HTML和PHP从每个包含文件中分离到不同的文件吗？此外，我还想了解到目前为止我是如何构建它的一些反馈（意见）。

您可能想了解MVC模式

你可以从这里开始

---

您可能想了解MVC模式

你可以从这里开始

---

您要做的高级工作是将php逻辑从html文件中移出。以下是单页应用程序应如何处理数据流：

在file.HTML中：表单和字段接受用户输入（从文本到文件的任何内容）

在file.JS中：使用jQuery来侦听正在发生的事件，基本上是使用页面的dom元素通过AJAX调用将动态输入的数据传递给服务器

在controller.php中：ajax调用转到一个控制器文件中的方法，在该文件中，所有逻辑都将发生，项目将添加到数据库中，等等

在file.JS中：ajax调用通过从控制器方法接收数据来完成，并对视图文件进行必要的更改（同样使用jQuery）

在file.html中：jQuery更新向用户显示其输入的结果

要做的最大改变是分离php和html文件。由于您使用的是单页应用程序，您可能只需要一个html文件，但通常每个类都应该有一个控制器（假设您交替使用类和模型）

还有一点可能会遗漏，那就是路由，尽管我见过人们通过将文件作为“url”字段（在进行AJAX调用时是必需的字段）来传递文件

就文件结构而言，大多数web框架将cs和js文件夹配对到一个名为public的父文件夹中

---

当谈到jQuery时，这是最重要的。在深入研究之前，请确保您至少对dom有一个基本的了解。

您要做的高级工作是将php逻辑从html文件中移出。以下是单页应用程序应如何处理数据流：

在file.HTML中：表单和字段接受用户输入（从文本到文件的任何内容）

在file.JS中：使用jQuery来侦听正在发生的事件，基本上是使用页面的dom元素通过AJAX调用将动态输入的数据传递给服务器

在controller.php中：ajax调用转到一个控制器文件中的方法，在该文件中，所有逻辑都将发生，项目将添加到数据库中，等等

在file.JS中：ajax调用通过从控制器方法接收数据来完成，并对视图文件进行必要的更改（同样使用jQuery）

在file.html中：jQuery更新向用户显示其输入的结果

要做的最大改变是分离php和html文件。由于您使用的是单页应用程序，您可能只需要一个html文件，但通常每个类都应该有一个控制器（假设您交替使用类和模型）

还有一点可能会遗漏，那就是路由，尽管我见过人们通过将文件作为“url”字段（在进行AJAX调用时是必需的字段）来传递文件

就文件结构而言，大多数web框架将cs和js文件夹配对到一个名为public的父文件夹中

---

当谈到jQuery时，这是最重要的。在深入研究之前，请确保您至少对dom有一个基本的了解。

看到这张图片，我意识到您在

HTML

页面中使用了大部分php代码。这里有一种更好的方法可以使用

PHP对象和类

。您只需要创建一个类，然后在主页面中包含类并创建它的对象，在主页面中使用了大量的

标记语言

。看到这张图片，我意识到您在

HTML

页面中使用了大部分php代码。这里有一种更好的方法可以使用

PHP对象和类

。您只需要创建一个类，然后在主页面中包含类并创建它的对象，在主页面中使用大量的

标记语言。