Каков наилучший подход для обработки сложной формы в html?

Мне нужно реализовать веб-форму (JSP, struts) с множеством флажков и текстовых полей. В основном у меня есть дерево, состоящее из флажков, которое должно быть расширяемым (например, добавление нового узла). На другой странице используются те же данные, но уточненные. Таким образом, вы снова добавляете дочерние узлы в упомянутую структуру данных, используя текстовые поля и т. Д. Я могу описать структуру данных в XML: но на самом деле содержит около 100 строк.

Я нашел 3 подхода: 1. Создайте веб-форму в JSP, которая снижает удобство работы пользователя, потому что необходимо много обратных передач (каждый раз, когда я добавляю/редактирую/удаляю узел, подузел...) 2. Делайте это асинхронно. -> множество javascript для обработки структуры данных (храните данные XML в скрытом div и обновляйте пользовательский интерфейс) 3. используйте RIA, например OpenLaszlo

Что ты посоветуешь?


javascript xml jsp ria
person manubaum    schedule 02.02.2010    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Если вы уже знаете OpenLaszlo, сделайте это. В конечном итоге вы получите лучший пользовательский опыт с меньшими затратами.

Вы должны ориентироваться на пользовательский интерфейс и производительность при разработке приложения. Так что ИМО, простой JSP будет моим последним подходом.

person Carlos Blanco    schedule 02.02.2010

arrow_upward
0
arrow_downward

Вы можете рассмотреть рендеринг на стороне клиента.
Это позволяет создавать очень отзывчивые веб-приложения:

  • создайте свои страницы JSP для доставки данных JSON, здесь нет HTML

  • используйте механизм шаблонов javascript в браузере для преобразования данных на стороне клиента HTML. Я автор PURE, но в Интернете есть много других, которые могут лучше подойти вашему стилю.

  • когда пользователь вводит или нажимает кнопку "Отправить", анализируйте форму, используя распространенную технику, используемую во многих фреймворках.
    т. е.: атрибут "name" — это путь для установки значения в JSON
    <input name="employee.name" type="text" ... />

  • Когда форма будет проанализирована, отправьте JSON обратно на страницу JSP, которая прочитает его и выполнит внутреннюю работу.

Вы можете использовать XML вместо JSON и XSLT вместо механизма шаблонов JS, но если вы ориентируетесь только на веб-браузер, это добавляет дополнительный уровень сложности и проблем при анализе XML.

person Mic    schedule 02.02.2010