Web-inf下的jsp不能访问js和css

2 篇文章 0 订阅

web-inf下的页面是受保护的,不能通过…/方式访问js、css、image、json等资源
解决:可以把资源放到webContent中,然后这样访问:

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="<%=path %>/jquery-easyui-1.4.5/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="<%=path %>/jquery-easyui-1.4.5/themes/icon.css">
<link rel="stylesheet" type="text/css" href="<%=path %>/jquery-easyui-1.4.5/demo/demo.css">
<script type="text/javascript" src="<%=path %>/js/jquery-2.2.1.min.js"></script>
<script type="text/javascript" src="<%=path %>/jquery-easyui-1.4.5/jquery.easyui.min.js"></script>

我的webContent下的目录结构:
在这里插入图片描述

在`WEB-INF/jsp`目录下,创建两个JSP页面用于处理前端交互:一个是用于添加客户信息的`addCustomer.jsp`,另一个是用于展示客户信息的`showCustomer.jsp`。这两个文件通常使用HTML、CSS和JavaScript进行界面设计,并通过`<form>`标签与后端控制器进行数据交换。 1. **addCustomer.jsp**: ```html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <!-- 引入样式和脚本 --> <title>Add Customer</title> </head> <body> <h1>Add New Customer</h1> <form action="${pageContext.request.contextPath}/customers/add" method="post"> <input type="text" name="firstName" placeholder="First Name"> <input type="text" name="lastName" placeholder="Last Name"> <!-- 其他输入字段如电子邮件、电话等... --> <input type="submit" value="Add"> </form> </body> </html> ``` 在这个页面中,`action`属性指向了`CustomerController`的`addCustomer`方法,`method`设为"post"是因为这是向服务器发送数据的方式。 2. **showCustomer.jsp**: ```html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <!-- 引入样式和脚本 --> <title>View Customers</title> </head> <body> <h1>View Customers</h1> <table> <!-- 使用JSTL或EL表达式动态生成表格行 --> <c:forEach items="${customers}" var="customer"> <tr> <td>${customer.firstName}</td> <td>${customer.lastName}</td> </tr> </c:forEach> </table> </body> </html> ``` 这个页面展示了已有的客户列表,其中`${customers}`通常是由后端控制器(例如`CustomerController`)提供的Model里的数据。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值