Este artículo presenta principalmente la interfaz funcional general de este marco de arranque e introduce los puntos de conocimiento y las interfaces generales utilizadas en él. Espero que los lectores tengan una comprensión más intuitiva y realista del marco. El diseño de la interfaz y las ideas relacionadas se pueden aprender y mejorar, y también pueden discutir contenidos relacionados para mejorar juntos.
1. Características técnicas del "marco de desarrollo de bootstrap basado en metronic"
1) Adopte la última y más deslumbrante tecnología de marco receptivo de Bootstrap
Todo el marco de desarrollo de Bootstrap basado en Metronic utiliza la tecnología Bootstrap más nueva en la parte de la interfaz, adopta el último Bootstrap 3.x actual e integra muchos poderosos controles de Bootstrap.
Bootstrap es un marco técnico front-end que puede ser adoptado por muchas plataformas. Java/Php/.NET se puede usar para hacer interfaces front-end. La integración de jQuery puede lograr efectos de interfaz muy ricos. Actualmente, hay muchos complementos de arranque que se pueden proporcionar para que todos los usen. Este marco reúne muchos de los complementos más excelentes, lo que puede mejorar nuestra experiencia de usuario web a un nivel sin precedentes.
Metronic es un marco de desarrollo de arranque extranjero basado en HTML, JS y otras tecnologías, integrando muchas tecnologías y complementos front-end de Bootstrap. Es un muy buen marco técnico. Según este marco, combinado con mi investigación sobre el marco web de MVC, este marco integra el marco de desarrollo de Bootstrap basado en MVC para permitirle satisfacer las necesidades estructurales de los proyectos reales.
El backend de Framework utiliza la tecnología MVC basada en C#, que actualmente es la tecnología más madura y popular desarrollada por .NET. La base de datos de Backend Framework admite bases de datos regulares como Oracle, SQLServer, MySQL, SQLite, Access, etc., y se puede cambiar libremente a través de la configuración. Use el módulo de biblioteca empresarial para controlar el acceso a los datos, haciendo que el acceso a los datos sea más conveniente y fácil.
El desarrollo general del marco utiliza Visual Studio 2013 y el texto sublime de la herramienta de edición de páginas combinado con desarrollo, página y código de fondo, y utiliza la base de datos de la herramienta de generación de códigos2Sharp para desarrollar rápidamente para lograr la máxima mejora de la eficiencia en el desarrollo general.
La estructura general del marco es la siguiente:
Esto permite al controlador obtener buenas relaciones de herencia y puede lograr el desarrollo de proyectos web con menos código y eficiencia de desarrollo más eficiente. La idea de diseño de todo el controlador es la siguiente.
Control de permisos: las buenas reglas de diseño del controlador pueden proporcionar un buen control de acceso al usuario y control de permiso para el marco de desarrollo web en sí, de modo que la interfaz de usuario presente menús, botones y contenido de la interfaz web, y el control de acción de envío puede estar bajo la asignación y control de funciones de permiso general.
Generación de código rápido: una buena arquitectura permite que se proporcione una lógica de código unificado en la capa de lógica de negocios, la capa del controlador y la capa de interfaz de usuario de la interfaz web. Estos códigos se pueden generar a través de la base de datos de la herramienta de generación de códigos2Sharp. El código de interfaz web puede hacer uso completo de la información de metadatos de la base de datos de la herramienta de generación de código2Sharp para lograr una generación rápida de la interfaz web. Reduzca efectivamente la posibilidad de errores, mejore la eficiencia del desarrollo y la diversión de la codificación de la interfaz web, y también permitan una unificación eficiente del modo de codificación dentro de la empresa.
La generación de código de biblioteca empresarial puede generar rápidamente el código de marco holístico, excepto la interfaz. La generación de código de interfaz web de Bootstrap puede generar rápidamente el código de interfaz front-end y el código del controlador de fondo de Bootstrap basado en Metronic. La parte de la interfaz incluye interfaces funcionales básicas como consulta, paginación, visualización de datos, importación de datos y exportación, nuevo, edición, visualización y eliminación. Después de la generación, podemos realizar modificaciones simples y rápidas basadas en esta base para satisfacer las necesidades reales, mejorando en gran medida la eficiencia de desarrollo de nuestra interfaz web.
Diseño del marco: la siguiente es la representación general de mi proyecto general.
El contenido de la [barra de menú del sistema] es un menú obtenido dinámicamente de la base de datos; La [barra superior del sistema] coloca una pantalla de información y proporciona a los usuarios un procesamiento rápido de datos personales, como ver información personal, cancelar, bloquear la pantalla y otro contenido de operación; El área de contenido generalmente incluye [área de la lista de árboles], [área de consulta de condición] y el área de contenido de [datos de lista y paginación] se muestran principalmente datos visuales, que se pueden mostrar a través de controles de la lista de árboles y controles de tabla. En general, los datos también deben ser agregados, eliminados, modificados y paginados, por lo que se deben integrar varias funciones. Además de consultar y mostrar los datos del usuario, también requiere operaciones relacionadas con la importación y exportación, que son funciones de procesamiento de datos de rutina.
Procesamiento y pantalla del menú: en general, para la comodidad de la gestión, los menús se dividen en tres niveles. Los menús seleccionados son diferentes de otros estilos de menú. Los menús se pueden plegar y minimizar. El efecto es el siguiente.
2. Introducción a la interfaz del módulo de "Marco de desarrollo de Bootstrap basado en Metronic"
2.1 Interfaz del módulo del gráfico del hogar
2.2 Función de barra superior del sistema
2.3 Funciones dinámicas de la industria (políticas y regulaciones, avisos y anuncios, información dinámica)
Políticas, regulaciones, avisos y anuncios/interfaz de lista de información dinámica
La interfaz de edición es la siguiente:
La interfaz de contenido de visualización es la siguiente:
2.4 Gestión de la información del cliente
La interfaz de la lista de clientes es la siguiente:
Interfaz de edición de información del cliente:
Interfaz de importación de información del cliente:
2.5 Gestión de contacto del cliente
Interfaz de adición/edición de contacto del cliente
Interfaz de visualización de contacto con el cliente
Interfaz de información de archivo adjunto
2.6 Gestión de la libreta de direcciones
Lista de contactos
La interfaz de edición de la libreta de direcciones se muestra a continuación.
2.7 Gestión de permisos
1) Interfaz de la lista de usuarios del sistema
Interfaz de importación de usuario del sistema
Interfaz de edición del usuario del sistema
Subir y editar retratos de usuarios del sistema
Sistema Usuario Eliminar el cuadro de diálogo Confirmación.
La interfaz de informe RDLC del usuario del sistema.
2) Interfaz de gestión de la organización
La organización contiene la interfaz de edición de usuarios
3) Gestión de roles de usuario
Muestra de colección de funciones operativas de roles
Acceso a roles al control del permiso de datos:
Los roles incluyen gestión organizacional:
4) Gestión de funciones del sistema
5) Gestión del menú del sistema
Editar interfaz de información del menú:
Seleccione la interfaz de icono de menú:
6) Gestión de registros de inicio de sesión del sistema
7) Gestión del diccionario general
8) Gestión de iconos de menú
9) Gestión del álbum de imágenes
La interfaz de imagen de edición es la siguiente:
Interfaz de visualización de imágenes
Lo anterior es el contenido relevante introducido por el editor por el resumen de la experiencia del marco basado en el marco de desarrollo metrónico de Bootstrap [8]. ¡Espero que sea útil para todos!