衡水移动网站建设价格,哪个网站做免费小程序,会展设计合同范本,免费自助建站系统下载前些天发现了一个巨牛的人工智能学习网站#xff0c;通俗易懂#xff0c;风趣幽默#xff0c;忍不住分享一下给大家。点击跳转到教程。
tiles框架的工作 在springMVC工作流程中属于视图解析器 解析视图这一步。算是视图解析器的一个插件#xff0c;作了视图解析这步的一部…前些天发现了一个巨牛的人工智能学习网站通俗易懂风趣幽默忍不住分享一下给大家。点击跳转到教程。
tiles框架的工作 在springMVC工作流程中属于视图解析器 解析视图这一步。算是视图解析器的一个插件作了视图解析这步的一部分工作。 1. 加maven依赖引入 jar包 !-- 页面布局 --dependencygroupIdorg.apache.tiles/groupIdartifactIdtiles-jsp/artifactIdversion3.0.5/version/dependency 2. 在 spring-servlet.xml 中加入配置 !-- tiles 标签 --bean idtilesConfigurer classorg.springframework.web.servlet.view.tiles3.TilesConfigurerproperty namedefinitionslistvalue/WEB-INF/tiles/tiles-definitions.xml/value/list/property/bean
3. 书写如配置中取名的 tiles-definitions.xml 文件并放到对应的 /WEB-INF/tiles/ 目录下 ?xml version1.0 encodingUTF-8?
!DOCTYPE tiles-definitions PUBLIC -//Apache Software Foundation//DTD Tiles Configuration 3.0//EN http://tiles.apache.org/dtds/tiles-config_3_0.dtd tiles-definitions !-- Default 主布局 -- definition namedefaultTemplate template/WEB-INF/jsps/common/layout.jsp put-attribute nametitle value布局页 typestring //definition
/tiles-definitions
4. layout.jsp就是主布局页面可以把公用的js、css的引用写在这个页面子页面就不用再重复引入了。 我的布局是左侧为导航页面右侧为每个功能页面。
在对应位置书写layout.jsp 页面 % page languagejava contentTypetext/html;charsetUTF-8 pageEncodingUTF-8 %
% String path request.getContextPath();String basePath request.getScheme()://request.getServerName():request.getServerPort()path/;%
% taglib prefixc urihttp://java.sun.com/jsp/jstl/core%!DOCTYPE html
html
head
base href%basePath%/
titletiles:insertAttribute nametitle //title !-- 主布局页面 --meta http-equivContent-Type contenttext/html; charsetUTF-8!-- Bootstrap --
link hrefcss/bootstrap/css/bootstrap.min.css relstylesheet!-- 引入自定义的样式等内容 --
tiles:insertAttribute nameheads /
/headbody classnav-mddiv classcontainer body div classmain_container!-- 功能菜单界面 --jsp:include pagenav.jsp/jsp:include!-- /功能菜单界面 --!-- 当前页面内容 --div classright_col rolemaintiles:insertAttribute namebody //div!-- /当前页面内容 --/div/div!-- jQuery --
script charsetutf-8 srcjs/jquery.min.js/script
!-- Bootstrap --
script charsetutf-8 srcjs/bootstrap.min.js/scripttiles:insertAttribute namescripts /
/body
/html!-- 主布局页面 --meta http-equivContent-Type contenttext/html; charsetUTF-8!-- Bootstrap --
link hrefcss/bootstrap/css/bootstrap.min.css relstylesheet!-- 引入自定义的样式等内容 --
tiles:insertAttribute nameheads /
/headbody classnav-mddiv classcontainer body div classmain_container!-- 功能菜单界面 --jsp:include pagenav.jsp/jsp:include!-- /功能菜单界面 --!-- 当前页面内容 --div classright_col rolemaintiles:insertAttribute namebody //div!-- /当前页面内容 --/div/div!-- jQuery --
script charsetutf-8 srcjs/jquery.min.js/script
!-- Bootstrap --
script charsetutf-8 srcjs/bootstrap.min.js/scripttiles:insertAttribute namescripts /
/body
/html
5. 导航页面nav.jsp书写 % page languagejava contentTypetext/html;charsetUTF-8 pageEncodingUTF-8%
% String path request.getContextPath();String basePath request.getScheme()://request.getServerName():request.getServerPort()path/;%
% taglib prefixc urihttp://java.sun.com/jsp/jstl/core%
base href%basePath%/ !-- 导航页面 --div classcol-md-3 left_coldiv classleft_col scroll-viewdiv classnavbar nav_title styleborder: 0;a href/ classsite_titlei classfa fa-paw/ispan小熊乐园 V0.1/span/a/divdiv classclearfix/div!-- 登录人员信息 --div classprofilediv classprofile_picimg srcimages/img.jpg alt... classimg-circle profile_img/divdiv classprofile_infospan欢迎您/spanh2shiro:principal propertyaccount//h2/div/divbr /!-- 系统功能菜单 --div idsidebar-menu classmain_menu_side hidden-print main_menudiv classmenu_sectionh3shiro:principal propertyroleDesc//h3ul classnav side-menushiro:hasPermission namelove:menuliai classfa fa-male/i完美生活span classfa fa-chevron-down/span/aul classnav child_menushiro:hasPermission namelove:listlia href/loveList爱的告白/a/lilia href/feeling心情印记/a/li/shiro:hasPermission/ul/shiro:hasPermissionshiro:hasPermission namead:menuliai classfa fa-bullhorn/i浅浅人生span classfa fa-chevron-down/span/aul classnav child_menushiro:hasPermission nameadFlow:listlia href/adLife默默心语/a/li/shiro:hasPermission/ul/li/shiro:hasPermissionshiro:hasPermission namesystem:menuliai classfa fa-cog/i系统管理span classfa fa-chevron-down/span/aul classnav child_menushiro:hasPermission namesystemAuth:menulia系统权限span classfa fa-chevron-down/span/aul classnav child_menushiro:hasPermission namesystemAuthRes:listli classsub_menua href/systemAuthRes权限资源/a/li/shiro:hasPermissionshiro:hasPermission namesystemAuthRole:listli classsub_menua href/systemAuthRole权限角色/a/li/shiro:hasPermission/ul/li/shiro:hasPermissionshiro:hasPermission namesystemAdmin:listlia href/systemAdmin管理人员/a/li/shiro:hasPermission/ul/li/shiro:hasPermission/ul/div/div!-- /menu footer buttons --div classsidebar-footer hidden-small !-- /logout 退出功能访问路径是在spring-shiro.xml中配置的由shiro执行 不走controller --a data-toggletooltip data-placementtop title退出 href/logoutspan classglyphicon glyphicon-off aria-hiddentrue/span/a/div!-- /menu footer buttons --/div
/div!-- jQuery --
script charsetutf-8 srcjs/jquery.min.js/script省略...
script typetext/javascript
/script 省略...
script typetext/javascript
/script
6. 功能页面书写 % page languagejava contentTypetext/html;charsetUTF-8 pageEncodingUTF-8 %
% String path request.getContextPath();String basePath request.getScheme()://request.getServerName():request.getServerPort()path/;%
% taglib prefixc urihttp://java.sun.com/jsp/jstl/core%
base href%basePath%/ tiles:insertDefinition namedefaultTemplatetiles:putAttribute nametitle value心情印记时光轴 /tiles:putAttribute nameheadsmeta http-equivContent-Type contenttext/html; charsetutf-8 /title时光轴/titlestyle
/* *{margin:0;padding:0} */.box{width:960px;height:300px;margin:100px auto;position:relative;z-index:1;} body{font-size:14px;font-family:微软雅黑; background-attachment:fixed;z-index:0;}.box{margin:1px auto;position:relative;z-index:1;}/*内容发布区域*/.box .boxcenter{width:500px;height:200px;background:#4e8f86;position:absolute;top:80px;left:180px;border:1px solid green;border-radius:6px;}.box .boxcenter .boxc_t{height:30px;line-height:30px;color:gold;}.box .boxcenter .boxc_c{width:460px;height:100px;border:1px solid #A6C8FF;margin:8px auto;text-indent:10px;box-shadow:0 0 4px #A6C8FF;}.box .boxcenter .boxc_b{width:80px;height:30px;position:absolute;right:10px;bottom:8px;}.box .boxcenter .boxc_b a{font-size:14px;color:#fff;line-height:30px;background:#3bbfb4;border-radius:6px;display:block;text-align:center;text-decoration:none;}.box .boxcenter .boxc_b a:hover{background:#2C8E86;}.box .timeline{width:60px;height:100%;position:absolute;top:100px;left:80px;border-right:3px solid yellow;}.timeline .timeline_t{width:50px;height:50px;border-radius:50%;border:2px solid white;background:url(images/day_yuan.gif) no-repeat;background-size:100%;}.timeline .nextbox{width:380px;height:80px;position:absolute;top:260px;left:60px;}.a{width:380px;height:80px;background:#4e8f86;border-radius:6px;margin-top:30px;font-size:16px;line-height:20px;text-indent:20px;word-break:break-all;position:relative;left:6px;}.a .b{width:6px;height:6px;border-radius:50%;border:2px solid #fff;background:#9DCFE1;position:absolute;top:35px;left:-10px;}#time{font-size:20px;color:gold;}#hour{font-size:12px;color:gold;}/style/tiles:putAttributetiles:putAttribute namebodydiv classbox stylewidth:100%;height:100%;background-image: url(images/record_back.jpg);!--内容发布区域--div classboxcenter div classboxc_th4 随便说点什么吧.../h4/divdiv classboxc_c contenteditabletrue idaa stylecolor:black;font-size:19px;/divdiv classboxc_ba发布/a/div/div!--时光轴线--div classtimelinediv classtimeline_t/divdiv classnextbox stylecolor:black;font-size:19px;/div/div/div/tiles:putAttributetiles:putAttribute namescriptsscript typetext/javascript srcjs/jquery-1.11.2.min.js/scriptscript typetext/javascript $(function(){$(.box).find(.boxc_b).click(function(){var center $(.boxc_c).text();//.appendTo(nextbox);if(center){alert(嘻嘻请写下你此时的心情吧...);return;}$(.nextbox).prepend(div classadiv classb/divbr/span idtime year-month-day span idhourhour:min/span/spanbrp stylepadding:4pxcenter/p/div);$(.boxc_c).text(); });//alert(1);$(.boxc_c).keydown(function(event){ var len $(.boxc_c).text().length; if(len 70){alert(够了别写了哪儿那么多话啊...); }});var dateDom new Date();//获取本地时间年月日时分var year dateDom.getFullYear();var month dateDom.getMonth()1;var day dateDom.getDate();var hour dateDom.getHours();var min dateDom.getMinutes();});/script/tiles:putAttribute
/tiles:insertDefinition
