如何组织所有js,css,php和html代码？

Question

现在我知道你可以使用OOP和MVC进行组织,但这只适用于PHP.

让我们说,我添加了一个新窗口,当用户点击链接时它会弹出,它会显示一个带有JS验证的表单,并且它是CSS样式的.

这里我们有4个代码:JS,CSS,PHP和HTML(带有一些PHP代码段).

你会如何组织所有这些代码？因为当我得到50个Windows代码到处传播并且让我改变删除窗口的行为时,我必须扮演侦探.每次我都要用JS,CSS等添加一个新窗口时,我会紧张.

我考虑过这个结构.如果你为每个窗口都有一个单独的"模块",那会不会更好.例如,每个窗口的文件夹.在该地图中,您可以放置​​一个CSS,一个JS,一个PHP和一个HTML文件？然后你有一个非常好的结构,不是很混乱,你不要在一个大的JS和CSS文件中混合所有窗口.

你怎么看？我很感激如何组织这4种代码的建议.

Answer 1

我喜欢Django组织文件夹的方式。让我们试着想象一下并将其调整到您的 php 项目中：

根文件夹是项目文件夹，让我们说网站的名称。它包含了

• 常见的共享设置和值（即数据库访问值、路径等），可能是辅助函数（不是面向对象的），称之为settings.php和/或 utils.php 或其他任何东西
• 一个也有自己结构的媒体文件夹：
  • css 文件夹，用于通用 css（即 reset.css 和 common.css，用于定义通用布局）
  • 图像文件夹，用于常见的共享图像
  • js 文件夹，用于常见的共享 javascript 代码
• 包含不属于网站特定类别的静态公共页面的模板文件夹

每个根子文件夹是您项目应用程序的表达（即注册、新闻、公告、常见问题解答、联系人、论坛等），并包含：

• 一个模型文件夹，您将模型放在 PHP 中（MVC 模式）
• 一个控制器文件夹，您可以在其中实现 MVC 模式中的控制器
• 一个视图文件夹，您可以在其中放置 MVC 模式的视图（即非常静态的 php 页面，仅负责呈现视图传递的结果）
• 一个媒体文件夹中，你构造的一个根文件夹相同的方式正好结构。在此文件夹中，您可以放置​​仅属于您正在开发的网站特定部分的元素。

对于连接组件，您可以根据它们的路径直接调用/包含它们，或者您可以在根目录和每个负责映射 url 和重定向请求的子文件夹中实现一个 php 文件。称它为 index.php 或 urls.php 或 connector.php，随便。

这似乎是多余的，但事实并非如此，并且提供了高质量的关注点分离。