A-A+
python bottle 框架实战教程：配置网页样式
上篇python bottle 框架实战教程：配置网页模板只配置了三个模板，还剩下404.tpl模板和首页index.tpl了
404模板就不说了，此模板已上传至SVN中，页面大概是如下效果：
404页面
index.tpl首页模板，这个模板中，不需要再写<html><head><body>这些标签了，因为它继承的base.tpl就已经包含了，这就是模板继承的方便。
- %rebase base title = '任务管理系统'
- <div class="page-body">
- <div class="row">
- <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
- 左上位置（先占位）
- </div>
- <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
- 右上位置（先占位）
- </div>
- </div>
- </div>
%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)
assets_path 是静态资源存放的路径，这里使用了正则匹配多个文件类型，只要是在/assets/目录下面的.css.js.png.jpg,gif等，程序都会自动找到，所以相关的静态文件，必须放在/assets/目录下，否则程序找不到
定义首页路由和404错误页
- @error(404)
- def error404(error):
- """定制错误页面"""
- return template('404')
- @route('/')
- def index():
- """首页"""
- return template('index')
本篇教程相关的代码已上传至SVN之中
SVN请跳转至：python bottle框架（WEB开发、运维开发）教程目录
1 条留言 访客：0 条 博主：0 条 引用： 1 条
来自外部的引用： 1 条