Describe Flexible Templates with XML Data Description
- Due to the diversity of page styles, the number of columns in the page is not fixed, resulting in a simple two-dimensional database table to describe a page framework, which is difficult to meet the flexibility required by the editor. However, if you can describe the framework of the page with the XML data description function, then the previous problem can be resolved, or the problem is transferred to the maintenance of XML Document.
Use XML Description Page Framework
Based on the principle of "horizontal division page", we cut the page into a few layers stacked (generally each horizontal row is a table element), then divide each line into one or more vertical columns (column The corresponding is a TD cell in Table), and finally each column is subdivided into several layers, the block is considered to be the smallest page module, and he is a set of text, links, and pictures. Such as news lists, graphics, and so on.
</ title></p>
<p><author> </ author></p>
<p><Date> </ date></p>
<p><lastupdate> </ lastupdate></p>
<p><Description> </ description></p>
<p><Keywords> </ keywords></p>
<p><mets> </ mets></p>
<p><stylesheet> </ stylesheet></p>
<p></ hEAD></p>
<p><body></p>
<p><! [Cdata [</p>
<p>Row -> A landscape</p>
<p>Column -> Vertical columns of row</p>
<p>Block -> The most basic page module</p>
<p>Ratio -> The width ratio of each column in the current line</p>
<p>File -> <! @ include file = "$ file" /></p>
<p>Page -> <% jsp: incrude Page = "$ Page" flush = "true"%></p>
<p>ID -> Correspondence News Bar Id</p>
<p>Style -> This column shows style: pure news list, photo album, graphic mix, display news content (similar to static editing)</p>
<p>]]]]</p>
<p><ROW RATIO = "> <! - Store navigation bar in here -></p>
<p><column></p>
<p><block file = "Page =" "ID =" "Style ="> </ block></p>
<p></ column></p>
<p></ row></p>
<p><ROW RATIO = "> <! - Save Title Picture></p>
<p><column></p>
<p><block file = "Page =" "ID =" "Style ="> </ block></p>
<p></ column></p>
<p></ row></p>
<p><row ratio = "> <! - the first line of text -></p>
<p><column> <! - The first column of the next two blocks -></p>
<p><block file = "Page =" "ID =" "Style ="> </ block> <block file = "" Page = "" id = "" style = "> </ block></p>
<p></ column></p>
<p><column> <! - The first column is divided into, in the middle, the next three blocks -></p>
<p><block file = "Page =" "ID =" "Style ="> </ block></p>
<p><block file = "Page =" "ID =" "Style ="> </ block></p>
<p><block file = "Page =" "ID =" "Style ="> </ block></p>
<p></ column></p>
<p><column> <! - Only one block in the third column -></p>
<p><block file = "Page =" "ID =" "Style ="> </ block></p>
<p></ column></p>
<p></ row></p>
<p>.... <! - In the first line of the text, arrange the second line, the third line ...--></p>
<p><ROW RATIO = "> <! - Store the page at this point -></p>
<p><column></p>
<p><block file = "Page =" "ID =" "Style ="> </ block></p>
<p></ column></p>
<p></ row></p>
<p></ body></p>
<p></ subject></p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-19023.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="19023" 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.054</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 = 'X1wEc9cLavUV0C54NFO5i3eFoKLifhjUlp2CZsae7cRTqpptnD54Wl3vJcbsh8pzG5DBD97JqlDe3o481Xacug_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>
