HTML5+CSS3静态页面项目-BusinessTheme的总结
因为期末考试、调整心态等等的种种原因,距离上一次的项目练习已经过了很久了,今天终于有时间继续练习HTML5+CSS3的页面架构和设计稿还原。设计图很长,整个页面分为了好几个区域,所以就不放完整的设计图
顺晟科技
2022-09-13 12:36:18
228
这样的好处是不需要再每个页面中都添加太多的外链接(不会减少请求数量),但对开发会更快捷,如果更改这些文件的位置或名称,只需要更改模板文件,不需要一个一个页面复制粘贴;同时可以为不同jsp页面组创建不同的模板,引入不同的样式文件。
以下是项目结构(略复杂,SpringMVC架构,取所需即可),通过redirect.jsp重定向到/jsp/pages/exercise.jsp文件(相当于主页),这个文件里面引用了一个公共模板jsp/template/head-res-main.jsp,用来一次引入所有外部静态文件。
所有静态文件都放在web页目录下。
两个文件内容:
/jsp/pages/exercise.jsp
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>练习</title> <%@ include file="../template/head-res-main.jsp" %> </head>
jsp/template/head-res-main.jsp
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> <script src="js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" type="text/css" href="css/main.css" /> <script src="js/main.js" type="text/javascript" charset="utf-8"></script> </head> </html>
网上说SpringMVC架构中会默认拦截所有的资源请求,所以如果不想再做工作映射和配置这些文件,把MVC的映射规则从"/"改为特定的url(netbeans默认项目映射规则为“*.htm”)
初学者,如有错误请多指教^_^
15
2022-09
14
2022-09
13
2022-09
13
2022-09
13
2022-09
13
2022-09