<output id="qn6qe"></output>

    1. <output id="qn6qe"><tt id="qn6qe"></tt></output>
    2. <strike id="qn6qe"></strike>

      亚洲 日本 欧洲 欧美 视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

      分享一種前端模板化的思路

      本文是針對后臺同學(xué)自己寫網(wǎng)頁的一種思路分享。

       

      傳統(tǒng)網(wǎng)頁編寫是服務(wù)端渲染,pythton的jinjia2;c#的asp;java的jsp等,這種方式依賴各自的服務(wù)端模板引擎,且沒有前后分離,性能、seo有一定的瓶頸。

      前后分離的寫法下,前端產(chǎn)生了自己的模板引擎handlebarsjs  ,vue、react都有自身的模板。這樣,需要基本掌握nodejs的package.json,還有模板引擎本身的語法。

       

      下面介紹一下本文的方法,簡單來說就是什么都不用,直接擼html就ok了。

      如果頁面小于10個(gè),遇到需要模板的地方使用復(fù)制的方法即可,這樣就做到了無依賴。

      頁面較多的話,自己用xml解析寫個(gè)小工具即可,這樣可以不依賴nodejs、選擇一個(gè)css框架(如bootstrap)配合jq的ajax就行了,也不用傳統(tǒng)的服務(wù)端模板。

       

      這樣有個(gè)注意事項(xiàng)是需要自己按嚴(yán)格xml格式寫html,一般問題不大。 

      下面是demo

       public partial class Form1 : Form
          {
              public Form1()
              {
                  InitializeComponent();
              }
      
              string xmlPath = System.Windows.Forms.Application.StartupPath + "\\html\\home.html";
      
              private void buttonBuild_Click(object sender, EventArgs e)
              {
                    
                  string navStr = "<ul class=\"navbar-nav ms-auto  \"><li class=\"nav-item \"><a class=\"nav-link \" href=\"#\" style=\"min-width: 60px\">主頁</a></li><li class=\"nav-item\"><a class=\"nav-link\" href=\"#\" style=\"min-width: 60px\">下載</a></li></ul>";
      
      
                  XmlDocument navDoc = new XmlDocument();
                  navDoc.LoadXml(navStr);
      
      
                   
      
                  XmlDocument xmlDoc = new XmlDocument();
                  xmlDoc.Load(xmlPath);
                  XmlNode divNode = xmlDoc.SelectSingleNode("html/body/nav/div/div");
      
                 
                  XmlElement divElement = (XmlElement)divNode;
      
                  XmlNode   navNode= xmlDoc.ImportNode(navDoc.DocumentElement, true);
      
      
                  divElement.AppendChild(navNode);
      
                  xmlDoc.Save(xmlPath);
      
              }
      
              private void buttonActive_Click(object sender, EventArgs e)
              {
                  
                  XmlDocument xmlDoc = new XmlDocument();
                  xmlDoc.Load(xmlPath);
                  XmlNode homeNode = xmlDoc.SelectSingleNode("html/body/nav/div/div/ul/li/a");
                  System.Diagnostics.Trace.WriteLine(homeNode.Name);
      
                  XmlElement homeElement = (XmlElement)homeNode;
                  string classStr = homeElement.GetAttribute("class");
      
                  string activeStr = "active";
                  int activeIndex = classStr.IndexOf(activeStr);
                  if (activeIndex < 0)
                  {
                      classStr += " " + activeStr;
                      homeElement.SetAttribute("class", classStr);
                  }
      
      
      
                  xmlDoc.Save(xmlPath);
              }
          }

       

      demo代碼,c#寫的。

      下載

       

      posted on 2025-08-22 13:13  日暮青色  閱讀(13)  評論(0)    收藏  舉報(bào)

      導(dǎo)航

      主站蜘蛛池模板: 亚洲国产精品ⅴa在线观看| 国产日韩精品欧美一区灰| 免费人成在线观看网站| 四虎库影成人在线播放| 综合色天天久久| 最新国产精品中文字幕| 天天躁夜夜躁狠狠综合| 人妻少妇精品视频无码综合| 国产情侣激情在线对白| 香蕉久久一区二区不卡无毒影院| 日韩中文字幕在线不卡一区| 国产精品第二页在线播放| 久久精品国产亚洲夜色AV网站| 国产精品一区中文字幕| 欧美成人无码a区视频在线观看 | 99久久精品费精品国产一区二| 亚洲综合伊人久久大杳蕉| 精品视频在线观看免费观看| 午夜精品福利亚洲国产| 国产成人高清亚洲一区二区| 人成午夜大片免费视频77777| 成人精品自拍视频免费看| 国产精品国产三级国产专业| 欧洲精品色在线观看| 亚洲V天堂V手机在线| 亚洲午夜激情久久加勒比| 粉嫩小泬无遮挡久久久久久| 午夜精品极品粉嫩国产尤物| 人成午夜免费大片| 亚洲综合伊人久久综合| 国产情侣激情在线对白| 国产99在线 | 免费| 午夜成人无码免费看网站| 国产成人AV男人的天堂| 亚洲高潮喷水无码AV电影| 姚安县| 国产精品久久久国产盗摄| 亚洲AV永久无码天堂网一线| 国产精品成人中文字幕 | 国产不卡一区二区四区| 奉化市|