当前位置:网站首页>Transfert des paramètres de la barre d'adresse de la page de liste basée sur jeecg - boot
Transfert des paramètres de la barre d'adresse de la page de liste basée sur jeecg - boot
2022-07-06 06:25:00 【Hanyue Zhuge arbalète】
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 .
边栏推荐
- Manhattan distance and Manhattan rectangle - print back font matrix
- Database - current read and snapshot read
- Black cat takes you to learn UFS protocol Chapter 4: detailed explanation of UFS protocol stack
- On weak network test of special test
- Win10 cannot operate (delete, cut) files
- 记一个基于JEECG-BOOT的比较复杂的增删改功能的实现
- [postman] collections configuration running process
- 全程实现单点登录功能和请求被取消报错“cancelToken“ of undefined的解决方法
- 「 WEB测试工程师 」岗位一面总结
- [C language] qsort function
猜你喜欢
随机推荐
D - How Many Answers Are Wrong
把el-tree选中的数组转换为数组对象
SourceInsight Chinese garbled
Black cat takes you to learn EMMC Protocol Part 10: EMMC read and write operation details (read & write)
Is the test cycle compressed? Teach you 9 ways to deal with it
Oscp raven2 target penetration process
Convert the array selected by El tree into an array object
(中)苹果有开源,但又怎样呢?
二维码的前世今生 与 六大测试点梳理
MFC关于长字符串unsigned char与CString转换及显示问题
Leaflet map
Detailed explanation of P problem, NP problem, NPC problem and NP hard problem
[C language] string left rotation
MySQL之基础知识
RestTemplate、Feign实现Token传递
这些年用Keil遇到的坑
通过修改style设置打印页样式
Simulation volume leetcode [general] 1109 Flight reservation statistics
MFC on the conversion and display of long string unsigned char and CString
MySQL之数据类型