基于Django的博客BBS项目
项目流程内容概要
第一部分
bbs是一个前后端不分离的全栈项目,前端和后端都需要我们自己-步步的完成
●表创建及同步
●注册功能
。forms组件
。用户头像前端实时展示
ajax
●登陆功能
。自己实现图片验证码
●搭建bbs首页
。导航条根据用户是否登陆展示不同的内容
第二部分
●登陆功能
●bbs首页搭建
。导航条用户功能
●admin后台管理
●首页文章展示
●用户头像展示(media配置)
●图片防盗链
●个人站点页面搭建
●侧边栏展示功能
。标签
。分类
。日期
●侧边栏筛选功能
●将侧边栏制作成inclusion_tag
第三部分
●侧边栏制作成inclusion. tag
●文章的点赞点踩(重点)
●文章的评论(重点)
。先只做根评论
。之后再做子评论
。小bug完善
后面内容
●后台管理
●xss攻击
●用户头像修改
第四部分
●后台管理
文章查增 改删
前端编辑器(kindeditor富文本编辑器)
●处理XSS攻击以及文章摘要的处理
●编辑器上传图片
●修改用户头像
●bbs小总结
项目具体流程
1.数据库表创建及同步
由于django自带的sqlite数据库对日期不敏感,所以我们换成MySQL
1.1创建项目
左栏选Django, 右边选本地环境, 打上项目名称, 配上默认应用名, 点击创建
1.2创建数据库
打开Navicat for MySQL 打开连接, 在某一数据库处右键创建数据库, 字符集选择 'utf8'
1.3修改配置文件与__init__文件
1.3.1修改数据库配置
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.mysql',
'NAME': 'bbslib',
'USER': 'root',
'PASSWORD': '123456',
'HOST': '127.0.0.1',
'PORT': 3306,
'CHARSET': 'utf8'
}
}
1.3.2修改任意__init__文件
import pymysql
pymysql.install_as_MySQLdb()
1.4models中创建相关表以及字段
from django.db import models
# Create your models here.
'''
创表思路:
先写普通字段
之后再写外键字段
'''
from django.contrib.auth.models import AbstractUser
class UserInfo(AbstractUser):
# 手机号字段
phone = models.BooleanField(verbose_name='手机号', null=True)
# 头像字段
avatar = models.FileField(upload_to='avatar/', default='avatar/default.png', verbose_name='用户头像')
'''给avatar字段传文件对象该文件会自动存储到avatar文件下然后avatar字段只保存文件路径avatar/default.png'''
# 创建时间
creat_time = models.DateField(auto_now_add=True)
# 外键字段
blog = models.OneToOneField(to='Blog', null=True, on_delete=models.CASCADE)
class Blog(models.Model):
site_name = models.CharField(verbose_name='站点标题', max_length=32)
sist_title = models.CharField(verbose_name='站点标题', max_length=32)
# 简单模拟带你认识样式内部原理的操作
sist_theme = models.CharField(verbose_name='站点样式', max_length=64) # 存css/js的文件路径
class Category(models.Model):
name = models.CharField(verbose_name='文章分类', max_length=32)
# 外键字段
blog = models.ForeignKey(to='Blog', null=True, on_delete=models.CASCADE)
class Tag(models.Model):
name = models.CharField(verbose_name='文章标签', max_length=32)
# 外键字段
blog = models.ForeignKey(to='Blog', null=True, on_delete=models.CASCADE)
class Article(models.Model):
title = models.CharField(verbose_name='文章标题', max_length=64)
desc = models.CharField(verbose_name='文章简介', max_length=255)
# 文章内容有很多-般情况下都是使用TextField
content = models.TextField(verbose_name='文章内容')
create_time = models.DateField(auto_now_add=True)
# 数据库字段设计优化
up_num = models.BigIntegerField(verbose_name='点赞数', default=0)
down_num = models.BigIntegerField(verbose_name='点踩数', default=0)
comment_num = models.BigIntegerField(verbose_name='评论数', default=0)
# 外键字段(3个)
blog = models.ForeignKey(to='Blog', null=True, on_delete=models.CASCADE)
category = models.ForeignKey(to='Category', null=True, on_delete=models.CASCADE)
# 文章跟标签是多对多关系, 三种多对多创建方式, 我们选择自己创建第三张表
tags = models.ManyToManyField(to='Tag',
through='Article2Tag',
through_fields=('article', 'tag')
)
class Article2Tag(models.Model):
article = models.ForeignKey(to='Article', on_delete=models.CASCADE)
tag = models.ForeignKey(to='Tag', on_delete=models.CASCADE)
class UpAndDown(models.Model):
user = models.ForeignKey(to='UserInfo', on_delete=models.CASCADE)
article = models.ForeignKey(to='Article', on_delete=models.CASCADE)
# 记录点赞还是点踩
is_up = models.BooleanField() # 传布尔值, 存0/1
class Comment(models.Model):
user = models.ForeignKey(to='UserInfo', on_delete=models.CASCADE)
article = models.ForeignKey(to='Article', on_delete=models.CASCADE)
content = models.CharField(verbose_name='评论内容', max_length=255)
comment_time = models.DateTimeField(verbose_name='评论时间', auto_now_add=True)
# 自关联
parent = models.ForeignKey(to='self', null=True, on_delete=models.CASCADE) # 有些评论就是根评论 null=True
# parent = models.ForeignKey(to='Comment', null=True) # 有些评论就是根评论 null=True
"""
在django2.0后,定义外键和一对一关系的时候需要加on_delete选项,此参数为了避免两个表里的数据不一致问题,不然会报错:
TypeError: __init__() missing 1 required positional argument: 'on_delete
"""
1.5同步到数据库
python manage.py makemigrations
python manage.py migrate
1.6forms组件的创建使用
"""
@Time : 2021/9/19 20:36
@Author : 常雷
@File : myfroms.py
@Software: PyCharm
"""
# 书写针对用户表的forms组件代码
from django import forms
from app01 import models # 为了数据库校验
class MyRegForm(forms.Form):
username = forms.CharField(label='用户名', min_length=3, max_length=8,
error_messages={
'required': '用户名不能为空',
'min_length': '用户名最少三位',
'max_length': '用户名最多八位',
},
# 还需要让标签有bootstrap样式
widget=forms.widgets.TextInput(attrs={
'class': 'form-control'})
)
password = forms.CharField(label='密码', min_length=3, max_length=8,
error_messages={
'required': '密码不能为空',
'min_length': '密码最少三位',
'max_length': '密码最多八位',
},
# 还需要让标签有bootstrap样式
widget=forms.widgets.PasswordInput(attrs={
'class': 'form-control'})
)
confirm_password = forms.CharField(label='确认密码', min_length=3, max_length=8,
error_messages={
'required': '确认密码不能为空',
'min_length': '确认密码最少三位',
'max_length': '确认密码最多八位',
},
# 还需要让标签有bootstrap样式
widget=forms.widgets.PasswordInput(attrs={
'class': 'form-control'})
)
email = forms.EmailField(label='邮箱📪',
error_messages={
'required': '邮箱📪不能为空',
'invalid': '邮箱📪格式不正确',
},
widget=forms.widgets.EmailInput(attrs={
'class': 'form-control'})
)
# 钩子函数
# 局部钩子:校验用户名是否已存在
def clean_username(self):
username = self.cleaned_data.get('username')
# username = self.changed_data.get('username')
# 去数据库中校验
is_exist = models.UserInfo.objects.filter(username=username)
if is_exist:
# 提示信息
self.add_error('username', '用户名已存在')
return username
# 全局钩子校验两次密码是否一致
def clean(self):
password = self.cleaned_data.get('password')
confirm_password = self.cleaned_data.get('confirm_password')
if not password == confirm_password:
# 提示信息
self.add_error('confirm_password', '两次密码不一致')
return
'''
Form.errors
返回一个ErrorDict实例,包含当前表单所有的错误,可以在is_valid之前调用
Form.has_error(field, code=None)
返回指定field是否有错误
Form.add_error(field, error)
向指定field添加一个错误
Form.non_field_errors()
不属于field的错误,如数据库中有复合主键重复等.
'''
2.书写注册功能
思考:验证用户名等信息?froms组件
我们之前是直接在views.py中书写的forms组件代码
但是为了接耦合应该将所有的forms组件代码单独写到一个地方
如果你的项目至始至终只用到一个forms组件那么你可以直接建一个py文件 书写即可, 但是如果你的项目需要使用多个forms组件,那么你可以创建一个文件夹在文件夹内根据forms组件功能的不同创建不同的py文件
2.1froms组件实现注册
代码示例:
"""
@Time : 2021/9/19 20:36
@Author : 常雷
@File : myfroms.py
@Software: PyCharm
"""
# 书写针对用户表的forms组件代码
from django import forms
from app01 import models # 为了数据库校验
class MyRegForm(forms.Form):
username = forms.CharField(label='用户名', min_length=3, max_length=8,
error_messages={
'required': '用户名不能为空',
'min_length': '用户名最少三位',
'max_length': '用户名最多八位',
},
# 还需要让标签有bootstrap样式
widget=forms.widgets.TextInput(attrs={
'class': 'form-control'})
)
password = forms.CharField(label='密码', min_length=3, max_length=8,
error_messages={
'required': '密码不能为空',
'min_length': '密码最少三位',
'max_length': '密码最多八位',
},
# 还需要让标签有bootstrap样式
widget=forms.widgets.PasswordInput(attrs={
'class': 'form-control'})
)
confirm_password = forms.CharField(label='确认密码', min_length=3, max_length=8,
error_messages={
'required': '确认密码不能为空',
'min_length': '确认密码最少三位',
'max_length': '确认密码最多八位',
},
# 还需要让标签有bootstrap样式
widget=forms.widgets.PasswordInput(attrs={