用smarty配置文件改变页面的风格
2011-11-23 17:52
260 查看
昨天，我们通过做新闻管理系统，相信对smarty也有所了解了。今天，我们来补充一下昨天做的新闻管理系统。大家都会遇到这种情况，当我们浏览网页的时候，网页的一角可以让用户选择自己喜欢的风格。它会留给用户一个下来菜单，可供用户选择。当用户选择后，页面的风格就发生了变化。今天，我们就做这个功能加到昨天做的新闻管理系统里面，以后我们陆续加上各个功能，让新闻管理系统更加完善。
做这个功能之前，我们要在项目的目录上新建一个文件夹，这个文件夹是用来放置smarty的配置文件。我们要从smarty的配置文件中读取变量，传递给模板文件，让页面发生风格变化。我们要新建一个configs目录，在目录里新建一个foo.conf文件。在这个文件里，我们要写入以下代码：
[one]
background="./images/1.jpg"
[two]
background="./images/2.jpg"
文件里面的内容我就不介绍了，如果大家有看不懂的，可以翻看前几天我给大家讲解的博文，里面讲解了从配置文件里读取变量。我们还要在模板文件里写一个下来菜单，让用户选择页面风格：
页面风格：<select name="type" onchange="fengge()" id="type">
<option>--请选择--</option>
<option value="one">卡通风格</option>
<option value="two">非主流风格</option>
</select>
当用户选择其中一个风格后，它就会触发onchange事件，就会调用fengge（）函数：
<script language="javascript">
function fengge(){
aa = document.getElementById("type").value;
document.myform.action="./index.php?type="+aa;
document.myform.submit();
}
</script>
这是就会发送到index.php这个文件，在这个文件里面我们要获取type的值，在用assign函数分配变量给模板文件，下面是模板文件发生改变的地方：
<{config_load file="foo.conf" section=$style}>
<body style="background-image:url(<{#background#}>)">
做这个功能之前，我们要在项目的目录上新建一个文件夹，这个文件夹是用来放置smarty的配置文件。我们要从smarty的配置文件中读取变量，传递给模板文件，让页面发生风格变化。我们要新建一个configs目录，在目录里新建一个foo.conf文件。在这个文件里，我们要写入以下代码：
[one]
background="./images/1.jpg"
[two]
background="./images/2.jpg"
文件里面的内容我就不介绍了，如果大家有看不懂的，可以翻看前几天我给大家讲解的博文，里面讲解了从配置文件里读取变量。我们还要在模板文件里写一个下来菜单，让用户选择页面风格：
页面风格：<select name="type" onchange="fengge()" id="type">
<option>--请选择--</option>
<option value="one">卡通风格</option>
<option value="two">非主流风格</option>
</select>
当用户选择其中一个风格后，它就会触发onchange事件，就会调用fengge（）函数：
<script language="javascript">
function fengge(){
aa = document.getElementById("type").value;
document.myform.action="./index.php?type="+aa;
document.myform.submit();
}
</script>
这是就会发送到index.php这个文件，在这个文件里面我们要获取type的值，在用assign函数分配变量给模板文件，下面是模板文件发生改变的地方：
<{config_load file="foo.conf" section=$style}>
<body style="background-image:url(<{#background#}>)">
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 在jsp页面中直接读取.properties文件中的配置
- SpringMVC+HibernateValidator，配置在properties文件中的错误信息回显前端页面出现中文乱码
- 在jsp页面修改XML配置文件里的参数值
- struts2改变配置文件路径的一系列问题
- PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例
- solr学习之路 配置文件的讲解以及页面客户端的使用 <二>
- 用定制标签库和配置文件实现对JSP页面元素的访问控制
- rockmongo配置文件config.php(页面管理工具)
- Smarty中配置文件的用法
- 利用配置文件实现可选风格下拉菜单
- 微信小程序开发(四) - 页面配置 - json 文件
- nginx配置解决vue单页面打包文件大，首次加载慢的问题
- bash 配置文件／提示符／改变 $PATH
- shtml页面include网页文件Apache开启SSI配置
- smarty的配置文件以及配置文件的加载
- ASP.NET Portal starter Kit ----之页面配置文件
- 配置tomcat自动加载改变的class文件(无需重启tomcat)
- wcf client与webservice通信（-）只修改配置文件而改变服务端
- vim配置文件（本人喜欢的风格）
- 配置了404页面项目文件夹下的文件不存在不走自定义页面。