Maison > Java > javaDidacticiel > le corps du texte

Comment ajouter des images dans Java Web

angryTom
Libérer: 2020-02-10 11:16:33
original
8108 Les gens l'ont consulté

Comment ajouter des images dans Java Web

Comment ajouter des images dans Java Web

Pour que l'interface visuelle Java insère des images d'arrière-plan, il suffit de background-image:url (chemin de l'image) C'est suffisant. Pour les projets web, ce n'est pas le cas

<div class=&#39;ban&#39; style="height:100%;background-image:url(&#39;/img/qx.jpg&#39;)">
Copier après la connexion

L'effet est le suivant :

Comment ajouter des images dans Java Web

Nous devons écrire du code Java dans la page jsp. pour permettre à Java d'obtenir les informations du projet Chemin racine, importez ces fichiers image via des chemins absolus. Nous devons écrire le code suivant au début du fichier jsp.

<%
String path = request.getContextPath();
String basePath=null;
basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
int port=request.getServerPort();
if(port==80){
    basePath=request.getScheme()+"://"+request.getServerName()+path;
}else{
    basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
}
request.setAttribute("basePath", basePath);
%>
Copier après la connexion

Ces morceaux de code obtiennent simplement le chemin de base, et request est l'un des neuf objets implicites de JSP dont nous disons souvent que JSP est Servlet request.setAttribute("basePath", basePath) signifie que vous. obtiendra Le basePath (chemin racine du projet) est stocké dans la portée de la requête, mais nous ne pouvons toujours pas afficher l'image ici. Nous devons ajouter cette ligne de code $ Comme suit :

<div class=&#39;ban&#39; style="height:100%;background-image:url(&#39;${basePath}/img/qx.jpg&#39;)">
Copier après la connexion

Comment ajouter des images dans Java Web

(Partage de didacticiels vidéo associés : tutoriel vidéo Java)

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal