作者：ubunoon

Contents

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

题目要求

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

框架说明

Pylons (http://pylonshq.com)

步骤

在命令行下操作

1.创建Project4项目

paster create -t pylons project4

2.创建Hello App

cd project4
paster controller hello

3.修改project4/controllers/hello.py

   1 def index(self):
   2     return render('/index.html')

4.在project4/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="/css/default.css">
</head>
<body>
<h1>CSS Test</h1>
</body>
</html>

5.生成 default.css

创建project4/public/css/default.css文件，内容为： 

h1 {border:1px solid #f00;}

6.结束

测试

cd project4
paster serve --reload development.ini

访问 http://localhost:5000/hello/index

结果如下：

image.jpg

说明

pylons直接在public中寻找静态文件