在 HTML5/js/PHP/CSS 中是否有一种标准的编程方式来创建可重用的对象？

Question

我（在空闲时间）创建了一个使用 PHP 来创建动态对象的 html 页面。 此页面调用我的 javascript 以使用 AJAX 接收来自用户的输入。 我的对象使用 AJAX 进行输入（PHP 执行 $_GET），然后我的对象将打开与我的 PDO mySQL 数据库的连接，执行查询并接收详细信息。它通过细节显示我的对象并回显 HTML5，我使用 CSS 来做一些不错的功能。

它工作正常。我学到了很多（CSS 很棒），但是与其他编程语言相比，这学起来非常相似，但又大不相同！ 我发现它的不同之处在于......对于我想做的任何事情，总是有很多不同的方式来做。由于这是一组共同运行的语言（PHP、javascript、CSS3 和 HTML5）。

我暂时避免使用 jQuery，因为我正在学习并且更喜欢以艰难的方式做所有事情。但是我注意到很多这些插件，例如条形图，都是用 javascript 创建的，并且也以数组的形式给出了那里的数据。

现在我想要第二个页面，它与第一个页面一样，但访问不同的数据并可能做不同的事情，但它会是一个非常相似的显示。 所以我希望能够再次使用我的对象，只是给它不同的参数、不同的输入等……就好像我刚刚使用了一个插件一样。所以现在我正在考虑在 js 中实例化它并从那里输入数据。 我只是想要一些好的指导，因为我刚开始，我学的越多，这变得越广泛:)

所以这就是我的问题所在： 问：有没有标准的 HTML5/js/PHP/CSS 编程方法来创建可重用的对象？ 欢迎参考和专业知识/经验，我不想开始辩论，拜托。我想要一个可以遵循的标准。

Answer 1

不清楚你到底在问什么，但这是我对我理解的回答。

服务器端组织：

如果您要创建一个大型项目，我强烈建议您使用 PHP framework（symphony、codeigniter 等），如果您现在不是，请考虑以下几点：

1.遵循 MVC 结构

MVC 结构可以用多种不同的方式表示。但是，为了简单起见，您可以通过创建 3 个文件夹（controller、model、view）来做到这一点。

每个文件夹将包含具有特定作业的不同 php 文件。

• 控制器：

控制器是用户和系统之间的纽带。它提供 通过安排相关视图呈现的用户输入 自己在屏幕上的适当位置。它提供了手段 通过向用户提供菜单或其他提供方式来进行用户输出 命令和数据。控制器接收这样的用户输出， 将其翻译成适当的消息并将这些消息传递给 到一个或多个视图。

将控制器想象成警察。检查客户端请求是否合法（尤其是在表单验证方面）。当控制器验证请求时，它会调用模型（可选：取决于您是否需要获取/设置信息并使用数据库）然后是视图。

• 型号：

模型代表知识。模型可以是单个对象（而不是 无趣），或者它可能是某种对象结构。

模型和它的模型应该是一一对应的 一方面是部分，另一方面是被代表的世界所感知的 另一方面，模型的所有者。

• 查看：

视图是其模型的（视觉）表示。通常会 突出模型的某些属性并抑制其他属性。它是 从而充当演示过滤器。

视图附加到其模型（或模型部分）并获取数据 通过提问从模型中进行演示是必要的。它 也可以通过发送适当的消息来更新模型。所有这些 问题和信息必须在模型的术语中， 因此，视图必须知道属性的语义 它所代表的模型。

视图的有趣之处在于您可以将 HTML 页面分解为多个部分。主要思想是创建一个header.php 和一个footer.php，它们不会有太大变化（取决于您需要的css/js）。然后你只需要调用views，它将填充html页面的主体。

这很有用，因此当客户端请求主页时，您可以简单地这样做：

include header.php;
include home.php;
include footer.php;

让我知道这是否有用。

如果您仍然不确定我在说什么，请随时阅读以下内容：

MVC tutorial 1

MVC tutorial 2

Youtube videos tutorial on how to create an MVC structure (basic)

Youtube videos tutorial on how to create an MVC structure (advanced)

---

Definition reference here

Answer 2

我并不是 100% 确定您在问什么 - 我从您的措辞中猜测您是一个编程新手。

要回答您的问题（在某种程度上），最接近 Javascript、PHP 和（不是真正的）HTML 和 CSS 之间的通用接口的东西是 JSON，或 Javascript Object Notation。 PHP 具有读取 JSON 的库，而 JavaScript 则以本机方式读取它（使用 jQuery 更好）。一些数据库（CouchDB，在某种程度上，MongoDB、Neo4j 等）甚至会几乎逐字存储您的 JSON。

无论如何，您存储数据的方式都应该在数据库中，而 JSON，无论数据库如何，通常都被认为是在前端和后端代码之间进行通信的最佳方式（由方式，明显地区分 HTML/CSS/JS 和 PHP）。