Python+Django+Boostrap搭建我的Blog-Part01開發環境及安裝

        最近看到不少人,都在用python搭建本身的博客。經過python+Django+git,or發佈在雲平臺上。對於一個目標爲全棧工程師的測試開發人員來講,這個搭個本身的Blog也不算裝13了吧!接下來的整個開發流程,但願不單單起到一個記錄的做用。可以對python 以及Django有一個比較更深層次的學習,也可以對致力於測試開發技術的測試人員達到一個共勉的目的。不想作廚師的開發不是好測試。那麼廢話少說,咱們先來搭建環境。css

項目開發環境:python

OS: MAC OS X EI Captian 10.11.6git

Python: 2.7.10web

Django: 1.9.5django

bootstrap: 3.3.5bootstrap

IDE: Pycharm 5.0.1瀏覽器

 

Part01:session

1、安裝模塊app

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/

打開效果以下: 

相關文章
相關標籤/搜索