Python + Django + Bootstrap快速web开发

Posted on Edited on In

背景

利用python,Django设计后台框架,Bootstrap设计前台框架快速开发web界面.

建立虚拟环境Virtualenv

建立虚拟环境

1
2
3
4
5
6
7
8
9
#查找python地址
$ which python3
/usr/local/bin/python3
#建立虚拟环境
$ virtualenv -p /usr/local/bin/python3.5 ENV3.5
导入虚拟环境Virtualenv
$ source ENV3.5/bin/activate
退出虚拟环境Virtualenv
$ deactivate

安装Django

1
2
3
4
5
6
7
#通过pip安装Django
$ pip install Django
#如果需要规定版本
$ pip install -v Django==1.10
#检验Django
$ django-admin.py --version
1.10

创建Django项目与应用并测试

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
#创建Django项目
$ django-admin.py startproject web_test
cd web_test
#创建myapp应用
$ django-admin.py startapp myapp
#修改项目配置文件setting.py
#1 在INSTALLED_APPS增加一个app，如下增加myapp
INSTALLED_APPS = (
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'myapp',
)
#2 本地化配置
LANGUAGE_CODE = 'zh-hans'
DEFAULT_CHARSET = 'utf-8'
FILE_CHARSET = 'utf-8'
TIME_ZONE = 'Asia/Shanghai'
#设置admin账号
$ python manage.py createsuperuser
#运行Django
$ python manage.py runserver

Admin使用Django-suit主题

django admin主题目前主要有两个项目

django-suit

django-grappelli

目前均支持Django 1.09,以django-suit为例,安装教程

1
2
3
#pip安装django-suit
$pip install django-suit


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#修改setting.py配置文件
#添加suit app
INSTALLED_APPS = (
    'suit',
    'django.contrib.admin',
    ...
)
#添加'django.core.context_processors.request'
TEMPLATES = [
    {
        ......
        'OPTIONS': {
            'context_processors': [
                .........
                'django.core.context_processors.request',
            ],
        },
    },
]

加入Bootstrap文件

1
2
3
4
5
6
7
8
#配置static文件位置
STATIC_URL = '/static/'

STATICFILES_DIRS = (

    os.path.join(BASE_DIR, 'static'),

)

在BASE_DIR文件夹内加入Bootstrap的源文件
建立Templates文件夹加入index.html,引用bootstrap