• CMS模板引擎:XHtmlAction


    前言:

    先说说大伙关心的工作上的事,在上家公司任了一个多月的技术经理后,和公司中止了合作关系。

    主要原因在于一开始的待遇没谈的太清楚: 

    1:没有合同,没有公积金,连社保也没交。

    2:工资的30%变成了绩效(对我还实行特例,按季度或按项目发,而且绩效只有按期完成(发)与没完成(不发))

    3:税后的问题,要自己去弄发票来填。

    只能说缘来的太快,份走的也太快。

    对于工作上的事,一个多月的时间,从需求文档到概要文档到详细文档,到产品原型到系统架构,基本上已经走完了。

    项目成员也招聘完成,开发的按我的计划稳定的进行着,所有的技术难点,我都提前解决了。 

    虽然人走,但后续剩下点的任务也安排好了,剩下的开发有种没了我依然一切如旧的悲凉感觉。


    交待完前事,下面进入技术正题。 

    1:ASP.NET的模板引擎(也称视图引擎):ASPX和Razor 简单介绍

    如图有两种视图引擎:

    微软视图引擎的基本原理:

    加载模板(aspx、cshtml)-》调用引擎解析成(语法树)-》生成CS代码-》动态编绎-》返回最终模板。

     

    相对来说,这种模板引擎,性能相对来说会下降一些,但是搭载VS IED的智能提示,和大伙多年的开发习惯,已经占据了主流。

    对于Razor有兴趣研究的,想深入的可以下载源码去慢慢慢慢研究,Razor 的源码(取自mvc5源码的razor项目):点击下载

    这里也有篇Razor的原理基础文章,可供参考: http://www.cnblogs.com/JamesLi2015/p/3213642.html

    源码目录截图:

     

    2:CYQ.Data 模板引擎:XHtmlAction:

    XHtmlAction模板引擎的基本原理:

     

    和ASP.NET自带的模板引擎比较,这里没有语法树、生成代码和动态编绎过程,因此可以得到高性能的体验。

    另外相对来说,对Xml及XPath语法的操作进行了封装,简化了很多后台开发代码。

    当然相对缺点就是不能在模板里混合写后台代码了,换个说法是没有强大的IDE智能提示(若换个角度看,也成优点,模板和后台代码真正分离了)。 

    XHtmlAction实现也相当的轻量级,一共就6个文件,老少皆宜,有兴趣研究的可以看 CYQ.Data V4.55的源码:

     

    曾经也写过两篇相关的文章:

    1:多语言的(MutilLanguage),可以让你很轻松的编写多语言网站:实战篇-简单多语言的实现

    2:XHmlAction的使用(以前类名叫XmlHelper,用法是一样的):CYQ.Data.Xml XmlHelper 助你更方便快捷的操作Xml/Html


    除了介绍的(XmlHelper)用法,最近V5版本增加了“CMS标签替换”功能,下面介绍。

    3:XHtmlAction CMS标签替换功能介绍:

    3.1 这里用CYQ.Data的文本数据库来演示:

    先写个函数,创建文本数据库和添加数据:

     //创建文件数据库,并添加50条数据。
        void TxtDBCreate()
        {
            MDataTable.CreateSchema("demo.txt"falsenew string[] { "Name""CreateTime" }, new SqlDbType[] { SqlDbType.NVarChar, SqlDbType.DateTime });
            using (MAction action = new MAction("demo"))
            {
                for (int i = 0; i < 50; i++)
                {
                    action.Set("Name""Name_" + i.ToString());
                    action.Set("CreateTime", DateTime.Now.AddSeconds(i));
                    action.Insert();
                }
            }
        }

    该代码执行后,生成两个文件:demo.ts(表结构)demo.txt(json格式的表数据)

     

    文本里的Json数据:

     

    文本数据库相当于创建好了,配置里添加一行数据库链接请求:

    <connectionStrings>
            <add name="Conn" connectionString="txt path={0}"/>
        </connectionStrings>

    3.2 项目示例代码:

    弄好数据库,可以写代码了,单条数据的标签替换:

     protected void Page_Load(object sender, EventArgs e)
        {
           
            using (XHtmlAction xml = new XHtmlAction(true))
            {
                xml.Load(Server.MapPath("demo.html"));//加载html模板。
                using (MAction action = new MAction("demo")) //数据库操作,操作demo表。
                {
                    if (action.Fill(1))//查询id=1的数据
                    {
                        xml.LoadData(action.Data, "txt");//将查询的数据行赋给XHtmlAction,并指定CMS前缀
                    }
                    //xml.LoadData(action.Select());
                    
    //xml.SetForeach("divFor", SetType.InnerXml);
                }
                Response.Write(xml.OutXml);//输出模板
            }
        }

    代码解答: 

    代码的关键就在于方法:LoadData(MDataRow,autoSetValuePre)
    只要把数据行赋给模板,加一个任意前缀,之后就可以在html中任意使用:{$txt#Name} 或{$txt-CreateTime}或{$txt#ID}来代表数据的值。
    '#','-'是默认的前缀分隔符号,任意使用其一都可。
    {$字段名} 这个是因为大多数的模板引擎都采用这种,故采用这种通用方式。
    上面的代码中,有两行是注释的,是多行数据的(表循环),方法是:LoadData(MDataTable); 

    如果把上面的代码注释放开,Html如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>{$txt#Name}</title>
    </head>
    <body>
    <div title="单条数据" >
    单条数据:{$txt#Name} - {$txt-CreateTime}
    </div>
    <hr />
    <div id="divFor" title="多条数据" >
    {$Name} - {$CreateTime}<br />
    </div>
    </body></html>

    最终效果输出如下图:

     

    本Demo源码下载: 点击下载

    4:XHtmlAction 关键点

    1:字段前缀:

    对于一个html,可能涉及到相同的字段名(同表的不同行数据,不同表的数据)需要标签替换,因此LoadData(数据行,前缀)方法需要前缀来区分。

    同时前缀也可以传空"",不使用前缀(但要注释避免和其它的冲突)。

    对于行的数据,是在获取xml.OutXml属性的时候才处理,因为对于标签,可以存在任意地方,因此不能以节点来处理,只能在最终输的时候,拿到html,再用正则替换。

    2:表格输出:

    对于表格的输出,需要获取某个节点,以对节点下的内容,进行克隆复制循环输出,由于已经存在节点,所以在xml.SetForeach的时候就处理了。

    如果涉及到字段格式化,仍按SetForeach的事件处理即可。

    3:示例说明:

    本文及示例介绍的是标签替换的功能,节点替换的操作方式,仍和以前的操作方式一致。


    总结:

    对于Web开发框架,主打关键就三块:URL重写(路由)、模板引擎(视图引擎)、数据层框架(ORM)。

    如果你能掌控或自由实现这三模块,你的开发方式选择就自由化很多,如果不能,你只能局域于微软给你的WebForm和MVC。

    对于框架,有时候研究的再深,也不如自己写一个浅的。 

  • 相关阅读:
    哈佛大学官网图标下拉变小代码
    9.23 基础知识
    选项卡效果
    滑动效果
    进度条的制作
    图片轮播
    子菜单下拉
    DIV做下拉列表
    日期时间选择
    电池的基本知识
  • 原文地址:https://www.cnblogs.com/cyq1162/p/3443244.html
Copyright © 2020-2023  润新知