interfaz de usuario Web: Dinámica Web Forms

Question

en cuenta lo siguiente estructura de datos:

subject (stdClass) 
    topic (stdClass) 
     units (int) 
     title (varchar 50) 
     description (varchar 255) 
     start_time (time) 
     end_time (time) 
    teacher (stdClass) 
     first_name (varchar 50) 
     last_name (varchar 50) 
    students (stdClass[]) 
     1 (stdClass) 
      first_name (varchar 50) 
      last_name (varchar 50) 
     2 (stdClass) 
      first_name (varchar 50) 
      last_name (varchar 50) 
     3 (stdClass) 
      first_name (varchar 50) 
      last_name (varchar 50) 
    proctor (stdClass) 
     first_name (varchar 50) 
     last_name (varchar 50) 

Estoy teniendo un problema sobre cómo implementar la estructura de datos mencionada en los formularios web dinámicas. No estoy seguro de qué tipo de implementación usaré para que sea más fácil para el usuario final completarla. Al mismo tiempo, preservar la integridad de los datos.

Escenario:

• Un usuario debe ser capaz de proporcionar los datos necesarios para poblar el "sujeto" objeto en una forma. Lo que significa que no se redirigirá a otras páginas (como un asistente) en su lugar, las subformulas por estudiante son javascript generadas.
• Un usuario debería ser capaz de alterar los datos en el objeto "asunto" en la demanda .
• Puede haber muchos estudiantes o ninguno.
• La validación por subobjeto es necesaria.

Entonces, ¿cómo debo presentar esto usando formularios web?

Answer 1

También estoy enfrentando un problema similar con uno de mis proyectos, cómo llenar una gran cantidad de información de una manera no intrusiva, preservando el estado en las ediciones.

Las tecnologías ya existen para hacer esto bastante bien, a saber, ajax y json. Mi proyecto está construido con PHP, así que mi idea es crear una vista que muestre todos los formularios de entrada de datos, pero guarda los datos de forma incremental enviando los campos completados a un script PHP con ajax, que luego guarda/actualiza el objeto.

Teóricamente con un poco de amabilidad JavaScript debe ser posible hacer una interfaz muy eficiente (creo secciones terminadas tienen un botón Save y el tobogán cerrado, que luego se puede abrir para su posterior edición)

Su posible hacer de esto una diseño muy modular, que implementa, por ejemplo, campos de escritura una vez, una vez guardado no se puede editar.

Este es de hecho un tema muy interesante que muchos sitios parecen tener problemas. Por favor, dime si agarré el extremo equivocado aquí y posteé una respuesta que no es relevante/útil

Para reducir el código duplicado y hacerlo realmente elegante y manejable, lo implementaría con un patrón de diseño MVC. Haga que su vista envíe datos cuando el usuario deje de escribir en un campo y no esté vacío. Luego haga que el controlador verifique si el campo necesita actualización y envíe los acuses de recibo correctos a la vista. El modelo también jugará su parte, ya que sin duda guardará los datos en su base de datos.

La vista será esencialmente una secuencia de comandos ajax modular, tiene entradas y supervisa los cambios, tan pronto como se realizan suficientes cambios (para garantizar un guardado parcial) el ajax envía los datos al controlador y contrae la sección correspondiente para mostrar que ha sido completado. Del mismo modo, si vuelve a visitar la página y el controlador ve que hay algunos datos en el modelo para estos campos, lo envía a la vista ajax, que luego rellena y contrae las secciones precargadas =) Bastante limpio, creo.

Editar: la fijación de errores tipográficos, añaden MVC comentario

Answer 2

basado en las directrices de usabilidad, campos deben agruparse en fieldset elemento basado en su sujeto/por ejemplo, primero/apellido juntos etc.

debido a la gran cantidad de datos, se debe usar una interfaz JavaScript para mostrar la página por pasos (los formularios se pueden cargar en una página, pero JS serviría para mostrar y ocultar las respectivas secciones/conjuntos de campos) enviar enviaría todos los datos a la vez o, alternativamente, AJAX podría ser demandado después de cada sección actualizada ...

Las mejores cosas sobre conjuntos de campo es que se pueden agrupar también e incluir uno en el otro.