使用Python2.7.13+django1.11.2+vue2.0开发的个人博客网站

一、安装git

https://git-for-windows.github.io/

这是Windows下的安装地址，安装都是无脑next

二、在github上面下载项目

1.在本地选择一个文件目录，在此目录下下载项目，我的目录是D:workplace

2.右击该目录下的空白部分，会看到菜单有git bash选项，直接点击。

3.输入以下命令

git init //初始化git
git clone https://github.com/HuJieRu/djangoBlog.git //拷贝项目

4.等待完成之后就下载好了

三、启动项目

1.下载前端需要的依赖包

 cd djangoBlog/vue-blog //进入vue-blog目录
 npm install //下载
 npm run build//编译一下文件

2.安装mysql 数据库并启动

此项目的数据库配置在settings.py文件里面，要更改的请自行更改

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'blog', //数据库名称
        'USER': 'root', //用户名
        'PASSWORD': '123456', //密码
        'HOST': 'localhost', //地址
        'PORT': '3306', //端口
    }
}

3.安装django

4.期间可能会需要下载pytz、mysql-python等

5.进入项目根目录

执行以下命令

python manage.py runserver

项目即可启动成功，在浏览器输入localhost:8000即可看到项目

 四、django项目构建和前端编写

1.django项目构建可以参考我的另一篇博客，在这里就不赘述，这是博客地址http://www.cnblogs.com/jieru/p/7095351.html

2.vue-blog就是前端主要编写的地方，该项目目录是参考vuejs官网的构建方法，非常简单，在这也不赘述

3.在我的项目中vue-blog就是前端，blog就是后端

4.使用webpack进行打包

进入vue-blog，执行如下命令即可打包

npm run build

打包完在前端根目录下会出现以下文件，只要有index.html和static文件夹就好了

5.使用Django的通用视图 TemplateView

找到项目根 urls.py (即djangoBlog/urls.py)，使用通用视图创建最简单的模板控制器，访问 『/』时直接返回 index.html

from django.views.generic.base import TemplateView

urlpatterns = [

    url(r'^$', TemplateView.as_view(template_name="index.html")),

]

6.配置Django项目的模板搜索路径

上一步使用了Django的模板系统，所以需要配置一下模板使Django知道从哪里找到index.html

打开 settings.py (djangoBlog/settings.py)，找到TEMPLATES配置项，修改如下:

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        # 'DIRS': [],
        'DIRS': ['vue-blog/dist'],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

7.配置静态文件搜索路径

打开 settings.py (djangoBlog/settings.py)，找到 STATICFILES_DIRS 配置项，配置如下:

#Add for Vue.js
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "vue-blog/dist/static"),
]

然后运行项目就可以看到所谓的vue界面了。

五、建立数据库

1.首先在models.py(blog/models.py)文件写入以下模型

from __future__ import unicode_literals

from django.db import models

# Create your models here.
#用户信息表
class UserMessage(models.Model):
    email=models.EmailField("邮箱地址")
    gender=models.IntegerField("性别")
    def __unicode__(self):
        return self.email
#用户表
class User(models.Model):
    name=models.CharField("用户名称",max_length=10)
    password=models.CharField("用户密码",max_length=30)
    message=models.OneToOneField(UserMessage,verbose_name="用户信息id")
    update_time=models.DateTimeField("更新时间")
    create_time=models.DateTimeField("创建时间")
    def __unicode__(self):
        return self.name
#标签表
class Tag(models.Model):
    name=models.CharField("标签名称",max_length=10)
    def __unicode__(self):
        return self.name
#分类表
class ArticleClassify(models.Model):
    name=models.CharField("分类名称",max_length=10)
    parent_id=models.IntegerField("父id")
    def __unicode__(self):
        return self.name
#文章表
class Article(models.Model):
    title=models.CharField("文章标题",max_length=30)
    content=models.TextField("文章内容")
    author=models.ForeignKey(User,verbose_name="文章作者id")
    tag= models.ManyToManyField(Tag,verbose_name="标签")
    classify=models.ForeignKey(ArticleClassify,verbose_name="分类id")
    browse=models.IntegerField("阅读量",default=0)
    status=models.IntegerField("文章状态，0：存在，1：已删除",default=0)
    update_time=models.DateTimeField("更新时间")
    create_time=models.DateTimeField("创建时间")
    def __unicode__(self):
        return self.title

2.构建数据库

可以选择自己重新生成

python manage.py makemigrations #列出数据库操作
python manage.py migrate #执行操作

也可以直接导入数据库，sql文件在DB文件夹下

六、构建日志服务

1.在根目录创建logger文件夹，如下：

这些文件里面的内容为空即可

2.在settings.py导入日志服务模块:

import logging
import django.utils.log
import logging.handlers

3.配置日志服务信息：

LOGGING = {
    'version': 1,
    'disable_existing_loggers': True,
    'formatters': {
       'standard': {
            'format': '%(asctime)s [%(module)s:%(funcName)s] [%(levelname)s]- %(message)s'}   
    },
    'filters': {
    },
    'handlers': {
        'mail_admins': {
            'level': 'ERROR',
            'class': 'django.utils.log.AdminEmailHandler',
            'include_html': True,
        },
        'default': {
            'level':'DEBUG',
            'class':'logging.handlers.RotatingFileHandler',
            'filename': 'logger/all.log',     
            'maxBytes': 1024*1024*5,                  
            'backupCount': 5,                         
            'formatter':'standard',                   
        },
        'error': {
            'level':'ERROR',
            'class':'logging.handlers.RotatingFileHandler',
            'filename': 'logger/error.log',
            'maxBytes':1024*1024*5,
            'backupCount': 5,
            'formatter':'standard',
        },
        'console':{
            'level': 'DEBUG',
            'class': 'logging.StreamHandler',
            'formatter': 'standard'
        },
        'request_handler': {
            'level':'DEBUG',
            'class':'logging.handlers.RotatingFileHandler',
            'filename': 'logger/request.log', 
            'maxBytes': 1024*1024*5, 
            'backupCount': 5,
            'formatter':'standard',
        },
        'scprits_handler': {
            'level':'DEBUG',
            'class':'logging.handlers.RotatingFileHandler',
            'filename':'logger/scprits.log', 
            'maxBytes': 1024*1024*5, 
            'backupCount': 5,
            'formatter':'standard',
        }
    },
    'loggers': {
        'django': {
            'handlers': ['default', 'console'],
            'level': 'DEBUG',
            'propagate': False 
        },
        'django.request': {
            'handlers': ['request_handler'],
            'level': 'DEBUG',
            'propagate': False,
        },
        'scripts': { 
            'handlers': ['scprits_handler'],
            'level': 'INFO',
            'propagate': False
        },
        'sourceDns.webdns.views': {
            'handlers': ['default', 'error'],
            'level': 'DEBUG',
            'propagate': True
        },
        'sourceDns.webdns.util':{
            'handlers': ['error'],
            'level': 'ERROR',
            'propagate': True
        }
    } 
}

 4.使用日志服务，在views.py（blog/）文件下添加如下代码就可以在该文件中使用logging了

import logging
# Get an instance of a logger
logger = logging.getLogger('sourceDns.webdns.views')