作者： limodou

Contents

  1. 题目要求
  2. 框架说明
  3. 步骤
    1. 创建Project4项目
    2. 创建Hello App
    3. 修改project4/apps/Hello/views.py
    4. 在project4/apps/Hello/templates下创建index.html
    5. 生成 default.css
    6. 添加uliweb.contrib.staticfiles App
    7. 结束
  4. 测试
  5. 说明

题目要求

CSS文件的引用，在模板中引入default.css

框架说明

Uliweb (http://code.google.com/p/uliweb)

步骤

在命令行下操作

创建Project4项目

uliweb makeproject project4

创建Hello App

cd project4
uliweb makeproject Hello

修改project4/apps/Hello/views.py

   1 @expose('/')
   2 def index():
   3     return {}

在project4/apps/Hello/templates下创建index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Hello World</title>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="{{= url_for_static('default.css') }}">
</head>
<body>
<h1>CSS Test</h1>
</body>
</html>

生成 default.css

创建project4/apps/Hello/static/default.css文件，内容为： 

h1 {border:1px solid #f00;}

添加uliweb.contrib.staticfiles App

Uliweb已经提供了静态文件的处理，修改 apps/settings.ini 文件中的INSTALLED_APPS如下： 

   1 INSTALLED_APPS = [
   2     'uliweb.contrib.staticfiles',
   3     'Hello',
   4     ]

结束

测试

cd project4
uliweb runserver

访问 http://localhost:8000/

结果如下：

image.jpg

说明

在使用了staticfiles后，会自动向模板环境中添加url_for_static函数，可以直接生成对app/static下的静态文件的URL。

UliwebCssFile (last edited 2009-12-25 07:10:05 by localhost)