利用ONEThink框架二次开发实现图集列表模版

在实现图集的过程离不开样式模版，那么在index方法增加模版变量置换和模版渲染等方法，为展示页面做基础。最终代码如下：

此时在游览器中访问index方法会提示找不到index.html模块文件，所以需要在目录Application/Admin/View下新增Photos文件夹，并新增index.html。增加模版的基本结构代码如下：

index.html文件主体继承自View下Public目录的base.html文件（包含html基本结构），使用block标签来划分不同的功能模块。其中，name属性为body的标签区域可以展示图集的列表、分页和按钮等功能；name属性为script的标签区域则进行JavaScript和CSS样本的添加。此时在游览器访问index方法的效果如图所示

此时发现左侧并没有导航样式，所以需要在系统菜单中增加菜单数据（链接为：Photos/index）。完成后在script里面增加导航高亮代码如下：highlight_subnav("{:U("Photos/index")}");再次访问时，发现已经增加了左侧导航高亮效果，如图所示

随后增加按钮区域代码与列表雨区代码如下：

因为在引入base.htm文件的时候，就已经引入了框架的各种基础类库（jquery框架、各种JavaScript类库和全局样式），所以若需要给某个按钮或超链接增加按钮样式，只需要直接增加class属性名为btn即可。若单击按钮需要以Ajax的方式进行页面请求，只需要在class属性中追加ajax-post/ajax-get即可。这两种方式分别代表以POST或者GET请求访问地址。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！