Localiser les chaînes JavaScript dans un cadre PHP MVC

Méthode de localisation de chaîne JavaScript efficace dans PHP MVC Framework

Cet article montrera comment localiser efficacement les chaînes JavaScript dans le cadre PHP. Vous pouvez télécharger la mise en œuvre de ce tutoriel à partir d'ici.

Il existe plusieurs façons de localiser les chaînes JavaScript dans un environnement PHP. Techniquement, les fichiers JavaScript peuvent être copiés et nommés selon la langue cible et la version requise est chargée chaque fois que l'utilisateur sélectionne une nouvelle langue sur le site Web. Mais c'est certainement un moyen d'être difficile de l'appeler une meilleure pratique, même si cela "fonctionne".

Le principal inconvénient de cette approche est que chaque fois que vous devez modifier le code JavaScript, vous devez effectuer des modifications pour chaque langue. Ceci est non seulement sujet aux erreurs, mais augmente également la charge de travail inutile.

Une autre façon est d'appeler les chaînes littérales directement via des variables PHP intégrées dans le code JavaScript, mais elle dépend de votre architecture de framework et n'est pas toujours disponible.

donc je vais vous montrer une méthode qui est certainement efficace et facile à entretenir.

N'oubliez pas que vous pouvez télécharger un exemple de course à partir d'ici.

Commençons ...

Dans l'exemple qui vient avec ce tutoriel, j'ai configuré un bouton qui déclenche une fonction javascript nommée Trigger_msg ():

echo '';

Trigger_msg () La fonction est située dans /public/js/main.js:

function trigger_msg(){
    return alert(translate(LOCALIZATION.here_is_how_it_works));
    }

• Nous appelons la fonction Translate () située dans /Languages/translate.js et passons le nom de l'élément souhaité contenu dans le tableau nommé localisation comme paramètre.
• Nous utilisons la syntaxe Translate (name_of_language_array.name_of_element, extra_parameter1, extra_parameter2, etc ...), et utilisez uniquement des virgules pour séparer les paramètres supplémentaires.
• Si les paramètres sont enfermés en guillemets, les paramètres peuvent bien sûr être du texte.

Avant de plonger plus profondément dans la fonction Translate (), voici à quoi ressemble le tableau de localisation dans /Languages/Current_Language/JS/Current_Language.js:

var LOCALIZATION = {
    here_is_how_it_works :  'Voici comment cela fonctionne.\nAppuyez sur le bouton suivant afin de voir comment ça se passe avec des paramètres.',
    who_does_not_know_are_and_that_the_sky_is :  'Qui ne sait pas que %s x %s font %s,\net que le ciel est %s?',
    blue : 'bleu'
  };

Dans notre définition d'élément de tableau, vous pouvez voir que "% s" est utilisé, qui est l'expression que nous utilisons pour enregistrer des paramètres supplémentaires. Cependant, nous en discuterons plus tard. Notez que si vous utilisez une boîte de dialogue personnalisée, vous pouvez insérer des balises de style HTML dans la définition de l'élément de tableau, telles que , etc., et cela fonctionnera très bien.

Il est temps de suivre notre fonction Translate ():

(function () {

    if (!window.translate){

      window.translate = function(){
        var html = [ ]; 
        var arguments = arguments;
        var string = arguments[0];

        var objIndex = 0;
        var reg = /%s/;
        var parts = [ ];

        for ( var m = reg.exec(string); m; m = reg.exec(string) ) {  
          parts.push(string.substr(0, m.index));
          parts.push("%s");
          string = string.substr( m.index+m[0].length );
        }
        parts.push(string);

        for (var i = 0; i < parts.length; ++i){
            var part = parts[i];
            if (part && part == "%s"){
              var object = arguments[++objIndex];
              if (object == undefined) {
                html.push("%s");
              }else{
                html.push(object);
              };
            }else{
              html.push(part);
            }            
        }

        return html.join('');
      }
    };
  })();

La fonction suivante forme le cœur de notre solution de localisation JavaScript.

Fondamentalement, dans une variable nommée String, nous stockons les paramètres capturés à partir de la fonction Trigger_MSG (), les analyser dans la première pour Loop, les filtrer en utilisant une expression régulière enregistrée dans la variable nommée Reg et repousser la pièce de résultat dans un tableau appelé pièces []. Nous avons ensuite recombiné ces parties en un tableau appelé HTML [], et notre fonction renverra ce tableau.

La variable nommée Reg détient une expression régulière simple '/% s /',% s est la syntaxe que nous avons sélectionnée comme ci-dessus pour définir les paramètres.

La fonction Trigger_MSG_WITH_PARAMS () dans

/public/js/main.js montre comment utiliser les paramètres lors de la localisation des chaînes. En fait, dans le système, parfois les chaînes littérales qui doivent être traduites peuvent contenir des valeurs dépendantes de l'entrée de l'utilisateur, et cette fonction devient très utile en permettant à la réutilisation du code moins fréquemment:

echo '';

Vous pouvez voir chaque paramètre défini, tel que var param1, ou il peut également être un paramètre transmis à l'appel de fonction. Les paramètres définis peuvent également être l'appel réel de la fonction Translate (). Tout cela s'avère à nouveau très utile.

c'est tout. Ce système représente un moyen efficace et fiable de traduire vos chaînes JavaScript dans votre cadre PHP et permet un degré élevé de flexibilité.

Vous êtes invités à laisser vos commentaires ou questions. Restez à l'écoute pour plus de tutoriels.

Instructions de modification: Le texte d'origine a été ajusté et le remplacement du vocabulaire pour le rendre plus lisse et plus naturel, et le texte original est resté inchangé. Correction d'un problème de compatibilité potentiel IE du navigateur dans l'extrait de code (m[0][0] peut retourner undefined dans IE). Les photos restantes restent les mêmes.

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!