学习ThinkPHP3.2.2:模板文件所需css文件位置
2015-10-02 20:40
435 查看
1、生成css文件:D:\wamp\www\MyWeb\Public\css\common.css
文件内容:
body{ background: #ffb; color: #333;}
.result{border:1px solid #d4d4d4; background:#FFC;color:#393939; padding:8px 20px;float:auto; width:350px;margin:2px}
.main{ padding: 0; margin: 0;font-size:16px; font-family: "微软雅黑"}
2、修改模板文件:D:\wamp\www\MyWeb\Application\Home\View\Index\index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<load href="__PUBLIC__/Css/Common.Css" />
<title>ThinkPHP示例:模板</title>
</head>
<html>
<body>
<div class="main">
<block name="title">提示</block>
<block name="content1"><div class="result">这里是模板定义内容1</div></block>
<block name="content2"><div class="result">这里是模板定义内容2</div></block>
</div>
</body>
</html>
3、浏览:http://localhost/myweb/
4、看一下网页源代码,注意看模板文件位置已被替换:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="/myweb/Public/Css/Common.Css"
/>
<title>ThinkPHP示例:模板</title>
</head>
<html>
<body>
<div class="main">
提示
<div class="result">这里是模板定义内容1</div>
<div class="result">这里是模板定义内容2</div>
</div>
</body>
</html>
文件内容:
body{ background: #ffb; color: #333;}
.result{border:1px solid #d4d4d4; background:#FFC;color:#393939; padding:8px 20px;float:auto; width:350px;margin:2px}
.main{ padding: 0; margin: 0;font-size:16px; font-family: "微软雅黑"}
2、修改模板文件:D:\wamp\www\MyWeb\Application\Home\View\Index\index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<load href="__PUBLIC__/Css/Common.Css" />
<title>ThinkPHP示例:模板</title>
</head>
<html>
<body>
<div class="main">
<block name="title">提示</block>
<block name="content1"><div class="result">这里是模板定义内容1</div></block>
<block name="content2"><div class="result">这里是模板定义内容2</div></block>
</div>
</body>
</html>
3、浏览:http://localhost/myweb/
4、看一下网页源代码,注意看模板文件位置已被替换:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="/myweb/Public/Css/Common.Css"
/>
<title>ThinkPHP示例:模板</title>
</head>
<html>
<body>
<div class="main">
提示
<div class="result">这里是模板定义内容1</div>
<div class="result">这里是模板定义内容2</div>
</div>
</body>
</html>
相关文章推荐
- 学习ThinkPHP3.2.2:模板文件的加载
- 学习ThinkPHP3.2.2:了解并测试与3.1不同之处_自定义函数文件名称
- 学习ThinkPHP3.2.2(五):编辑记录
- PHP实现邮件的自动发送
- PHP数组详解
- php yii连接mysql配置扩展
- phpstorm 9.0最新 注册码亲测可用注册码
- 《php和mysql web开发》笔记——第10章 使用MySQL数据库
- php使用命名空间:别名/导入
- 《php和mysql web开发》笔记——第9章 创建Web数据库
- thinkphp3.2.3子查询中遇到的错误
- php try,catch,throw异常处理
- 数据库出现无法载入MYSQL扩展,请检查PHP配置的解决
- 5-v4l2——input and output输入输出
- zendstudio 10 安装
- PHP数组各种操作与函数汇总
- php 获取时间
- php初学者容易犯的几个错误
- 8个必备的PHP功能开发
- lamp搭建phpMyAdmin+wordpress+Discuz 推荐