[JAVA] Comment appeler des bibliothèques telles que JQuery et JQuery UI dans Liferay 7 / DXP

Je souhaite utiliser JQuery + JQuery UI avec Liferay 7 / DXP

Depuis Liferay 7 / DXP, l'AUI standard de Liferay a été déclaré obsolète, et maintenant le code du côté du corps principal de Liferay commence à être écrit dans Metal.js etc., mais la bibliothèque etc. n'est pas encore enrichie et l'AUI obsolète est toujours utilisée. Je suis. Si vous souhaitez développer la vôtre en utilisant une bibliothèque Javascript avec un portlet personnalisé, etc., même si vous chargez la bibliothèque avec une combinaison commune telle que JQuery + JQuery UI, le chargement de la bibliothèque avec le chargeur AMD recommandé par Liferay fonctionne bien pour la définition globale Je ne peux pas le gérer et une erreur se produit, alors C'est un peu obsolète, mais si vous devez charger la bibliothèque à l'aide de la balise de script, j'ai créé un exemple de la façon de la charger en utilisant `` CustomJspBag ''.

https://github.com/yasuflatland-lf/js-global-hook

Pour ceux qui utilisent DXP, après DE30, https://github.com/liferay/liferay-blade-samples/tree/master/gradle/apps/npm/jquery-npm-portlet Comme, JQuery est chargé en utilisant npm et peut être utilisé, veuillez donc utiliser cette méthode.

Le point est

src/main/resources/META-INF/jsps/html/common/themes/top_js-ext.Ce sera dans jspf.

 [Comme dans cet article](https://dev.liferay.com/develop/tutorials/-/knowledge_base/7-0/using-external-libraries) expose la bibliothèque globalement.


#### **`top_js-ext.jspf`**
```jspf

<link href="https://code.jquery.com/ui/1.12.1/themes/ui-lightness/jquery-ui.css" rel="stylesheet">	
	
<%-- This part enable to expose JS object to global --%>
<script>
    define._amd = define.amd;
    define.amd = false;
</script>

<script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30=" crossorigin="anonymous"></script>

<%-- This part disable to expose JS object to global --%>
<script>
    define.amd = define._amd;
</script>