Resumen: Este artículo fue publicado originalmente en CSDN por el equipo técnico de Grape City. Grape City proporciona a los desarrolladores herramientas, soluciones y servicios de desarrollo profesional para empoderar a los desarrolladores.
Se dice...
Cada vez que escribe una línea de código
Solo me queda un cabello ...
Y cada vez que se resuelve un error
Un folículo piloso comienza a descansar y regenerarse...
Program ape , una profesión que la gente ama y odia, como uno de los grupos de pérdida de cabello más grandes del mundo, además de hacer un trabajo mental masivo y a largo plazo todos los días, también tienen que defender el principio de que la luna no duerme. , No duermo, y no sale el sol Los "buenos hábitos de trabajo y descanso" que se han desarrollado. Si quedarse despierto hasta tarde y trabajar horas extras es la prueba principal para los programadores, entonces las diversas demandas irrazonables de los gerentes de producto o los clientes todos los días son pruebas terribles.
Como dice el refrán, un programador que no ha experimentado la "tortura" de un gerente de producto no puede llamarse programador calificado. Como el "enemigo de la vida" de un programador, siempre hacía todo tipo de solicitudes sin cerebro: "¿Puedes darme un negro colorido", "Es demasiado feo, puedes cambiarlo", "Esta demanda es tan grave ¿Es difícil?", cada frase es muy desgarradora. Aunque mi corazón se ha convertido en restos de tofu, todavía tengo que responder: "Está bien, lo intentaré". Dé la vuelta, dé la vuelta y continúe comentando la reescritura en el código que se ha cambiado muchas veces, y luego continúe maldiciendo y agregue otra oración "este código está escrito como *". Durante mucho tiempo, muchos programadores perderán lentamente la alegría de escribir código en las repetidas operaciones de "adición, eliminación, modificación y consulta".
Hoy, lo que quiero decirles es que ya es "3203", ¿todavía necesita confiar en el código para escribir el sistema? Chismes menos, introduce el texto. Aquí, el editor presenta una plataforma de código bajo para un sistema de creación de sistemas visual "sin código": Movable Type.
¿Qué es el código bajo?
Con el fin de reducir las dudas de los lectores durante el proceso de lectura, el editor utiliza productos de cuadrícula de tipos móviles como ejemplo para ayudar a los lectores a comprender el código bajo y cómo usarlo.
La explicación oficial de código bajo : código bajo (Low-Code / Plataforma de desarrollo de código bajo / Plataforma de aplicación de código bajo) se propuso en 2014, que se refiere a una tecnología y herramienta de desarrollo que se puede utilizar para mejorar la velocidad de entrega de software. , con la visualización como un ejemplo típico Las características pueden reducir la carga de trabajo y el costo del desarrollo de codificación. Desde un punto de vista práctico, la tecnología de código bajo continúa con el concepto de diseño basado en metadatos, proporciona un paquete de componentes de varios niveles y, a expensas de una optimización extrema del rendimiento y una experiencia interactiva refinada, a cambio de una eficiencia de desarrollo varias veces mejorada. Por lo tanto, la tecnología de código bajo se usa principalmente en el desarrollo de software empresarial y, por lo general, no es adecuada para crear aplicaciones de Internet con una gran cantidad de datos y usuarios simultáneos, y requisitos extremos para la experiencia del usuario.
En términos generales, el código bajo es un trabajo que se puede completar con códigos anteriores a través de operaciones visuales , lo que reduce el umbral técnico para diseñar sistemas.
Productos de tipos móviles
principio de funcionamiento
El diseñador de cuadrícula de tipos móviles se utiliza para el desarrollo y la depuración del sitio web del programa de aplicación y publica el sitio web en el servidor de cuadrícula de tipos móviles. El servidor de tipos actúa como un servidor web para ejecutar el sitio web de la aplicación. Los usuarios finales que utilizan el sitio web acceden al sitio web a través de un navegador y realizan operaciones para cumplir con las necesidades comerciales.
(Principio de funcionamiento de la rejilla de tipos móviles)
Disposición del diseñador de tipos
El diseño de la imagen del patrón divide el servidor de cuadrícula de tipos móviles en 9 áreas:
(La composición de la interfaz del diseñador de cuadrícula de tipos móviles)
-
Barra de título: se utiliza para mostrar el nombre del archivo que se está editando y el nombre del software actualmente en uso, así como los botones de "Minimizar", "Restaurar" y "Cerrar".
-
Barra de herramientas de acceso rápido: la barra de herramientas de acceso rápido incluye principalmente algunos comandos comunes, como los botones Inicio, Nuevo, Guardar, Abrir, Deshacer, Rehacer, Adelante y Atrás. El botón desplegable en el extremo derecho de la barra de herramientas de acceso rápido, haga clic en este botón para agregar comandos de uso frecuente.
-
Botón de archivo: El botón de archivo es un botón similar a un menú, ubicado en la esquina superior izquierda de la ventana de cuadrícula de tipo móvil. Estos incluyen comandos comunes como Nuevo, Abrir, Guardar, Guardar como, Ayuda, Configuración y Salir.
-
Área funcional: el área funcional incluye principalmente las funciones de los menús de funciones Inicio, Crear, Insertar, Diseño, Fórmula, Datos, Seguridad, Publicar y Colaborativo.
-
Administrador de objetos: muestra tablas, páginas, páginas maestras, comandos de servidor, tareas programadas, informes, procesos, componentes, notificaciones de servidor, comandos de plantilla y recursos de imagen que crea.
-
Área de trabajo: muestra el contenido de la página o tabla que seleccionó en el carril izquierdo. Puedes editarlo. Si tiene varias páginas y hojas abiertas, se enumeran en la parte inferior del espacio de trabajo. En la parte inferior se muestran hasta 5 páginas.
-
Área de configuración de propiedades: se utiliza para el enlace de datos, la configuración de celdas, la configuración de páginas, la configuración de tablas, etc.
-
Modo de visualización de celda: al cambiar el modo de visualización de una celda, puede mostrar varias configuraciones en esa celda.
-
Controles deslizantes de tamaño de píxel y zoom: el tamaño de píxel se refiere al tamaño de píxel del área de selección, y el control deslizante de zoom cambia la relación de zoom del espacio de trabajo que se está editando.
Nota: Estos 9 nombres de zona se mencionarán en los siguientes tutoriales.
Cómo construir un sistema utilizando una plataforma de código bajo
Después de presentar la composición del diseñador de cuadrícula de tipos móviles, utilice el diseñador de cuadrícula de tipos móviles para crear un sistema de gestión de información de artículos.
Entorno de desarrollo : windows10, 11.
Herramientas de desarrollo : Movable Type Designer y Movable Type Server.
( Enlace de descarga : https://www.grapecity.com.cn/solutions/huozige/download)
El paquete de información que debe prepararse : https://gitee.com/GrapeCity/typeface-file-20230605
( casa rural )
https://github.com/GrapeCityXA/huozigge ( Github )
(Hay dos versiones del archivo en blanco y el archivo completo en el paquete, los lectores pueden elegir por sí mismos)
Abra el archivo con el sufijo .fgcc en el paquete con el diseñador de cuadrícula de tipos móviles. La primera vez que lo abra, informará sobre la inconsistencia de la versión, simplemente ignórelo.
(archivos requeridos)
Diagrama de visualización del efecto del sistema :
(Página de visualización de elementos de PC)
(Interfaz de mantenimiento de elementos de PC)
(Interfaz de mantenimiento de elementos móviles)
La demostración que se muestra esta vez se compone de la interfaz de visualización de la lista de elementos en el extremo de la PC, la interfaz de mantenimiento de elementos en el extremo de la PC y la interfaz de mantenimiento de elementos en el extremo móvil. diseñar el estilo y el negocio de botones de las tres páginas en secuencia.lógica.
Diseño de estilos de página con tipos móviles
1) Página de visualización de la lista de elementos en la PC:
Cuadro de consulta de diseño y botón de consulta:
Use la tecla de método abreviado Ctrl+M para crear dos celdas combinadas, que se usan como la página del cuadro de entrada y el botón de consulta, respectivamente. Haga clic en la página del cuadro de entrada con el mouse y seleccione el tipo de cuadro de entrada del complemento Element-Plus (descargado en la administración de complementos) del área funcional. De manera similar, haga clic en el botón de consulta y seleccione el tipo de botón del funcional área.
(creando celdas combinadas)
(establecer cuadro de consulta)
(Botón Establecer consulta)
Lista de elementos de diseño e información adicional del elemento:
Utilice las teclas de método abreviado Ctrl+M para crear 5 celdas combinadas, que se utilizan como interfaz de visualización de la lista de elementos, interfaz de otra información del elemento, interfaz de nombre del elemento, interfaz de marca e interfaz de nota, respectivamente. Después de hacer clic en la interfaz de visualización de la lista de elementos con el mouse, seleccione la configuración del área funcional como la opción de tabla. De manera similar, haga clic en la interfaz de otra información del elemento, la interfaz de nombre del elemento, la interfaz de marca y la interfaz de nota respectivamente y seleccione el tipo de cuadro de entrada del Complemento Element-Plus en el área funcional.
(creando celdas combinadas)
(Establecer interfaz de visualización de lista de elementos)
(Interfaz para configurar otra información del elemento, nombre del elemento, etc.)
Agregue la información de datos que se mostrará en la interfaz de visualización de la lista de elementos y arrastre los campos que se mostrarán en la lista de elementos a la interfaz en la lista de elementos.
(Agregue información de datos a la interfaz de visualización de la lista de elementos)
Agregue hipervínculos para operaciones de modificación y eliminación en la interfaz de visualización de la lista de elementos, haga clic en las páginas modificadas y eliminadas con el mouse y seleccione el tipo de hipervínculo en el área funcional.
(Se agrega un hipervínculo a la interfaz de visualización de la lista de elementos)
Diseño de páginas de paginación:
Use la tecla de método abreviado Ctrl+M para crear una celda combinada como una página de paginación y luego haga clic en la página de paginación para seleccionar el tipo de paginación del complemento Element-Plus en la cinta.
(Cuadro de paginación de diseño)
2) Página de mantenimiento de artículos en PC
Datos de mantenimiento de elementos de diseño y botones de salto y cancelación
Utilice la tecla de método abreviado Ctrl+M para crear 10 celdas combinadas, que se utilizan respectivamente como página de número de artículo, página de nombre de artículo, página de unidad de artículo, página de categoría, tarjeta de página de producto, página de precio, página de comentarios, página de imagen de artículo, botón de salto y botón cancelar Luego haga clic en las 8 páginas de campo que deben mostrarse y seleccione el tipo de cuadro de entrada del complemento Element-Plus en el área funcional. De manera similar, haga clic en el botón saltar y el botón cancelar respectivamente para seleccionar el tipo de botón del área funcional. Finalmente, arrastre y suelte los campos de la tabla de elementos en la página de campo correspondiente.
(Datos de mantenimiento del elemento de diseño y saltar, botón cancelar)
(representaciones diseñadas)
3) Interfaz de mantenimiento de artículos en el terminal móvil
El método de diseño es el mismo que el método para diseñar la interfaz de mantenimiento de artículos en el lado de la PC. (Solo aprenda del método de la interfaz de mantenimiento de elementos en la PC)
(Diseñe la interfaz de mantenimiento del artículo en el terminal móvil)
(representaciones diseñadas)
Diseñar funciones lógicas de botones usando tipos móviles
1) Diseñe la función lógica del botón de la interfaz de la lista de elementos
Diseñe la función del botón de consulta de la interfaz de la lista de elementos:
Haga clic con el botón derecho en el botón de consulta y seleccione el comando de edición y seleccione el método de consulta en la ventana de comandos abierta.
(Haga clic con el botón derecho en la consulta y seleccione el comando de edición)
Haga clic en Nueva condición, seleccione el campo contenido en la tabla de datos para el campo, seleccione la operación que contiene la cadena especificada y seleccione el valor
Consulte las coordenadas del cuadro (haga clic en el cuadro directamente para mostrarlo en la ventana de comandos) y haga clic en Aceptar.
(Crear condiciones de consulta)
(seleccione la página del cuadro de entrada de consulta como valor)
Diseñar la lógica de añadir/modificar/borrar botones
Haga clic con el botón derecho en el botón Agregar/Modificar y haga clic en el comando Editar para seleccionar la página emergente y seleccione Opciones avanzadas.
(Agregue la lógica de negocios del botón)
La celda de origen selecciona las coordenadas de la celda recién agregada.
(La celda de origen selecciona las coordenadas del nuevo botón)
La celda de destino selecciona el botón de la interfaz de mantenimiento de elementos.
(Botón de salto de la página de mantenimiento del elemento de selección de celda de destino)
Haga clic derecho en el botón Eliminar y haga clic en el comando Editar, seleccione el botón Eliminar registro y confirme. ![GUI, texto, descripción de la aplicación se ha generado automáticamente]
(eliminar lógica de negocio del botón)
2) Diseñe los botones en la página de mantenimiento del artículo
botón de salto
Haga clic con el botón derecho en el botón de salto, haga clic en el comando de edición, seleccione el comando de condición y haga clic en el campo de expresión de condición if para seleccionar el botón de salto, seleccione igual a la operación, seleccione nuevo para el valor y luego haga clic en el comando vacío a continuación para seleccionar la operación de la tabla de datos y luego seleccione nuevo. ![GUI, aplicación, descripción de Word generada automáticamente]
(seleccione si es una expresión de condición)
(Seleccione la hoja de acción de datos y seleccione Agregar)
Haga clic en Agregar más, seleccione Operación de tabla de datos, seleccione Actualizar y haga clic en Aceptar.
(Haga clic para agregar Más)
(Seleccione las acciones de la tabla de datos, seleccione Actualizar)
Haga clic en el comando Nuevo y elija cerrar la página emergente y marque la opción de datos enlazados de recarga de la página principal.
(agregue la función de cerrar la interfaz emergente)
boton cancelar
Haga clic con el botón derecho en el botón Cancelar para editar el comando y elija cerrar la página de la ventana emergente.
(lógica del botón cancelar)
3) Lógica del botón de la página de mantenimiento del elemento de diseño en el teléfono móvil
Haga clic con el botón derecho en el botón Agregar, seleccione el comando Editar, seleccione Operaciones de tabla de datos y seleccione Agregar.
Haga clic en Nuevo comando Seleccione V-Light Prompt Select.
3. Seleccione la celda de configuración para el nuevo comando, seleccione el campo de la tabla de elementos para la celda de destino, seleccione vacío para el valor y seleccione incremento automático para el número de elemento. Este paso es para garantizar que los datos se borren cada vez que se haga clic en el botón Agregar.
Establecer el diseño de navegación izquierdo
Haga doble clic en la interfaz de la lista de elementos, seleccione la lista de elementos en la interfaz emergente y luego seleccione el comando de edición.
(editar comando de la barra de navegación)
Seleccione el comando Salto de página y elija Saltar a la lista de elementos.
(comando de página de salto)
Haga clic con el botón derecho en la lista de elementos y seleccione Establecer página maestra y seleccione Diseño de navegación izquierdo.
Haga clic en el botón de inicio para ejecutar el programa.
Entonces puede ejecutarse en el navegador y el sistema operativo.
Si desea obtener más información sobre las cuadrículas de tipos móviles, puede visitar el sitio web oficial de las cuadrículas de tipos móviles de Putaocheng .
Enlace de extensión:
Kekai abre nuevas ideas, "mueve" Excel al portal UFIDA U8+ CS con tipos móviles