【毕业设计】基于Django的个人博客系统

男娘i 2024-03-30 11:55 153阅读 0赞

文章目录

  • 0 前言
  • 1 项目需求
  • 2 项目设计
    • 2.1 数据库设计
    • 2.2 站点管理
    • 2.3 注册
    • 2.4 登录
    • 2.5 网站首页
    • 2.6 个人站点
    • 2.7 文章详情
    • 2.8 后台管理
    • 2.9 批量建立测试数据
  • 3 最后

0 前言

Hi，大家好，学长今天想大家介绍一个学长做过的项目，基于Django的个人博客系统

在这里插入图片描述

1 项目需求

  • 基于ajax和用户认证组件实现登录验证
  • 基于ajax和form组件实现注册功能
  • 系统首页文章列表的渲染
  • 个人站点页面设计
  • 文章详细页的继承
  • 点赞与踩灭
  • 评论功能
  • 富文本编辑器的使用
  • 防止xss攻击

在这里插入图片描述

2 项目设计

2.1 数据库设计

  • 1.继承AbstractUser
  • 2.中介模型

  • 3.联合唯一
    在这里插入图片描述

    from django.db import models
    ​

    Create your models here.

    ​
    ​
    from django.contrib.auth.models import AbstractUser
    ​
    ​
    class UserInfo(AbstractUser):

    1. """
    2. 用户信息
    3. """
    4. nid = models.AutoField(primary_key=True)
    5. telephone = models.CharField(max_length=11, null=True, unique=True)
    6. avatar = models.FileField(upload_to='avatars/', default="avatars/default.png")
    7. create_time = models.DateTimeField(verbose_name='创建时间', auto_now_add=True)

    ​

    1. blog = models.OneToOneField(to='Blog', to_field='nid', null=True, on_delete=models.CASCADE)

    ​

    1. def __str__(self):
    2.     return self.username

    ​
    ​
    class Blog(models.Model):

    1. """
    2. 博客信息
    3. """
    4. nid = models.AutoField(primary_key=True)
    5. title = models.CharField(verbose_name='个人博客标题', max_length=64)
    6. site_name = models.CharField(verbose_name='站点名称', max_length=64)
    7. theme = models.CharField(verbose_name='博客主题', max_length=32)

    ​

    1. def __str__(self):
    2.     return self.title

    ​
    ​
    class Category(models.Model):

    1. """
    2. 博主个人文章分类表
    3. """
    4. nid = models.AutoField(primary_key=True)
    5. title = models.CharField(verbose_name='分类标题', max_length=32)
    6. blog = models.ForeignKey(verbose_name='所属博客', to='Blog', to_field='nid', on_delete=models.CASCADE)

    ​

    1. def __str__(self):
    2.     return self.title

    ​
    ​
    class Tag(models.Model):

    1. nid = models.AutoField(primary_key=True)
    2. title = models.CharField(verbose_name='标签名称', max_length=32)
    3. blog = models.ForeignKey(verbose_name='所属博客', to='Blog', to_field='nid', on_delete=models.CASCADE)

    ​

    1. def __str__(self):
    2.     return self.title

    ​
    ​
    class Article(models.Model):

    1. nid = models.AutoField(primary_key=True)
    2. title = models.CharField(max_length=50, verbose_name='文章标题')
    3. desc = models.CharField(max_length=255, verbose_name='文章描述')
    4. create_time = models.DateTimeField(verbose_name='创建时间', auto_now_add=True)
    5. content = models.TextField()

    ​

    1. comment_count = models.IntegerField(default=0)
    2. up_count = models.IntegerField(default=0)
    3. down_count = models.IntegerField(default=0)

    ​

    1. user = models.ForeignKey(verbose_name='作者', to='UserInfo', to_field='nid', on_delete=models.CASCADE)
    2. category = models.ForeignKey(to='Category', to_field='nid', null=True, on_delete=models.CASCADE)
    3. tags = models.ManyToManyField(
    4.     to="Tag",
    5.     through='Article2Tag',
    6.     through_fields=('article', 'tag'),
    7. )

    ​

    1. def __str__(self):
    2.     return self.title

    ​
    ​
    class Article2Tag(models.Model):

    1. nid = models.AutoField(primary_key=True)
    2. article = models.ForeignKey(verbose_name='文章', to="Article", to_field='nid', on_delete=models.CASCADE)
    3. tag = models.ForeignKey(verbose_name='标签', to="Tag", to_field='nid', on_delete=models.CASCADE)

    ​

    1. class Meta:
    2.     unique_together = [
    3.         ('article', 'tag'),
    4.     ]

    ​

    1. def __str__(self):
    2.     v = self.article.title + "---" + self.tag.title
    3.     return v

    ​
    ​
    class ArticleUpDown(models.Model):

    1. """
    2. 点赞表
    3. """

    ​

    1. nid = models.AutoField(primary_key=True)
    2. user = models.ForeignKey('UserInfo', null=True, on_delete=models.CASCADE)
    3. article = models.ForeignKey("Article", null=True, on_delete=models.CASCADE)
    4. is_up = models.BooleanField(default=True)

    ​

    1. class Meta:
    2.     unique_together = [
    3.         ('article', 'user'),
    4.     ]

    ​
    ​
    class Comment(models.Model):

    1. """

    ​

    1. 评论表

    ​

    1. """
    2. nid = models.AutoField(primary_key=True)
    3. article = models.ForeignKey(verbose_name='评论文章', to='Article', to_field='nid', on_delete=models.CASCADE)
    4. user = models.ForeignKey(verbose_name='评论者', to='UserInfo', to_field='nid', on_delete=models.CASCADE)
    5. content = models.CharField(verbose_name='评论内容', max_length=255)
    6. create_time = models.DateTimeField(verbose_name='创建时间', auto_now_add=True)
    7. parent_comment = models.ForeignKey('self', null=True, on_delete=models.CASCADE)

    ​

    1. def __str__(self):
    2.     return self.content

    ​

