java web添加背景图片_java web项目中如何插入背景图片

对于java可视化界面插入背景图片这个倒是轻而易举,只需要background-inage:url(图片路径就行),而对于与web项目中,我开始时也是采用这种方法,但是不尽然,代码如下:

效果如下:

daaaa6916cf14b6122072ff45cdf8d24.png

图片就是不显示,后期我又加了,效果还是和上面一样,也是没有图片显示。后来我仔细想了想,是没有获取到图片真正的路径问题。我们需要获取/img/qx.jpg,

3ab6f7a7ee2bc1db77526b8b7222feb7.png

我们就需要在jsp页面中写Java代码,让Java来获取项目的根路径,通过绝对路径的方式引入这些图片文件。我们则需要在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);

%>

这几段代码只是获取基本的路径,而request就是我们常说的JSP九大隐式对象之一,JSP就是Servlet,request.setAttribute("basePath", basePath) 表示将得到的basePath(项目根路径)存放到request作用域中,但是到这里我们还是不能把图片显示出来,我们需要在图片路径前面加入这行代码$。如下:

看,图片就显示出来了:

082f53c3d350331c658eea56171c0c4c.png

好了,这次就分享到这里了,这里只是一个简单的图片插入问题,若有什么不对的地方,还望指教。

  • 5
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaWeb添加背景图片可以通过CSS设置背景填充来实现。首先,在HTML文件引入CSS样式表,并在样式表设置一个类,例如".p1",然后在该类设置背景图片的路径和其他样式属性。接下来,在HTML文件的相应元素上添加该类名,即可将背景图片应用到该元素上。例如,可以在一个段落元素上添加类名"p1",如下所示: ```html <p class="p1">Hello</p> ``` 其,类名"p1"对应的CSS样式如下: ```css .p1 { height: 100%; width: 100%; position: fixed; background-position: center 0; background-image: url("image/cat1.jpg"); } ``` 这样就可以将背景图片应用到该段落元素上了。请注意,需要将图片路径正确设置为实际图片的路径。\[1\] #### 引用[.reference_title] - *1* [java web 插入图片 / 背景](https://blog.csdn.net/BADReamer/article/details/109820122)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [java web项目如何插入背景图片](https://blog.csdn.net/weixin_42513632/article/details/114354601)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [全网最细JAVA窗口背景图片设置](https://blog.csdn.net/qq_52196411/article/details/126003207)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值