A Simple Web Page Template Parser And A Template Pool

xiaoxiao2021-03-06 100

Download Demo Project - 27.4 KB Download Source - 5.09 KB

Introduction

ASP.NET provides us with many easy ways to build our web system, especially the code-behind technique which amazingly allows a separation of layout and code. However, ASP.NET also offers some mechanisms to allow you to build a custom programming model more than that offered by code-behind. One mechanism is HTTP Handler which gives you a means of interacting with the low-level request and response services of the IIS Web server, and provides functionality much like ISAPI extensions but with a simpler programming model. Great !.................. ..

But when you are writing custom HTTP handlers, hard-coding the page layout is boring and error-prone. We do need a way to separate layout from code. Thus, class TmplParser, TemplatePool etc. were born. The main job of class TmplParser is to parse a layout template file with some tags and labels whose rules are simple and defined by myself :-). The class TemplatePool is used to buffer a set of templates, which can reduce the I / O operations with less template file reading, And Improve The Performance. I Will Illustrate How To Use Them To Separate Layout from Code, Later in this article.

Notes: It's the first time that I programmed ASP.NET, the first time that I programmed in C #, the first time that I touched IIS, the first time that I submitted an article to Code Project So, there must be some problems or. Something Not Good Enough In The Article and Code. And i do welcome any feedback. Thanks!

USING THE CODE

First, I will tell you the rules of using the parser and some basic information as well.A template file consists of two and only two basic elements They are block and label A block is defined with begin-flag <-..! BEGIN : Blockname -> and end-flag . A label is defined as {labelname}. Let's look at an example template file example .html to you. EXAMPLE. HTML

