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

Question

我对网络开发很陌生，我正在开展一个学校项目，我将创建一个简单的教育视频平台。我的升级任务是让我的网站成为单页面应用程序。从我收集的内容来看，jQuery和AJAX将实现这一目标。在浏览有关这些语言的示例和教程时，我开始怀疑我的HTML / PHP / Script代码结构是否需要更改。图片包含我文件的典型结构。

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

Answer 1

您可能想了解MVC模式

你可以从这里开始 The MVC Pattern and PHP

Answer 2

您想要做的高级别是将您的php逻辑移出您的html文件。以下是单页应用应如何处理数据流：

1. 在file.HTML中：表单和字段采用用户输入（从文本到文件的任何内容）
2. 在file.JS中：您使用jQuery来监听正在发生的事件，主要是使用您的页面dom元素通过AJAX调用将动态输入的数据传递到您的服务器
3. 在controller.php中：ajax调用转到一个控制器文件中的方法，其中所有逻辑都将发生，项目将添加到数据库中等。
4. 在file.JS中：ajax调用通过从控制器方法接收数据完成，并对视图文件进行必要的更改（再次使用jQuery）
5. 在file.html中：jQuery更新向用户显示其输入结果

要做的重大改变是分离你的php和html文件。由于您正在进行单页应用程序，您可能可以使用一个html文件，但您通常应该为每个类都有一个控制器（假设您可以互换使用类和模型）。

也有可能缺少的一件事是路线，虽然我已经看到人们通过传递文件作为＆＃39; url＆＃39; field（进行AJAX调用时的必填字段）。

就文件结构而言，大多数Web框架都会将cs和js文件夹配对到名为public的父文件夹中。

说到jQuery，这是best cheat sheet左右。在进入太深之前，请确保您至少对dom有基本的了解。