如何使用OOJavaScript管理GUI交互?

如何使用OOJavaScript管理GUI交互?,javascript,jquery,oop,user-interface,Javascript,Jquery,Oop,User Interface,我的网页中有一个时间表,我希望用户能够: 单击一个单元格,查看此时正在设置哪些课程 单击箭头并更改de week 我应该如何构建我的JavaScript类 我不使用类,我与dom交互,正如我们在世界上99%的JavaScript代码中看到的那样 我创建了一个课程时间表,可以观察事件(比如点击单元格),打ajaxcall,更改单元格内容等等 我努力使事情变得完美: A) 将包装所有html内容的类(更改样式/内容) B) 一个将包装我的ajax调用的类 C) 一个将封装我的业务逻辑的类 D)

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

  • 单击一个单元格,查看此时正在设置哪些课程
  • 单击箭头并更改de week
我应该如何构建我的JavaScript类

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

  • 我创建了一个课程时间表,可以观察事件(比如点击单元格),打ajaxcall,更改单元格内容等等

  • 我努力使事情变得完美:

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

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

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

    • D) 一个使所有这些事情协同工作的类,从一个观察事件并调用C或D,然后调用a来更改UI

  • 最后一个解决方案是最好的,它是一种MVC(An是视图,D是控制器,另外两个是模型)。但它似乎是不太容易实现的方法之一

    你用过这种技巧吗?有没有相关的博客/文档可以帮助我?你认为这有关系吗?有更好的吗?

    为什么不直接使用

    如果你真的想自己写整件事,我建议你。

    试试看。它是一个轻量级的MVC,可以完全控制视图和html系统


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

    您在后端使用什么?另外,您是否对MVC的工作原理有很好的了解,尤其是在web应用程序的上下文中?如果没有,我建议您为您的特定解决方案(例如,ASP.NET MVC的NerdDinner)找到一个教程,并进行一些阅读,以确保您对基础知识有一个坚实的掌握。@JasCav为什么后端是什么很重要?这只是客户端的问题,两者都是完全独立的。也许我不理解你的问题。(我特别认为您正在寻找一种利用MVC范例的解决方案,这也需要在后端工作。)@JasCav您可以在后端和/或前端实现MVC(),不需要?@JasCav@remibourgarel MVC在前端工作得很好。它实际上相当强大。您唯一需要后端的是安全性,您从不信任客户端;)jQueryFullCalendar是令人惊讶的抛光。我不是在寻找一个好的控件,我只是在问如果我想做一些好事,什么是最佳实践。但是thanks@remi:然后看看关于JS MVC的部分。我看了一下,我认为它更适合大型javascript应用程序,不是吗?@Raymos我看了看,但与我想做的相比,这似乎是一场革命:1/REST而不是ajax(我不反对,我只是想一件接一件地学习)2/当你开始时,整个activerecord模型真的令人不安。@Reibourgarel active record?不知道你的意思。主干默认带有REST。主干网的整个数据驱动部分都是模块化的,因此您只需覆盖
    backbone.sync
    即可通过ajax与数据库通信。给我一些关于如何构造MVC的详细信息,我将模拟一个解决方案。activerecord有点像orm工作:您填充对象就像直接将对象保存在数据存储(这里是web服务器)中,因此您不直接调用数据层,框架知道何时必须调用crud方法。我的结构就像我在主题中所说的:一个包含周课程的时间表(作为视图),周课程以及他们的出勤率(模型),ajax调用数据,以及一个控制器,它接受所有这些并将它们混合在一起^^^^清楚吗?