2.2 站点管理

  1. from django.contrib import admin
  2. ​
  3. # Register your models here.
  4. from blog import models
  5. ​
  6. admin.site.register(models.UserInfo)
  7. admin.site.register(models.Article)
  8. admin.site.register(models.Article2Tag)
  9. admin.site.register(models.ArticleUpDown)
  10. admin.site.register(models.Blog)
  11. admin.site.register(models.Category)
  12. admin.site.register(models.Comment)
  13. admin.site.register(models.Tag)

2.3 注册

核心代码

  1. 1.form组件
  3. 1.form组件
  4.     class RegForm(forms.Form):pass
  5.     局部钩子 全局钩子
  6. ​
  7. 2.上传头像 avatar
  8.     图像预览
  9.         var reader = new FileReader();
  10.     上传文件
  11.         formdata = new FormData();
  12. ​
  13. 3.用户文件配置
  14.     avatar = models.FileField(upload_to='avatars/', default='avatars/default.png')
  15.     MEDIA_ROOT = os.path.join(BASE_DIR, 'blog', 'media')
  16.     MEDIA_URL = '/media/'
  17.     re_path(r'media/(?P<path>.*)$',serve,{
  18.     'document_root':settings.MEDIA_ROOT})

在这里插入图片描述

2.4 登录

  1. 1.验证码
  2.     随机生成5个字符，0-9 a-z A-Z
  3. ​
  4.     pip install pillow
  5.     from PIL import Image, ImageDraw, ImageFont
  6.         image = Image.new()
  7. ​
  8.     在内存中生成图片直接返回
  9.     from io import BytesIO
  10.         f = BytesIO()
  11. ​
  12. 2.request.session['valid_str'] = valid_str
  13.     存在session中，为了之后登录，验证是否通过
  14. ​
  15. 3.验证码点击刷新：
  16.     $('#valid_img').click(function () {
  18.         $(this)[0].src += '?'
  19.     });
  20. ​
  21. 4.认证组件
  22.     valid_str = request.session.get('valid_str')
  23.     if valid_str.upper() == valid_code.upper():
  24.         user = auth.authenticate(username = user, password = pwd)
  25.         if user:
  26.             auth.login(request, user)

在这里插入图片描述

2.5 网站首页

  1. 1.bootstrap搭建页面
  2. ​
  3. 2.导航条
  4.     登录：   username / 注销
  5.     未登录： 登录 / 注册
  6. ​
  7. 3.for循环
  8.      {
  9.     % for article in article_list %}
  10.      {
  11.     % endfor %}

在这里插入图片描述

2.6 个人站点

  1. 1.文章列表，分类列表，标签列表，日期归档列表
  2.     文章列表：     /blog/egon/
  3.     分类列表：     /blog/egon/cate/python
  4.     标签列表：     /blog/egon/tag/生活
  5.     日期归档列表： /blog/egon/archive/2018-06
  6. ​
  7. 2.模板继承
  8.     {
  9.     % extends 'base.html' %}
  10. ​
  11.     {
  12.     % block content %}
  13.     {
  14.     % endblock content%}}
  15. ​
  16. 3.自定义标签
  17.     /blog/templatetags/my_tag.py
  18. ​
  19.     @register.inclusion_tag('menu.html')
  20.     def get_menu(username):
  21.         ...
  22.         return {
  23.     } # 去渲染 menu.html
  24. ​
  25. 4.分组查询 .annotate() / extra()应用
  26.     多表分组
  27.         tag_list = Tag.objects.filter(blog=blog).annotate(
  28.             count = Count('article')).values_list('title', 'count')
  29. ​
  30.     单表分组 / DATE_FORMAT() /  extra()
  31.         date_list = Article.objects.filter(user=user).extra(
  32.             select={
  33.     "create_ym": "DATE_FORMAT(create_time,'%%Y-%%m')"}).values('create_ym').annotate(
  34.             c = Count('nid')).values_list('create_ym', 'c')
  35. ​
  36. 5. 时间、区域配置
  37.      TIME_ZONE = 'Asia/Shanghai'
  38.      USE_TZ = False

