La quinta semana de pasantía front-end

prefacio

Aún debe registrar lo que hace todos los días, de lo contrario, lo descubrirá después de dos días y olvidará lentamente lo que ha ganado y lo que ha hecho.

Lo que hice esta semana fue la parte de la biblioteca de muestras del sistema de pruebas médicas. Debido a que es el código de la empresa, no puedo explicar los detalles. Hablemos de lo que hice todos los días y algunas de mis ganancias.

los lunes

Después de usar treambition para hacer la tarea el lunes por la mañana, sentí que la tarea era pesada. Las tareas de esta semana se centran en la tabla de la biblioteca de muestras y algunas funciones de la tabla, como agregar y modificar.

Pero lo especial de la mesa es que no es una mesa ordinaria, sino una mesa en forma de árbol. Puedo describirla un poco. Cada tipo de hongo tiene su propio hongo hijo, y el hongo hijo tiene muchas generaciones. Bacterias . Hacer esto requiere la lógica del front-end y la cooperación tácita con el back-end.

En la tarde del primer día, se encapsularon tres interfaces, a saber, subbacterias de consulta, modificación y consulta.

Y también cambió un error, un error extraño que puede ejecutarse pero muestra que los datos no están definidos, el registro del blog es el siguiente:

El front-end puede ejecutarse normalmente, pero la consola informa un error de datos de onMounted indefinido, es mejor no usar escritura asíncrona

Martes

La tarea a realizar el martes es renderizar la tabla del árbol. Porque es una estructura de datos de árbol. Permítanme hablar sobre la lógica del backend. Hay más de 10.000 datos, tantos que no es realista representarlos todos a la vez. Entonces, el backend espera que el frontend pueda renderizarse paso a paso.

Permítanme hablar sobre la lógica que me dio el backend. Primero, una tabla con algunos tipos de bacterias. Algunas bacterias tienen nódulos secundarios y otras no. Las bacterias con nodos secundarios tienen un ID de campo. Al principio, el front-end solo necesita representar la primera capa de datos. Al renderizar, juzgue el identificador. Si hay un identificador, use una interfaz para consultar los subnodos de acuerdo con el identificador. Después de encontrar los datos, coloque los datos en los datos encontrados y renderícelos en la tabla.

En element-ui, si una capa de datos anida otra capa, se puede representar jerárquicamente. Así que use el código para hacer un juicio condicional después de renderizar la primera vez y hacer con éxito la segunda capa.

Lo simple es la paginación.Después de obtener un buscapersonas, obtenga el número y el tamaño de las páginas en el buscapersonas y guárdelo. Se puede pasar al backend cuando sea necesario.

Miércoles

El tercer día son las funciones de los botones, como las funciones de almacenamiento, almacenamiento y modificación. De hecho, es llamar a una interfaz de actualización de interfaz.

Además, se ha realizado la función de agregar bacterias del mismo nivel y pasar bacterias. La lógica es muy simple, haga clic en una línea de la tabla, haga clic en el botón para agregar un nuevo hermano, luego el front-end obtendrá los datos y modificará su id para que esté vacío (generado automáticamente por el back-end), porque es el mismo nivel, el nodo padre hereda directamente los datos obtenidos Eso es todo.

Si hay un problema con la lógica de las nuevas bacterias que pasan, no lo haga primero.

Jueves

Pruebe la función y descubra que hay un problema con los datos. Si se encuentra el problema, el registro es el siguiente:

La modificación de front-end y las nuevas operaciones conducen a la eliminación de datos: pérdida de precisión js

Es este problema el que hace que todas mis operaciones sean más o menos problemáticas. Solo resuélvelo. Se agrega la función de agregar una nueva generación de bacterias, y la identificación del nodo del padre se usa como la identificación del nodo principal, y el nodo secundario está vacío.

Hoy, también se modificó el botón de modificación. Siempre que sean los datos que se pueden verificar en el back-end, no se pueden modificar fácilmente, lo cual es muy importante. Por lo tanto, es necesario negociar con el back-end por adelantado, de modo que también se mejore la eficiencia del front-end.

viernes

Completó un pequeño problema y continuó resolviendo el problema. Los problemas que quedaron de antes siguen ahí, sigamos trabajando más fuerte la próxima semana.

Supongo que te gusta

Origin blog.csdn.net/zxdznyy/article/details/132353655
Recomendado
Clasificación