【python + django + bootstrap】Web开发试用

Ubuntu下python + django + bootstrap从零开始搭建在:
https://blog.csdn.net/Joanna_yan/article/details/105529785

 

目录

一、创建项目(project)和应用(app)

二、bootstrap网站模板

三、配置index

四、测试


 

一、创建项目(project)和应用(app)

一切都在/home/rooto/code/sample文件夹中,项目名【myproject】,应用名【myapp】。
1.创建项目project:
django-admin.py startproject myproject

【python + django + bootstrap】Web开发试用_第1张图片
2.为项目myproject创建应用app:
cd myproject
django-admin.py startapp myapp
【python + django + bootstrap】Web开发试用_第2张图片
3.myapp添加到myproject的配置文件
在myproject的配置文件/sample/myproject/myproject/settings.py中增加myapp
【python + django + bootstrap】Web开发试用_第3张图片

 

二、bootstrap网站模板

1.在项目目录sample/myproject下创建static 目录
2.下载bootstrap,在bootstrap中文网可以下载到最新版本,选第一个连接下载,也可以利用下载地址使用命令行下载
【python + django + bootstrap】Web开发试用_第4张图片
下载并解压bootstrap:
wget https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip
unzip bootstrap-3.3.7-dist.zip
把解压出来的css、fonts、js三个文件夹放到static中:
【python + django + bootstrap】Web开发试用_第5张图片
3.配置静态文件
/sample/myproject/myproject/settings.py中增加静态文件路径STATICFILES_DIRS:
STATICFILES_DIRS = (
        '/home/rooto/code/sample/myproject/static/',
)
【python + django + bootstrap】Web开发试用_第6张图片

 

三、配置index

1.创建默认的模板目录
mkdir /home/rooto/code/sample/myproject/myapp/templates
2.新建index.html
gedit /home/rooto/code/sample/myproject/myapp/templates/index.html
内容为:https://www.runoob.com/bootstrap/bootstrap-make-a-website.html




    
    
    
    
    
    
 
    Starter Template for Bootstrap
    
    
  
 
  
 

我的第一个 Bootstrap 页面

重置浏览器窗口大小查看效果!

关于我

我的照片:
这边插入图像

关于我的介绍..

链接

描述文本。

标题

副标题
图像

一些文本..

菜鸟教程,学的不仅是技术,更是梦想!!!菜鸟教程,学的不仅是技术,更是梦想!!!菜鸟教程,学的不仅是技术,更是梦想!!!


标题

副标题
图像

一些文本..

菜鸟教程,学的不仅是技术,更是梦想!!!菜鸟教程,学的不仅是技术,更是梦想!!!菜鸟教程,学的不仅是技术,更是梦想!!!

底部内容


3.添加index函数
myapp 的视图文件/home/rooto/code/sample/myproject/myapp/views.py中增加index
from django.shortcuts import render,render_to_response
def index(req):
        return render_to_response('index.html',)
【python + django + bootstrap】Web开发试用_第7张图片
4.配置Djiango的url
参看:https://www.cnblogs.com/bypp/p/7992933.html
/sample/myproject/myproject/urls.py中增加myapp的view的映射条目
当访问根时,由myapp的views.py中的index函数处理
【python + django + bootstrap】Web开发试用_第8张图片

 

四、测试

1.数据库注释
因为不用数据库,把/sample/myproject/myproject/settings.py中DATABASES的内容注释掉
【python + django + bootstrap】Web开发试用_第9张图片
2.运行
python manage.py runserver 8080
【python + django + bootstrap】Web开发试用_第10张图片
网页效果:
【python + django + bootstrap】Web开发试用_第11张图片

你可能感兴趣的:(Python笔记,django,python)