在这里插入图片描述

2.7 文章详情

  1. 1.模板继承
  2.     article = Article.objects.filter(pk=article_id).first()
  3.     {
  4.     % extends 'base.html' %}
  5.     {
  6.     % block content %}
  7.          ...
  8.         {
  9.     {
  10.      article.articledetail.content|safe }}
  11.     {
  12.     % endblock content %}

在这里插入图片描述

2.8 后台管理

  1. 1.支持文章编辑
  2. 2.支持富文本编辑器（支持渲染已有文章）
  3. 3.支持删除文章
  4. 4.防止Xss攻击（基于BS4）
  5.  # 防止xss攻击,过滤script标签
  6.         soup = BeautifulSoup(content, "html.parser")
  7.         for tag in soup.find_all():
  8. ​
  9.             if tag.name == "script":
  10.                 tag.decompose()

在这里插入图片描述

2.9 批量建立测试数据

  • 1.定制建立测试数据
  • 2.初始化得到100条用户信息，以及为100个客户分别添加文章、博客的详细信息

核心代码

  1. def supreme(request):
  2.     """
  3.     这是数据初始化视图，将会生成99条测试数据，用户名为管理员输入的字符后，加1_99.
  4.     密码为管理员填入的密码
  5.     :param request:
  6.     :return:
  7.     """
  8.     tag_title = ['BASIC', 'C',
  9.                  'C++', 'PASCAL', 'FORTRAN', 'LISP', 'Prolog', 'CLIPS', 'OpenCyc', 'Fazzy', 'Python', 'PHP', 'Ruby',
  10.                  'Lua']
  11.     category_titles = ['非技术区',
  12.                        '软件测试',
  13.                        '代码与软件发布',
  14.                        '计算机图形学',
  15.                        '游戏开发',
  16.                        '程序人生',
  17.                        '求职面试',
  18.                        '读书区',
  19.                        '转载区',
  20.                        'Windows',
  21.                        '翻译区',
  22.                        '开源研究',
  23.                        'Flex']
  24.     userlist = []
  25.     bolglist = []
  26.     article_list = []
  27.     tag_list = []
  28.     cat_list = []
  29.     article2tag_list = []
  30. ​
  31.     if request.is_ajax():
  32. ​
  33.         form = UserForm(request.POST)
  34.         response = {
  35.     'user': None, 'msg': None}
  36.         if form.is_valid():
  37. ​
  38.             response['user'] = form.cleaned_data.get('user')
  39.             # 生成一条用户记录
  40.             user = form.cleaned_data.get('user')
  41. ​
  42.             pwd = form.cleaned_data.get('pwd')
  43.             email = form.cleaned_data.get('email')
  44.             avatar_obj = request.FILES.get('avatar')
  45.             extra = {
  46.     }
  47.             if avatar_obj:
  48.                 extra['avatar'] = avatar_obj
  49.                 with transaction.atomic():
  50.                     for i in range(1, 100):
  51.                         Blog.objects.create(title='blog%s' % i)
  52. ​
  53.                         UserInfo.objects.create_user(username=user + str(i), password=pwd, email=email, **extra)
  54. ​
  55.                         UserInfo.objects.filter(username=user + str(i)).update(blog_id=i)
  56. ​
  57.                         for title in tag_title:
  58.                             tag_list.append(Tag(title=title, blog_id=i))
  59. ​
  60.                         for cat in category_titles:
  61.                             cat_list.append(Category(title=cat, blog_id=i))
  62.                         import random
  63.                         for c in range(1, 7):
  64.                             with open('/home/hyc/PycharmProjects/cnblog/static/superme/%s.txt' % c, 'r',
  65.                                       encoding='utf-8') as f:
  66.                                 content = f.read()
  67. ​
  68.                             soup = BeautifulSoup(content, "html.parser")
  69.                             for tag in soup.find_all():
  70.                                 if tag.name == "script":
  71.                                     tag.decompose()
  72.                             desc = soup.text[0:150] + "..."
  73.                             c_id = 13 * (i - 1) + random.randrange(1, 9)
  74. ​
  75.                             article_list.append(
  76.                                 Article(desc=desc, title='article%s' % c, content=content, user_id=i, category_id=c_id))
  77. ​
  78.                     Category.objects.bulk_create(cat_list)
  79.                     Tag.objects.bulk_create(tag_list)
  80.                     Article.objects.bulk_create(article_list)
  81. ​
  82.         else:
  83.             response['msg'] = form.errors
  84.         return JsonResponse(response)
  85. ​
  86.     my_from = UserForm
  87. ​
  88.     return render(request, 'supreme.html', {
  89.     'from': my_from})

3 最后

发表评论

表情：
评论列表 （有 0 条评论，153人围观）

还没有评论，来说两句吧...

相关阅读