Javascript MVC,需要结构/方法的帮助吗?

时间:2011-04-17 19:39:58

标签: javascript user-interface backbone.js

我正在尝试单页应用程序。我理解mvc如何在某种程度上使用的主要概念,并使用一个名为backbone.js的轻量级框架。然而,我的问题不是骨干。我实际上在弄清楚如何构建我的用户界面时遇到了问题。我在页面顶部有一个带有4个按钮的栏。每个按钮在应用程序中打开一个实例窗口。在每个实例窗口中,将使用html,css,javascript。关于如何构建此用户界面的核心概念的任何建议。

我的注意事项:

  1. 每个窗口实例都有自己的窗口实例 div具有唯一ID(显示: 无)。

  2. 在线加载,应用程序应该 已经有必要的HTML,CSS, 和javascript加载到dom。该 html应该在每个唯一的内部 div与其实例有关 窗口。

  3. 每个菜单按钮都应修改其div 显示:阻止,带来 该按钮的实例窗口 前面,但隐藏所有其他人。

  4. 每个实例窗口必须是 足够灵活,可以运行javascript 在其中,所以我必须能够 在每个内部创建额外的mvc 独特的div。

  5. 好的,最后评论。我的用户应该 界面利用mvc或是 这不是必要的。另外,如果确实使用了mvc 什么是最好的方式来实现 这个。有许多不同的概念 使用mvc,就像创建视图一样 每个实例窗口和监听 点击次数它只是让人感到困惑。

  6. 您认为我的任何考虑都能有效地完成工作,您能提供建议吗?

2 个答案:

答案 0 :(得分:1)

如果我理解正确,您希望每个按钮都显示一个弹出窗口,并且能够根据某些操作更改每个弹出窗口的内容吗?我只能说我将如何使用ASP.NET MVC ...

我会使用jQuery UI Dialog来处理弹出窗口,并在每个弹出窗口中使用form标签使用ajax使用自己的MVC控制器(我更喜欢jQuery ajax命令)。使用ajax而不是标准的提交按钮,您可以在不刷新网页的情况下向/从服务器发送/接收数据。您需要.serialize将表单转换为正确的发送格式。每个控制器操作都可以返回一个JsonResult(它可以返回一个你可以使用的javascript对象)或一个PartialView(它提供HTML)......

希望其中一些有意义......

编辑: 为了回答你的最后一点,我会为每个窗口提供一个模型,视图和控制器......但我对MVC模式还不熟悉......

答案 1 :(得分:1)

虽然Sencha的ExtJS可能不适合您,但他们有一个非常详细的教程,说明他们如何构建MVC框架。

我建议您考虑一下这些想法:http://dev.sencha.com/deploy/ext-4.0-beta3/docs/guide/application_architecture.html

干杯!

相关问题