前面已经提到一个模板中可以套用另外一个模板,现在就来看看这个论坛基本布局模板是怎么样的?如下:
$def with (content)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>$title</title>
<meta name="robots" content="all,follow" />
<link rel="stylesheet" type="text/css" href="/static/css/style.css" />
<link rel="stylesheet" type="text/css" href="/static/css/jquery.cleditor.css" />
</head>
<body>
<div id="main">
<div id="header">
<div id="sitename">
<a href="/">$site_name</a>
</div>
<div id="nav_bar">
<ul>
$for m in menu:
<li><a href="$m['link']">$m['name']</a></li>
</ul>
</div>
</div>
<div id="content">
$:content
</div>
<div id="footer">
© 2018 - <a href="http://blog.csdn.net/caimouse/article/details/51749579">$author</a>. All rights reserved. | <a href="/about">关于</a>
</div>
</div>
<script type="text/javascript" src="/static/js/lib/require.min.js" data-main="/static/js/main.js"></script>
</body>
</html>
这个模板保存在目录caiforum\templates下面,它的文件名称为layout.html。
模板的第一个变量参数是content,它就是输入的内容,然后在这里进行输出:
<div id="content">
$:content
</div>
这个$:后面就会输出变量的内容。$title是引用global_vars = {**settings.GLOBAL_PARAMS, **params}字典的键值,$site_name同样是这样引用,$author也是。 menu是访问一个菜单项,进行循环输出。
因此模板list.html的内容,就会出现在这个模板content的位置,达到首页进行输出的结果。
模板list.html内容如下:
$def with (page_posts, page_count, page)
$code:
grace = 5
range = grace * 2
start = page - grace if page - grace > 0 else 1
end = start + range
if end > page_count:
end = page_count
start = end - range if end - range > 0 else 1
return
<div id="new_post">
<a href="/add">+发帖</a>
</div>
<table id="post_list">
<tbody>
<tr>
<th class="title">话题</th>
<th class="author">作者</th>
<th class="reply_count">回应</th>
<th class="last_reply_time">最后回应</th>
</tr>
$for p in page_posts:
<tr>
<td title="$p['title']"><a href="/view/$p['id']">$trim_utf8(p['title'], 25)</a></td>
<td><a href="/user/$p['userid']">$p['username']</a></td>
<td>$p['comment_count']</td>
<td>$p['last_time']</td>
</tr>
</tbody>
</table>
<div id="post_pager">
$if start > 1:
<a class="page" href="/?page=1">1</a> ...
$for i in range(start, end+1):
$if i == page:
<span class="page">$i</span>
$else:
<a class="page" href="/?page=$i">$i</a>
$if end < page_count:
... <a class="page" href="/?page=$page_count">$page_count</a>
</div>
最后运行代码之后输出如下:
相关源码下载如下:
http://download.csdn.net/download/caimouse/10254065