javascript - 如何在 Web 应用程序中采用 MVC?

标签 javascript html css model-view-controller web-applications

我目前正在开发一个使用 HTML、CSS、Javascript、Bootstrap 和 JQuery 的网络应用程序。我喜欢使用模型- View - Controller (MVC) 作为我的软件设计模式。到目前为止,我有 7 个 HTML 页面,每个页面都有一个相应的 Javascript Controller 。这些 HTML 页面共享一些“全局”CSS 和 Javascript(Bootstrap 和 JQuery)。我不确定如何组织我的文件以清楚地演示 MVC。我说得对吗:

  • MODEL(一些处理数据的文件?)
  • 查看(我所有的 HTML 和 CSS 文件)
  • CONTROLLER(我所有的 Javascript 文件)

这是否意味着我有 3 个文件夹(MODEL、VIEW、CONTROLLER)并且我只是相应地放置所有文件?

抱歉,我是第一次采用软件设计模式,对于造成的任何困惑,我们深表歉意。我想知道更多有关如何有效实现 MVC 的信息,因为我认为这很重要。

最佳答案

好吧,这取决于方法。但是为了给你一个最佳实践的线索,你不一定需要为每个页面都有一个 Controller ,事实上它更像是每个页面的 View ,每个数据实体的模型和执行操作的 Controller 数据绑定(bind),在大多数情况下,您将拥有相似数量的 Controller 和模型。 Controller 通常会选择显示哪个 View 、为此目的解析数据并调用数​​据同步操作。请记住:“ Controller 做事”。

关于javascript - 如何在 Web 应用程序中采用 MVC?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40237384/

相关文章:

javascript - 将 Json 编码数据转换为 javascript 数组并通过索引访问值

javascript - 防止每秒刷新一次 div 上的列表项动画

html - 在 div 中分配元素的大小

html - 对齐两个 Bootstrap 4 Navbars

html - 无法对齐图像?

javascript - Expressjs JavaScript 基础 : exports = module. exports = createApplication;

javascript - 使用 Node 动态填充对象的 JSON 数组

html - div 下方出现空白

html - 动态高度包装器中的垂直居中文本

html - div 的边距尊重其父级