javascript - 如何使用 OO JavaScript 管理 GUI 交互？

Question

我的网页中有一个时间表，我希望用户能够:

• 点击一个单元格，查看此时有哪些类(class)
• 单击箭头并更改周数

我应该如何构建我的 JavaScript 类？

1. 我不使用类，我与 dom 交互，正如我们在世界上 99% 的 JavaScript 代码中看到的那样

2. 我创建了一个类 TimeTable，它将观察事件(例如单击一个单元格)、进行 ajaxcall、更改单元格内容等...

3. 我努力让事情变得完美:

   • A) 一个将包装所有 html 内容(更改样式/内容)的类

   • B) 一个将包装我的 ajax 调用的类

   • C) 一个将包装我的业务逻辑的类

   • D) 一个让所有这些东西协同工作的类，观察来自 An 的事件并调用 C 或 D，然后调用 A 来更改 UI。

恕我直言，最后一个解决方案是最好的，它是一种 MVC(An 是 View ，D 是 Controller ，另外两个是模型)。但它似乎是不太容易实现的一种。

你用过这种技术吗？有没有相关的博客/文档可以帮助我？你觉得有关系吗？有更好的吗？

Answer 1

尝试 backbonejs .它是轻量级 MVC，可以完全控制 View 和 html 系统。

应用程序结构的设计决策是多种多样的，如果您想实现自己的功能，真的应该由您自己决定。