1 下载和安装
到官方网站下载Bootstrap压缩包,并解压到项目的resource目录中。下载jquery.min.js文件,也放到resource目录中。
完成后的目录大概是这样的:
/resource/manage/images/bg_body.jpg文件是一个图片,后方会用到。
2 创建helloworld页面
在/website_python/templates/manage下创建页面:bootstrap.html,内容如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Bootstrap's DEMO</title>
<!-- Bootstrap core CSS -->
<link href="/resource/bootstrap-v3.3.0/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<p>Hello World!</p>
</div><!-- /.container -->
<!-- Bootstrap core JavaScript -->
<script src="/resource/jquery/jquery-2.1.3.min.js"></script>
<script src="/resource/bootstrap-v3.3.0/js/bootstrap.min.js"></script>
</body>
</html>
3 修改views.py
按照前文的方法在views.py中增加如下代码:
def bootstrap(request):
return render_to_response('manage/bootstrap.html')
4 修改urls.py
修改urls.py,在urlpatterns中增加:
('^manage/bootstrap/$', bootstrap),
注意要import。
5 测试访问
打开cmd,转入项目目录下输入:python manage.py runserver
然后打开浏览器输入:http://127.0.0.1:8000/manage/bootstrap/
就可以看到helloworld页面了。