SmartTemplate 实例分析——基本语法[basic]之DropDown_Boxes

SmartTemplate 1.2.1 官方源文件 可以从http://download.youkuaiyun.com/source/670995下载

本系列文章中的实例代码可以到我的资源http://download.youkuaiyun.com/source/670977下载
以前学东西都是东一块西一块的，现在正好有时间，学点东西，同时也做一下记录，以便备忘，也希望可以帮到学习SmartTemplate 的同学，初学，文中难免有纰漏，如有错误或不同意见，希望可以跟我联系lxbin544930@163.com，我会及时更正，共勉。

5. DropDown_Boxes

【Content】basic/DropDown_Boxes.php：

<?php require_once "../config/smarttemplate_basic.cfg.php"; $page = new SmartTemplate('DropDown_Boxes.html'); $cols = array( 'Red', 'Green', 'Blue' ); $page->assign( 'COLORS', $cols ); $page->assign('default', "Blue" ); $page->output(); ?>

【Template】templates/basic/DropDown_Boxes.html：

<form> <select name="color"> {options:COLORS,default} </select> </form>

【Return】

<form> <select name="color"> <option>Red</option> <option>Green</option> <option selected="selected">Blue</option> </select> </form>

【效果图】

【琐记】

这是一个在模板中使用option标签的例子，只是类似<option>选项1</option><option>选项2</option>这样的不带value值的选择项，带value属性的例子在扩展功能文件夹里[extensions/options.php]。

SmartTemplate模板中使用{options:COLORS,default}来表示select的选项集合<option>，对应的php处理文件中要把相应的array变量$cols通过$page->assign( 'COLORS', $cols );赋值给COLORS，实际上模板类是将{options:COLORS,default}解析为smarttemplate_extension_options ( $param,  $default = 'Blue' )，简单的说是把 '{扩展功能项:' 解析成了 'function smarttemplate_extension_扩展功能项(' 而冒号后面的作为对应函数的参数项的值。我每次都把相关功能的代码贴在附录里，这样既可以方便我们更快更准确的理解模板相关功能的使用，同时也省去了啰嗦晦涩的解释。

 

【附录】

include/smarttemplate_extensions/smarttemplate_extension_options.php的PHP代码，我对以下代码做了一些修改，注释部分为原来的代码（不做解释，仅供参考，方便理解和查阅）

<?php /** * SmartTemplate Extension options * Creates HTML DropDown Option list from an array * * Usage Example I: * Content: $template->assign('pick', array( "on", "off" ) ); * Template: Choose: <select name="onoff"> {options:pick} </select> * Result: Choose: <select name="onoff"> <option>on</option><option>off</option> </select> * * Usage Example II: * Content: $template->assign('color', array( "FF0000" => "Red", "00FF00" => "Green", "0000FF" => "Blue" ) ); * $template->assign('default', "00FF00" ); * Template: Color: <select name="col"> {options:color,default} </select> * Result: Color: <select name="col"> <option value="FF0000">Red</option><option value="00FF00" selected>Green</option><option value="0000FF">Blue</option> </select> * * @author Philipp v. Criegern philipp@criegern.com */ function smarttemplate_extension_options ( $param, $default = '_DEFAULT_' ) { $output = ""; if (is_array($param)) { $keyindex = 0; foreach ($param as $key => $value) { if ($key==$keyindex++ && is_numeric($key)) { //$output .= '<option' . (($value == $default) ? ' selected' : '') . '>' . $value . '</option>'; $output .= '<option' . (($value == $default) ? ' selected="selected"' : '') . '>' . $value . '</option>' . "/n"; } else { //$output .= '<option value="' . $key . '"' . (($key == $default) ? ' selected' : '') . '>' . $value . '</option>'; $output .= '<option value="' . $key . '"' . (($key == $default) ? ' selected="selected"' : '') . '>' . $value . '</option>' . "/n"; } } } return $output; } ?>