La cinquième semaine de stage front-end

avant-propos

Vous devez toujours enregistrer ce que vous faites chaque jour, sinon vous le saurez après deux jours et oublierez lentement ce que vous avez gagné et ce que vous avez fait.

Ce que j'ai fait cette semaine était la partie bibliothèque d'échantillons du système de tests médicaux. Parce que c'est le code de l'entreprise, je ne peux pas expliquer les détails, parlons de ce que j'ai fait au quotidien et de certains de mes gains.

le lundi

Après avoir utilisé la treambition pour obtenir la tâche le lundi matin, j'ai senti que la tâche était lourde. Les tâches de cette semaine se concentrent sur la table de bibliothèque d'échantillons et certaines fonctions de la table, telles que l'ajout et la modification.

Mais la particularité de la table est que ce n'est pas une table ordinaire, mais une table en forme d'arbre. Je peux la décrire un peu. Chaque type de champignon a ses propres champignons filles, et les champignons filles ont plusieurs générations. bactéries . Faire cela nécessite la logique du front-end et la coopération tacite avec le back-end.

Dans l'après-midi du premier jour, trois interfaces ont été encapsulées, à savoir requête, modification et requête sous-bactéries.

Et aussi un bug modifié, un bug étrange qui peut s'exécuter mais qui montre que les données sont indéfinies, la notice du blog est la suivante :

Le frontal peut fonctionner normalement, mais la console signale une donnée d'erreur de onMounted indéfinie, il est préférable de ne pas utiliser l'écriture asynchrone

Mardi

La tâche à faire mardi est de rendre la table arborescente. Parce que c'est une structure de données arborescente. Permettez-moi de parler de la logique du backend. Il y a plus de 10 000 données, à tel point qu'il est irréaliste de les restituer toutes en même temps. Ainsi, le backend espère que le frontend pourra rendre étape par étape.

Permettez-moi de parler de la logique qui m'a été donnée par le backend. Tout d'abord, un tableau avec certains types de bactéries. Certaines bactéries ont des nœuds enfants, d'autres non. Les bactéries avec des nœuds enfants ont un ID de champ. Au début, le frontal n'a besoin que de restituer la première couche de données. Lors du rendu, jugez l'identifiant. S'il existe un identifiant, utilisez une interface pour interroger les sous-nœuds en fonction de l'identifiant. Après avoir trouvé les données, placez les données dans les données trouvées et restituez-les dans le tableau.

Dans element-ui, si une couche de données imbrique une autre couche, elle peut être rendue hiérarchiquement. Utilisez donc le code pour porter un jugement conditionnel après le premier rendu et réussir la deuxième couche.

La chose la plus simple est la pagination. Après avoir obtenu un téléavertisseur frontal, obtenez le nombre et la taille des pages dans le téléavertisseur et enregistrez-le. Il peut être transmis au backend si nécessaire.

Mercredi

Le troisième jour concerne les fonctions des boutons, telles que les fonctions de stockage, de stockage et de modification. En fait, il s'agit d'appeler une interface de mise à jour d'interface.

De plus, la fonction d'ajout de bactéries du même niveau et de passage de bactéries a été effectuée. La logique est très simple, cliquez sur une ligne de la table, cliquez sur le bouton pour ajouter un nouveau frère, puis le frontal obtiendra les données, et modifiera son identifiant pour qu'il soit vide (généré automatiquement par le backend), car il est au même niveau, le nœud parent hérite directement des données obtenues C'est tout.

S'il y a un problème avec la logique des nouvelles bactéries de passage, ne le faites pas en premier.

Jeudi

Testez la fonction et trouvez qu'il y a un problème avec les données. Si le problème est trouvé, l'enregistrement est le suivant :

La modification frontale et les nouvelles opérations entraînent la suppression de données - perte de précision js

C'est ce problème qui fait que toutes mes opérations sont plus ou moins problématiques. Il suffit de le résoudre. La fonction d'ajout d'une nouvelle génération de bactéries est ajoutée, et l'identifiant du nœud père est utilisé comme identifiant du nœud parent, et le nœud enfant est vide.

Aujourd'hui, le bouton de modification a également été modifié. Tant que ce sont les données qui peuvent être vérifiées en arrière-plan, elles ne peuvent pas être facilement modifiées, ce qui est très important. Par conséquent, il est nécessaire de négocier à l'avance avec le back-end, afin que l'efficacité du front-end soit également améliorée.

vendredi

Terminé un petit problème, et a continué à résoudre le problème. Les problèmes laissés d'avant sont toujours là, continuons à travailler plus dur la semaine prochaine.

Je suppose que tu aimes

Origine blog.csdn.net/zxdznyy/article/details/132353655
conseillé
Classement