Pourquoi le visuel est-il important ?

En commençant par la POO, les applications client-serveur et le ML, on ne sait souvent pas à quel point il est important de visualiser les données. Par exemple, recevoir une réponse du serveur imprime la console et la fonctionnalité est évidente, mais comment afficher ces données au client ?

• React est un framework JavaScript pour connecter les parties frontend et backend
• Ensemble, JS et React offrent la possibilité d'organiser le transfert des données et leur affichage correct sur le visuel
• Les bases de données et React interagissent via des scripts : JS fait une requête SQL à la base de données (par exemple PostgreSQL/Oracle)

var image;

function upload() {
  var canvas=document.getElementById("can");
  var fileinput=document.getElementById("finput");
  image=new SimpleImage(fileinput);
  image.drawTo(canvas);
}

function makeGrey() {
    for (var pixel of image.values()){
        var avg =(pixel.getRed()+pixel.getGreen()+pixel.getBlue())/3;
        pixel.setRed(avg);
        pixel.setGreen(avg);
        pixel.setBlue(avg);
    }
  var canvas=document.getElementById("can2");
  image.drawTo(canvas);
}

• Lorsque vous travaillez avec des fichiers de transfert de données, spécifiez explicitement les emplacements et les méthodes d'enregistrement/de traitement dans les scripts JS
• React vous aidera à effectuer des appels de service API et back-system. Lors de l'écriture de fonctions de formulaire d'écran, considérez les méthodes

Les formulaires visuels les plus simples peuvent être appris à réaliser et connectés à la partie serveur pour traiter les données et les afficher à l'écran. Notez que les déclarations de variables aux limites du système sont effectuées de manière limitée (locale/globale).
Ne soyez pas paresseux pour indiquer explicitement quel fichier est enregistré dans quelle variable, cela aidera à éviter les collisions lors de la sauvegarde des données. Surtout s'il existe de nombreux services et qu'un traitement de flux asynchrone est en cours.

function docolor() {
  var dd1=document.getElementById("d1");
  var colorinput=document.getElementById("clr");
  var color = colorinput.value;
  dd1.style.backgroundColor=color;
}

function dosquare() {
  var dd1=document.getElementById("d1");
  var sizeinput=document.getElementById("slr");
  var size = sizeinput.value;
  var ctx=dd1.getContext("2d");
  ctx.clearRect(0,0, dd1.width, dd1.height);
  ctx.fillStyle="#8B0000";
  ctx.fillRect(10,10,size,size);
  ctx.fillRect(parseInt(size)+20,10,size,size);
  //ctx.fillRect(size*3,10,size,size);
}

Utilisez React pour faire correspondre la taille de l'image du fichier système maître avec l'image à l'écran (esclave). Malheureusement, l'inverse ne fonctionnera pas, car le gestionnaire ne fonctionnera que lors de la réception/transmission de données sur l'appareil maître.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!