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

Question

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

• 单击一个单元格，查看此时的课程
• 点击箭头并更改de week

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

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

2. 我创建了一个观察事件的类TimeTable（例如单击一个单元格），make ajaxcall，更改单元格内容等...

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

   • A）将包装所有html内容的类（更改样式/内容）

   • B）将包装我的ajax调用的类

   • C）将包装我的业务逻辑的类

   • D）使所有这些事情一起工作的类，观察An中的事件并调用C或D，然后调用A来更改UI。

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

你有没有使用过这种技术？有没有相关的博客/文档可以帮助我？你认为这是相关的吗？有更好的东西吗？

Answer 1

为什么不使用jQuery FullCalendar？

如果您真的想自己写完整件事，我建议JavaScriptMVC。

Answer 2

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

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