Есть ли способ создать богатый графический интерфейс, который возможно генерирует HTML-код. Silverlight и WPF генерируют код XAML

Question

У меня есть задача / мини-проект для завершения, который соответствует принципам разработки графического интерфейса.

Вещи, которые мне дали

Проект Visual Studio (поверх которого я должен работать), который представляет собой проект веб-приложения на основе HTML, JavaScript и CSS, которыйвыполняет добавление, удаление, редактирование данных и другие небольшие задачи по нажатию кнопки.Но графический интерфейс для этого проекта в основном стиле, содержащий простые кнопки (например, «Добавить», «Удалить»), текстовые поля и таблицы.

Мне также дали файл Adobe Illustrator, который содержит изображениеожидаемый богатый графический интерфейс. Изображение, прикрепленное к концу этого поста

Моя задача

"Создать версию приложения с высокой точностью воспроизведения из предоставленного базового дизайна (проект), чтобы соответствовать ожидаемой концепции дизайна (ожидается богатый графический интерфейс) "

Я должен создать богатый графический интерфейс (причудливый вид) (любым способом), и когда я нажимаю на кнопках нового графического интерфейса" Добавить ",«Удалить», он должен вызывать функции javascript, как в оригинальном проекте.

МОЖЕТ КТО-то СКАЗАТЬ МНЕ, КАК НАЧАТЬ С ЭТОГО

Я думал об использовании Silverlightили WPF для создания богатого графического интерфейса, но он генерирует код xaml.Вывод HTML очень поможет мне, так что я могу вызывать функции javascript.

Каков наилучший подход для достижения этой цели.Спасибо :) ПОМОГИТЕ БОЛЬШОЕ ЦЕНИТЬ!БОЛЬШОЕ СПАСИБО!:) :):)

Answer 1

Нет проблем, при разработке пользовательского интерфейса я хотел бы начать с установки базовой схемы элементов управления на каркас страницы. Как только каркас начнет обретать форму, я подключу события javascript. Перед тем, как приступить к тонкой настройке вашего брендинга CSS, рекомендуется получить макет там, где вы хотите.

Вот вам быстрый стартовый каркас: http://jsfiddle.net/KodeKreachor/8sPRx/5/

Answer 2

Вы можете вызывать функции javascript из Silverlight.

На html-странице:

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

В коде Silverlight:

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

Вы можете прочитать больше здесь: http://www.dotnetcurry.com/ShowArticle.aspx?ID=298