example </ title> </ hEAD> <body> <table> <! - begin: format1 -> <TR> <TH> {THEAD1} </ th> </ tr> <! - begin: row1 -> <TR> <TD> {Value1} </ td> </ tr> <! - end: row1 -> <! - end: format -> <! - begin: format2 -> <TR> <TH> {THEAD1} </ tH> <TH> {THEAD2} </ tH> </ tr> <! - begin: row2 -> <Tr> <TD> {Value1} </ td> <td> {value2} </ td> </ tr> <! - end: row2 -> <! - end: format2 -> </ TABLE> </ body> </ Html> In the template file example.html, there are four blocks: FORMAT1, ROW1, FORMAT2 and ROW2 Block FORMAT1 has one label: THEAD1; block ROW1 has one label:. VALUE1; block FORMAT2 has two labels: THEAD1 and THEAD2 ; block ROW2 has two labels: VALUE1 and VALUE2 FORMAT1 and FORMAT2 are parent blocks of ROW1 and ROW2 respectively Actually, there is one more block It's the root block, namely the template file itself Let's call it DOCUMENT-BLOCK Rules..... Of template file definition .. A block name must be unique in one template file It's not only for code readability but also for easy use And my principle is:.. The simpler, the better A block can be a parent by enclosing other blocks But any two blocks can not overlap And there is no sibling relation, but parent-children relation is maintained between blocks A Deep Look When the template file is parsed by TmplParser as the following code:.. // tmplDir is the path of the directory in which example.html Is Placed.// IT's in The Format Like this: E: / DEMO / TMPL / // 50 is The capacity of the pool. // The pool Uses lru algorithm for template replacement. TemplatePool.singleton (TMPLDIR, 50); // What getTemplate Does is to load the template file, // Create and Initialize a New Instance // of tmparchser for this template file, // do the Parsing and return it if the filename // passed is not found in the pool, // Otherwise Just Return A Clone // of the instance find in pool. // it's thread-safe. // itemplate is an interface inherited by TmpLParser. Itemplate TMPL = TemplatePool.singleton (). GetTemplate ("eXample.html"); // the second time, Just Return A Cloned Instance // for Template Example.html // The code below is just for instruction. . ITemplate tmpl2 = TemplatePool.Singleton () GetTemplate ( "example.html"); Then five BlockParser (a private class nested in TmplParser) instances will be built and maintained in TmplParser The contents of the five blocks are below: ROW1 <tr. > <TD> {Value1} </ td> </ tr> row2 <tr> <td> {value1} </ td> <td> {value2} </ td> <TR> Format1 <Tr> <TH> {THEAD1} </ tH> </ tr> <Tag: Row1 /> Format2 <Tr> <TH> {THEAD1} </ th> <TH> {THEAD2} </ th> </ TR> <Tag: Row2 /> Document-block <HTML> <HEAD> <title> example </ title> </ hEAD> <body> <table> <tag: format1 /> <tag: format2 /> </ TABLE> </ body> </ html> Once A Child Block (Example: Row1) IS out, ITS Current Content Will Be Placed Just Before The Tag <Tag: BlockName /> (Example: <Tag: Row1 />) in ITS Parent Block and It Will Return To the Original Raw Content. after the folding code is executed, the content of document-block will be ... itMplblock tmplrow1 = tmpl.Parseblock ("Row1"); ITMPLBLOCK TMPLFORMAT1 = TMPL.PARSEBLOCK ("Format1"); // - 1: Child Block (row1) is not out // Replace the label {thead1} in block format1 with os. TMPLFORMAT1.Assign ("THEAD1", "OS"); // replace the label {value1} in block row1 with winxp. TMPLROW1.Assign ("Value1", "WinXP"); // be Careful, The Code Below is commented Delibely. // SO Block Row1 Content Won't be Embeded Into ITS Parent Block Format1. // TMPLROW1.Out (); TMPLFORMAT1.out (); // - 2: Parent Block (Format1) IS Out Before Child Block (Row1) // you Won't see the row1 content in the result estil. TMPLFORMAT1.out (); TMPLROW1.Assign ("Value1", "WinXP"); TMPLROW1.OUT (); // - 3: Replace the child block's label in the parent // block by outing child block first // it does work. TMPLROW1.OUT (); TMPLROW1.OUT (); TMPLFORMAT1.ASIGN ("THEAD1", "Tools"); // {Value1} is a label in block row1. TMPLFORMAT1.Assign ("Value1", "Visual Studio .NET"); // - 4: General Usage ITMPLBLOCK TMPLROW2 = TMPL.PARSEBLOCK ("Row2"); itMplBlock Tmplformat2 = TMPL.PARSEBLOCK ("Format2"); TMPLFORMAT2.Assign ("THEAD1", "country"); TMPLFORMAT2.ASSIGN ("THEAD2", "City"); TMPLROW2.ASSIGN ("Value1", "China"); TMPLROW2.Assign ("Value2", "pekin"); TMPLROW2.Out (); TMPLROW2.ASSIGN ("Value1", "China"); TMPLROW2.Assign ("Value2", "Shanghai"); TMPLROW2.Out (); TMPLROW2.Assign ("Value2", "Tianjin"); TMPLROW2.Out (); TMPLROW2.Assign ("Value2", "Chongqing"); TMPLROW2.Out (); TMPLROW2.Assign ("Value2", "Shenzhen"); TMPLROW2.Out (); TMPLFORMAT2.Assign ("Value1", "China"); TMPLFORMAT2.Out (); // Calling The Method Parseblock, The One without // Parameters, Can Get Document-block. ITMPLBLOCK TMPLDOC = TMPL.PARSEBLOCK (); TMPLDoc.out (); // the next step will usually be like the code below // Which Just Sends The Result Content to the Client. Response.write (TMPLDoc.blockstring); THE RESULT Content of Document-Block Is Shown As Follows: <HTML> <HEAD> <title> example </ title> </ hEAD> <body> <table> <! - 1 -> <TR> <TH> OS </ th> </ tr> <! - 2 -> <TR> <TH> {THEAD1} </ th> </ tr> <! - 3 -> <TR> <TH> Tools </ th> </ tr> <TR> <TD> Visual Studio .NET </ TD> </ TR> <TR> <TD> Visual Studio .NET </ TD> </ TR> <! - 4 -> <TR> <TH> Country </ th> <TH> City </ tH> </ tr> <Tr> <TD> China </ TD> <TD> Pekin </ TD> </ TR> <Tr> <TD> China </ TD> <TD> Shanghai <TD> </ Tr> <TD> <TD> China </ TD> <TD> Tianjin </ TD> </ TR> <Tr> <TD> China </ TD> <TD> CHONGQIN </ TD> </ TR> <Tr> <TD> China </ TD> <TD> Shenzhen </ TD> </ TR> </ TABLE> </ body> </ Html> The comments in the result content are added just for your convenience to contrast to the C # code above. They do not exist in the real result content. As you all see, the presentation code (HTML) can be reused much WITH THIS TECHNIQUE. Now, I believe that you have known much about this technique, which really will makes me happy :-) One point should be accentuated That is:.. With one block's Out method being not called, its content will not be placed in its Parent. Second, I will illustrate how to use the code with a simple demo project. Actually, it's a framework shown with the template parser and pool more than a usage instruction. However, I'll just list the main code. Details should be viewed in The source code by yourself. All the source code can be downloaded through the link. Build a web site called Demo whose virtual directory is the one that you extract the demo project's source files to. Below I will use $ DEMO to refer to this virtual directory. In the IIS, disable all the access privilege of the directory $ DEMO / tmpl under which our web page template files are placed, and $ DEMO / src under which our source code files are placed. It just prevents clients from accessing to any resources under the two directories in any way. View the config file web.config. Each request whose path matches * do.aspx will be handled by Demo.Handler.Controller $ DEMO is the absolute path of your website virtual directory For example, if your virtual directory is E:.. / MyWebsite / demo, then the config below Should be: <add key = "tmpldir" value = "e: / mywebsite / demo / tmp1 /" /> <configuration> <system.Web> ... <httphandlers> <add verb = "*" path = "* danaaspx" type = "demo.handler.controller, demo" /> </ httphandlers> ... </system.web> <appsettings> <add key = "tmpldir" value = "$ demo / tmpl /" /> <add key = "capacity" value = "50" /> </ appsettings> </ configuration> The Following Code in the file global.asax.cs is to create a single instance of templatepool with the singleton pattern. public class global: system.web.httpApplication { ... // // Application's Initialization // Protected void Application_Start (Object Sender, Eventargs E) { TemplatePool.singleton ConfigurationSettings.AppSettingS.Get ("tmpldir"), INT32.PARS (ConfigurationSettings.AppSettings.get ("Capacity")))))); } ... ..} What TemplatePool.Singleton does is shown below As you all see, it is thread-safe and uses the double-check trick to improve the performance And the pool instance will exist through the process life.public sealed class TemplatePool: ITmplLoader { ... Public Static TemplatePool Singleton (String Tmpldir, Int Capacity) { IF (pool == null) { Lock (Objlock) { IF (pool == null) Pool = New TemplatePool (TMPLDIR, CAPACITY); } } Return pool; } ... Private static templatepool pool = null; Private static object objlock = new object (); } View class demo.handler.controller to see how the handler deals with the request. Public class controller: IHTTPHANDAL, IREQUIRESSESSITIONSTATE { Public void processRequest (httpcontext context) { ... // a more Sophistated Way Is To Put the Info, // Such as demo.application.menudealer, MenuPanel.html ETC, // INTO A Config (An XML File OR A Table In DB Or Others). Iapplication aapp = (ketprib) Activator.createInstance (Type.GetType ("Demo.Application.menudeler)); THEAPP.INIT ("MenuPanel.html", "Login.html"); THEAPP.SESSION = Context.Session; THEAPP.DOPROCESS (CONTEXT.REQUEST.PARAMS); Context.Response.write (THEAPP.out); } ... View class demo.application.menudeler to see what method doprocess does. It just composites the data with the template to generate a string to be responded. Public class menudealer: dealer { ... // generate menus String OldModName = "" String Modname = NULL; String username = reqparams.get ("username"); Hashtable htmenu = NULL; ITMPLBLOCK TMPLMENUFRM = OUTPAGETMPL.PARSEBLOCK ("MenufRM"); ITMPLBLOCK TMPLMENU = OUTPAGETMPL.PARSEBLOCK ("MENU"); INT Modix = 0; Operation Operation = new operation (); Operation.getMenuStart (); String Action = "Do.ASPX? OPNAME ="; While (htmenu = Operation.getMenuNext ())! = null) { MODNAME = (String) HTMENU ["MODNAME"]; IF (! MODNAME.EQUALS (OldModName)) { IF (MODIDX> 0) TMPLMENUFRM.out (); TMPLMENUFRM.Assign ("iDIDX", Modidx.toString ()); TMPLMENUFRM.Assign ("Module", MODNAME; OldModName = modname; Modidx ; } String opName = (string) htmenu ["opName"]; TMPLMENU.Assign ("Request", OPNAME ACTION OPNAME); TMPLMENU.Assign ("Menu", (String) HTMENU ["OpValue"]); TMPLMENU.Out (); } IF (MODIDX> 0) TMPLMENUFRM.out (); TMPLDOC = OUTPAGETMPL.PARSEBLOCK (); TMPLDoc.assign ("UserName", UserName; ... } View class demo.application.dealer to see what The property out and outpagetmpl do. Public Abstract Class dealer: ketprific { ... Public String Out { get { IF (TMPLDOC == NULL) Return NULL; TMPLDoc.out (); Return TMPLDoc.blockstring; } } Protected Itemplate GetTemplate (String Tmplfilename) { Return (itemplate) (TemplatePool.singleton (). GetTemplate (TMPLFileName); } Protected Itemplate OutpageTMPL { get { IF (OutpageTMPL == NULL) OutpageTMPL = GetTemplate (OUTPAGE); Return OutpageTMPL; } } ... } At last, build the system with Visual Studio .NET, and you will see what the image above shows. And I believe you will find more useful code in the demo project's source code. As I already said, the demo project is just a framework For A Small Project. May You like it! Points of interest When I implement class TemplatePool, I need a class for linked list. But, I can not find one in the namespace System.Collections. There may be someone shouting why not use ArrayList. Good question! But I guess that ArrayList will do the elements copying to move their positions when operations Insert and Remove are being done, which does raise performance penalty when the two operations are done frequently in LRU algorithm. So, I implemented a simple double linked list Agemo.Utility.DoubleLinkedList to meet my needs. It's really simple. Again, the simpler, the better. The non-recursive DFS algorithm is used to disassemble the template into blocks. The HttpHandler class must inherit the interface IRequiresSessionState which is just a marker interface if it will use the session object. I Was Harassed for a long time by this problem.agemo Click Here to View Agemo's Online Profile.</div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-124113.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"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></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>New Post(0) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="124113" 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: 0.032, SQL: 9</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);"></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = 'nyv5KF1uzpRB3Epne0BWX_2F9m7NJp6vqK8O8MtOo8IUBH1P5rHrVG_2FGSXekn5SoMx6fQDCQg2hS7RN1jhTyMu3g_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>