XML and XSL generation class PowerPoint organizational map
Recently, I am here to learn about XML and XSL related technologies, one day, long night, no heart sleep, swearing, I want to try my own time. Because of the hierarchics of the XML data format used daily, the total feelings and the tree structure are similar, while in the work, it is necessary to realize the confusion of an organizational map, so they try to implement one by XML and XSL. The organizational chart of the organizational structure in PowerPoint has been implemented with ASP, and it is not easy to hide, it is not very dark. I want to take the hardships and joy, difficulties and harvests, I hope to be able to begin XML as I am like me, or is a master of master masters. Ok, there is no done, the list is awkward!
The realized organizational structure is shown below:
The main functions achieved by the structural map of the organization are:
There is no correlation between the various layers.
The subordinate layer of the node is expanded or contracted by clicking the " " icon next to each node.
First let's take a look at the relevant file structure
Organize .xml data files are as follows:
01
xx group
0101
Shanghai Branch
......
0103
Beijing Branch
010101
Personnel Department
......
010302
Finance Department
01030101
Managers Manager
01030102
Assistant Personnel Department
......
01010301
Technical Manager
......
Organize.xsl file content is as follows:
Organizational Structure Figure </ Title></p>
<p></ hEAD></p>
<p><style type = "text / css"></p>
<p>......</p>
<p></ style></p>
<p><body></p>
<p><center></p>
<p><br> </br></p>
<p><span> Organizational Structure Figure </ span></p>
<p><DIV></p>
<p><XSL: Call-Template Name = "getlayer"></p>
<p><xsl: with-parame = "Layerid" SELECT = "/ Root / Layer [1] / id" /></p>
<p></ xsl: Call-Template></p>
<p></ div></p>
<p></ center></p>
<p></ body></p>
<p></ html></p>
<p></ xsl: template></p>
<p><XSL: Template Name = "getlayer"></p>
<p><xsl: param name = "layerid" /></p>
<p><xsl: for-each select = "// Layer [Substring (ID, 1, string-length ($ layerid)) = $ lerid</p>
<p>And string-length (id) = string-length ($ layerid) 2]></p>
<p><span></p>
<p>...... ------ 省 省 样 样 样 样</p>
<p><img src = "close.gif" alt = ">"></p>
<p>... ------ 省 省 i i 图 操作</p>
<p></ img></p>
<p><span></p>
<p><a href="#" target="newwindow"></p>
<p><XSL: Value-of SELECT = "./ text" /></p>
<p></a></p>
<p></ span></p>
<p><DIV></p>
<p>...... ------ 省 省 样 样 样 样</p>
<p><XSL: Call-Template Name = "getlayer"></p>
<p><xsl: with-param name = "layerid" select = "id" /></p>
<p></ xsl: Call-Template></p>
<p></ div></p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-25222.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="25222" 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 = 'Fwr_2F3KEaCfISPoTOmkEbB0HezdPC_2BjtZjaUC0Fv77EByHea_2FGdDIFyWY_2BH2mIHHJwY2Evxq0X4fZBgWRZkMISw_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>
