python bottle 框架实战教程：配置网页样式

戴儒锋 2015 年 5 月 27 日19:23:18 1 12,252 views

上篇python bottle 框架实战教程：配置网页模板只配置了三个模板，还剩下404.tpl模板和首页index.tpl了

404模板就不说了，此模板已上传至SVN中，页面大概是如下效果：

404页面

index.tpl首页模板，这个模板中，不需要再写<html><head><body>这些标签了，因为它继承的base.tpl就已经包含了，这就是模板继承的方便。

%rebase base 是继承base.tpl模板，在这里不需要加.tpl模板后缀名

title = '任务管理系统' 是传递给base.tpl的参数值

效果：

任务系统首页模板

设置好HTML相关的模板后，就差python bottle框架的编写了

要让网页样式跑起来，需要在后端程序main.py中设置样式路由：

#获取本脚本所在的路径
pro_path = os.path.split(os.path.realpath(__file__))[0]
sys.path.append(pro_path)
#定义assets路径，即静态资源路径，如css,js,及样式中用到的图片等
assets_path = '/'.join((pro_path,'assets'))
@route('/assets/<filename:re:.*\.css|.*\.js|.*\.png|.*\.jpg|.*\.gif>')
def server_static(filename):
"""定义/assets/下的静态(css,js,图片)资源路径"""
return static_file(filename, root=assets_path)
@route('/assets/<filename:re:.*\.ttf|.*\.otf|.*\.eot|.*\.woff|.*\.svg|.*\.map>')
def server_static(filename):
"""定义/assets/字体资源路径"""
return static_file(filename, root=assets_path)