Tiles Getting Started
OF: a smile Alone: Struts1.1 described later increased so that the struts Tiles package an extra option in processing the page and the code easier to reuse. Tiles are divided into the page in the TURBINE in the other item in Jakarta. Added the concept of Layout. It is actually divided into a few pieces. Usually, a page can probably be divided into the following: HEAD Page Head: Store public information: logo, etc. If it is a website that may be the top. Menu page menu: Place a use in use Menu, or connected to each page. FOOTER page: such as copyright information, etc. The topic content: Each page is relatively independent. If you press the above, we will write the body inside. Content, you can share reuse. If most page layouts are basically the same. We can even use a JSP file to call different BODY. 2: Tiles Configuration and Basic Profile Introduction Tiles has a configuration file: tiles Defs.xmltiles-Defs.xml defines the component of each page and forms.
Below I will explain the Tiles-Defs.xml file tiles-defs.xml as shown below -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------- < ! - Define Site.index.page, inherit Site.MainLayout -> Add: /Layouts/ClassicLayout.jsp ------------------------------ <tiles: getastring name = "title" /> </ title> </ head> <body bgcolor = "# ffffff" text = "# 000000" link = "# 023264" alink = "# 023264" vlink = "</p>
<p># 023264> <table border = "0" width = "100%" cellspacing = "5"> <tr> <td color attribute = "header" /> </ td> < / TR> <TR> <TD Width = "140" Valign = "TOP"> <tiles: INSERT Attribute = 'menu' /> </ td> <td value = "top" align = "left"> <tiles: Insert Attribute = 'Body' /> </ TD> </ TR> <TR> <TD COLSPAN = "2"> <tiles: insert attribute = "footer" /> </ td> </ tr> </ TABLE> </ body> </ html> Configure Tiles in Web.xml. The configuration is followed by the configuration of the struts action servlet as follows: Web.xml ----------------- <! - Action Servlet Configuration -> <servlet> <servlet-name> action </ servlet-name> <! - specify servlet class to use: - struts1.0.x: actioncomponentServlet- Struts1.1: ActionServlet- No Struts: TilesSrvlet -> <servlet-class> org.apache.struts.Action.ActionServlet </ servlet-class> <! - tiles servlet Parameter Specify Configuration File Names. There Can Be Seperated File Names -> <init- Param> <param-name> definitions-config </ param-name> <param-value> /web-inf/tiles-defs.xml </ param-value> </ init-param> <! - tiles servlet parameter Specify Tiles Debug Level.O: NO Debug Information 12: More Debug Information -> <Init-Param> <param-name> definitions-debug </ param-name> <param-value> 1 </ param-value> </ init-param> <</p>
<p>! - Tiles Servlet parameter Specify Digester debug level This value is passed to DigesterO: no debug information1: debug information2:. More debug information -> <init-param> <param-name> definitions-parser-details </ param- Name> <param-value> 0 </ param-value> </ init-param> <! - tiles servlet parameter specified the tiles configuration file.true: validate. dtd shouth be specified in file header. False: No Validation -> <init-param> <param-name> definitions-parser-validate </ param-name> <param-value> true </ param-value> </ init-param> <! Struts Configuration, IF Struts IS Used -> <init-param> <parame-name> config </ param-name> <param-value> /web-inf/struts-config.xml </ param-value> </ Init-param> <init-param> <param-name> Validate </ param-name> <param-value> true </ param-value> </ init-param> <init-param> <param-name> debug </ param-name> <param-value> 2 </ param-value> </ init-param> <init-param> <param-name> Detail </ param-name> <param-value> 2 </ param -Value> </ init-param> <load-on-startup> 2 </ loading-on-st Artup> </ servlet> Three: Use Tile if TIELS-Defs.xml is configured, then you can use these definitions in the JSP file.</p>
<p>Use tiles3.1: <tiles: insert definition = "site.mainLayout" flush = "true" /> 1 page 3.2: <tiles: insert template = "/ tutorial / basic / myframesetlayout .jsp "> <tiles: Put name =" title "content =" my first frameset page "Direct =" true "/> <tiles: put name =" header "content =" / tutorial / common / header.jsp "Direct = "true" /> <tiles: put name = "footer" content = "/ tutorial / common / footer.jsp" Direct = "true" /> <tiles: put name = "content =" / tutorial / Basic / Menu.jsp "Direct =" true "/> <tiles: put name =" body "content =" / tutorial / Basic / Hellobody.jsp "Direct =" true "/> </ tiles: insert> / tutorial / Basic /myframesetlayout.jsp ---------------------------------<HTML> h> <t t t <<<<<<< Name = "title" /> </ title> </ head> <frameset rows = "73, *, 73"> <frame src = "<% = request.getContextPath ()%> <tiles: get name =" Header "/>" name = "header"> <frame src = "<% = request.getContextPath ()%> <tiles: get name =" body "/>" name = "body"> <frame src = "<% = Request.getContextPath ()%> <tiles: get name = "footer" /> "Name =" footer "> </ frameset> </ html> insert / tutorial / b Asic / myframesetlayout.jsp and set the value of the title to: My First Frameset PageHeader Set to /Tutorial/common/Header.jsp 4: Postscript Tiles is more detailed in his document. The above is some simple and basic use. The specific documentation can look at a Tiles-Documentation.war of Struts. But even this package is not very complete. Can be connected to the author's home page to find it on the connection to the author.</p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-124986.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>)
</div><div></div></div></div><ul class="postlist list-unstyled">
</ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="124986" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved
</div><div class="col text-right">Processed:
<b>0.042</b>, SQL:
<b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script>
var debug = DEBUG = 0;
var url_rewrite_on = 1;
var url_path = './';
var forumarr = {"1":"Tech"};
var fid = 1;
var uid = 0;
var gid = 0;
xn.options.water_image_url = 'view/img/water-small.png';
</script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script>
var forum_url = 'list-1.html';
var safe_token = 'LheRSz7WAg5GnG_2BiwP51VnFMTSwOpTFwlGBL98WD1XsWXs8FeNsWCi2aVQiLxKyKlOyne7EArtdaDWbbeLY3wg_3D_3D';
var body = $('body');
body.on('submit', '#form', function() {
var jthis = $(this);
var jsubmit = jthis.find('#submit');
jthis.reset();
jsubmit.button('loading');
var postdata = jthis.serializeObject();
$.xpost(jthis.attr('action'), postdata, function(code, message) {
if(code == 0) {
location.reload();
} else {
$.alert(message);
jsubmit.button('reset');
}
});
return false;
});
function resize_image() {
var jmessagelist = $('div.message');
var first_width = jmessagelist.width();
jmessagelist.each(function() {
var jdiv = $(this);
var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width();
var jmessage_width = Math.min(jdiv.width(), maxwidth);
jdiv.find('img, embed, iframe, video').each(function() {
var jimg = $(this);
var img_width = this.org_width;
var img_height = this.org_height;
if(!img_width) {
var img_width = jimg.attr('width');
var img_height = jimg.attr('height');
this.org_width = img_width;
this.org_height = img_height;
}
if(img_width > jmessage_width) {
if(this.tagName == 'IMG') {
jimg.width(jmessage_width);
jimg.css('height', 'auto');
jimg.css('cursor', 'pointer');
jimg.on('click', function() {
});
} else {
jimg.width(jmessage_width);
var height = (img_height / img_width) * jimg.width();
jimg.height(height);
}
}
});
});
}
function resize_table() {
$('div.message').each(function() {
var jdiv = $(this);
jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>');
});
}
$(function() {
resize_image();
resize_table();
$(window).on('resize', resize_image);
});
var jmessage = $('#message');
jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); });
jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); });
$('#nav li[data-active="fid-1"]').addClass('active');
</script>
