有没有办法创建可能生成HTML代码的丰富GUI。 Silverlight和WPF生成XAML代码

Question

我有一个任务/迷你项目要完成，这与GUI开发一致。

给我的东西

Visual Studio项目（我应该在其上工作），这是一个基于HTML，JavaScript和CSS的Web应用程序项目，可以在按钮点击时添加，删除，编辑数据和其他小任务。但是这个项目的GUI是基本样式，包含简单的按钮（例如“添加”，“删除”），文本框和表格。

我还获得了一个adobe illustrator文件，其中包含预期的丰富GUI的图像。 此帖子末尾的图片

我的任务

“从提供的基本设计（项目）创建应用程序的高保真版本，以匹配预期的概念设计（预期的丰富GUI）”

我应该创建一个丰富的GUI（看上去很好看）（通过任何方法），当我点击新的GUI按钮“添加”，“删除”时，它应该调用原始项目中的javascript函数。

有人可以告诉我如何开始使用

我想过使用Silverlight或WPF来创建丰富的GUI，但它会生成xaml代码。 HTML输出对我有很大帮助，因此我可以调用javascript函数。

完成此任务的最佳方法是什么？谢谢 ：） 非常感谢！非常感谢你！ :) :) :)）

Answer 1

您可以从Silverlight调用javascript函数。

在html页面中：

function alertText(text) {
    alert(text);
}

在Silverlight代码中：

HtmlPage.Window.Invoke("alertText", new string[] { "Hi!" })

您可以在这里阅读更多内容： http://www.dotnetcurry.com/ShowArticle.aspx?ID=298

Answer 2

没问题，在设计UI时我喜欢开始将控件的基本布局线框化到页面上。一旦线框开始成型，那么我将连接我的javascript事件。在开始微调CSS品牌之前，建议您将布局放在您想要的位置。

以下是适合您的快速启动线框：http://jsfiddle.net/KodeKreachor/8sPRx/5/