Transfert des paramètres de la barre d'adresse de la page de liste basée sur jeecg - boot

Connaissance préalable：

1、Qu'est - ce qu'un transfert de paramètre de barre d'adresse？Quel est le format de transfert des paramètres de la barre d'adresse（?Variables1=Valeur1&Variables2=Valeur2……）

2、Si ça passeJavaScriptObtenir les paramètres de la barre d'adresses（Il existe différentes solutions en ligne）

Mon approche（Mets - le.util.js- Oui.）：

export function getUrlParam(name){
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r!=null) return decodeURI(r[2]); return '';
}

3、C'est exact.jeecgDemixinComprendre（Regarde le Code.,Voir la documentation de développement）

Principales réalisations：

1、Construire une méthode commune d'obtention des paramètres de la barre d'adresse

Parce que l'obtention des paramètres de la barre d'adresse est une méthode très courante,Alors trouvez - le sur InternetjsUne fois que le paramètre de la barre d'adresse a obtenu la solution,Peut être ajouté àjeecg-bootDe：src/utils/util.jsMoyenne

/**
 * Obtenir les paramètres spécifiés à partir de la barre d'adresse
 * @param {*} name 
 */
export function getUrlParam(name){
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r!=null) return decodeURI(r[2]); return '';
}

2、JEECG-BOOT Compréhension du Code

La clé：src/mixins/JeecgListMixin.js

（1） Mélanger les superpositions ：C'estmixin.js- Oui.jeecg Pour simplifier les opérations frontales , Beaucoup de codes génériques sont emballés .En même temps,jeecg-boot Il nous fournit également des interfaces qui peuvent être mélangées ,

Dans l'image ci - dessusdisableMixinCreated C'est cette variable de jugement qui se mêle à la couverture

（2）Génération conditionnelle

Dans l'image ci - dessusqueryParam Est basé sur les conditions de filtrage que l'entité doit construire , La méthode de l'image ci - dessus est loadData（arg）Appelé dans,Comme suit：

（3）Acquisition de données

Jeecg-bootC'est exact.axiosD'autres encapsulations ont été effectuées,Ici.getAction,Il y en a un autre.postActionAttendez., Exécuter différents types de demandes séparément , Appelez directement pendant l'utilisation ,Les codes spécifiques sont les suivants:：src/api/manage.js（Pas de détails ici, Parce qu'il n'est pas nécessaire de modifier ）

getAction,postActon C'est ce que nous utilisons souvent pour écrire le Code , Pour que vous puissiez voir ici jeecg Code d'appel officiel pour , Pour faciliter l'auto - simulation ultérieure .

3、list Codage des pages

Mingbardi 2 Après le principe de Step ,En1 Sur la base de steps, nous pouvons le faire très simplement list Transmission et configuration des paramètres de page ：

（1）InlistPagedataParamètres partiels：disableMixinCreated：true

（2）Increated Paramètre d'acquisition partielle ,Et appellemixinCode

Attention!：（1）Si danslist Page non configurée disableMixinCreated：true, Alors le Code ne sera pas mélangé dans la superposition ,list La demande sera chargée deux fois .

（2）Si2 Je ne vois pas ,C'est bon, Je vais commencer par 1 Le Code Step est placé dans util.jsMoyenne, Ensuite, suivez les instructions 3 La méthode Step est directement list Écrivez le Code sur la page .