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

馋奶兔 提交于 2019-12-05 21:21:15

        最近看到很多人,都在用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.安装django

pip install django:

验证: 

2.下载bootstrap3.3.5生产版本

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

下载包中有以下文件: 

二、建立项目及应用

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 

三、启动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/

打开效果如下: 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!