【思路】-jscode

jscode

//1.0 思路

//VH.PutSet(TagFields.PageName, PageName.Index);

//VContent.Put(TagFields.JsCode, VH.OutString(string.Concat(this.PcMobile, "common/_Self_Js.html"), true));

面临问题：以前的的代码只能放在页面的底部，虽然可以每个页面载入自己的代码，但是代码摆放的位置不够灵活

而且代码没有压缩功能。还可能由于页面没有载入完全导致js代码执行起来有问题。看了下兰亭的网页，他们把大量的js代码，甚至JQuery库都输出在了页面上

后来想了一下为什么这样做？

可以减少不必要的js额外请求；不会因为库没有下载下来导致一些代码没有执行

实现要求：使用${jscode}标签在页面中的任意位置，输出该页面自定义的js代码，并提供对代码的压缩功能

第一个版本思路

NVelocity有一个助手，在初始化完成之后指定一个模板的名字，就可以输出这个模板的字符串，有了字符串就可以对字符串进行压缩处理

所以尝试了下

            #region 代码
            /*VelocityHelper vh = new VelocityHelper();
            string pathTemplate = ConfigHelper.BaseDirectory + "themes\\" + ConfigManager.GetConfig().Theme
                + ConfigManager.GetConfig().PCthemeDir.Replace("/", "\\") + "common\\";
            vh.Init(pathTemplate);
            vh.PutSet(TagFields.PageName, PageName.Index);
            string jsString = vh.OutString("_Self_Js.html");
            VContent.Put("jsstring", ZipHtml.GZipHtml(jsString));*/
            #endregion

第一：每个页面都要编写上面的代码增加了额外的开销

第二：麻烦

第三：手机模板和PC模板各自定义的js代码有可能不一样，所以_Self_Js.html不在同一个目录下，所以不行

第二个版本思路

尝试将VelocityHelper封装到页面的基类中去，变成一个静态的变量，这样不用增加额外的对象开销，而且内部的引擎不用做过多的初始化

在static HttpCustom()中尝试将其初始化，模板路径和HttpCustom路径保持一致，并且只初始化一次

这样在每个页面中 只需要调用就可以生成这个页面的js代码，同时传递了PcMobile目录，就可以为PC和Mobile生成各自的js代码 【比第一版的思路好多了】

VH.OutString(string.Concat(this.PcMobile, "common/vmjs.vm"), true)

坏处：每个页面都需要编写这个代码，代码还得需要编译

每个页面还需要PutSet这个页面的类型，才能动态的加载js代码

不灵活 也比较麻烦

第三版

既然可以在html中调用对象的方法，那么应该讲VH对象添加到数据上下文当中去

在html页面中调用这个方法

同时做进一步的封装string.Concat(this.PcMobile, "common/vmjs.vm") 封装到 VH的内部处理

将PcMobile 封装成它的一个属性，在HttpCustom识别出访问设备，也就是PcMobile初始化之后

也将VH的PcMobile 初始化，如此一来

在页面中就可以这样调用

$VH.PutSet("pagename","index")

$VH.OutString(true)

好处：灵活了许多

pagename 不仅仅是系统中固定的那几个值了，可以自定义

而且可以自定义是否压缩js代码

到此完成！

总结：封装思想  确定需求

来自为知笔记(Wiz)