我正在尝试单页应用程序。我理解mvc如何在某种程度上使用的主要概念,并使用一个名为backbone.js的轻量级框架。然而,我的问题不是骨干。我实际上在弄清楚如何构建我的用户界面时遇到了问题。我在页面顶部有一个带有4个按钮的栏。每个按钮在应用程序中打开一个实例窗口。在每个实例窗口中,将使用html,css,javascript。关于如何构建此用户界面的核心概念的任何建议。
我的注意事项:
每个窗口实例都有自己的窗口实例 div具有唯一ID(显示: 无)。
在线加载,应用程序应该 已经有必要的HTML,CSS, 和javascript加载到dom。该 html应该在每个唯一的内部 div与其实例有关 窗口。
每个菜单按钮都应修改其div 显示:阻止,带来 该按钮的实例窗口 前面,但隐藏所有其他人。
每个实例窗口必须是 足够灵活,可以运行javascript 在其中,所以我必须能够 在每个内部创建额外的mvc 独特的div。
好的,最后评论。我的用户应该 界面利用mvc或是 这不是必要的。另外,如果确实使用了mvc 什么是最好的方式来实现 这个。有许多不同的概念 使用mvc,就像创建视图一样 每个实例窗口和监听 点击次数它只是让人感到困惑。
您认为我的任何考虑都能有效地完成工作,您能提供建议吗?
答案 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
干杯!