Python+Django+Boostrap搭建我的Blog-Part01开发环境及安装

        最近看到不少人，都在用python搭建本身的博客。经过python+Django+git，or发布在云平台上。对于一个目标为全栈工程师的测试开发人员来讲，这个搭个本身的Blog也不算装13了吧！接下来的整个开发流程，但愿不单单起到一个记录的做用。可以对python 以及Django有一个比较更深层次的学习，也可以对致力于测试开发技术的测试人员达到一个共勉的目的。不想作厨师的开发不是好测试。那么废话少说，咱们先来搭建环境。

项目开发环境：

OS: MAC OS X EI Captian 10.11.6

Python: 2.7.10

Django: 1.9.5

bootstrap: 3.3.5

IDE: Pycharm 5.0.1

 

Part01：

1、安装模块

1.安装django

pip install django：

验证： 

2.下载bootstrap3.3.5生产版本

url:http://v3.bootcss.com/getting-started/

下载包中有如下文件： 

2、创建项目及应用

1.桌面新建文件夹AutoTest/code4fs

2.使用pycharm新建工程

最后生成的目录结构以下：

注释：其实这里还有另外一种使用命令生成工程的方式：

a.建立文件夹／AutoTest/test4djangopro

b.进入该路径下：

 test4djangopro git:(master) ✗ pwd

/Users/kevin_woo/Desktop/AutoTest/test4djangopro

c.建立工程：django-admin startproject HelloDjango 

d.进入HelloDjango项目根目录下，运行命令常见hello模块

test4djangopro git:(master) ✗ cd HelloDjango

➜  HelloDjango git:(master) ✗ ll

total 8

drwxr-xr-x  6 kevin_woo  staff   204B Aug 21 18:35 HelloDjango

-rwxr-xr-x  1 kevin_woo  staff   254B Aug 21 18:35 manage.py

➜  HelloDjango git:(master) ✗ python manage.py startapp Hello

➜  HelloDjango git:(master) ✗ ll

total 8

drwxr-xr-x  9 kevin_woo  staff   306B Aug 21 18:36 Hello

drwxr-xr-x  8 kevin_woo  staff   272B Aug 21 18:36 HelloDjango

-rwxr-xr-x  1 kevin_woo  staff   254B Aug 21 18:35 manage.py 

最后使用pycharm打开该工程，与咱们直接使用pycharm建立的工程基本没什么两样。 

最后以如下命名为准：

Project :FSBlog

App:Blog 

3、启动web服务

1.选择manage.py选择工具栏下面的Run->Edit Configurations，编辑Script parameters

填入runserver 0.0.0.0:8002 即本地127.0.0.1:8002端口 

2.修改文件views.py 及urls.py 及settings.py

views.py

from django.http import HttpResponse

def hello(request):

    return HttpResponse('<h1>Hello,World!</h1>')

 

urls.py

import Blog.views

urlpatterns = [

    url(r'^index/', Blog.views.hello),

]

 

settings.py

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'Blog',

]

3.浏览器中输入如下地址：

http://127.0.0.1:8002/index/

打开效果以下：