BBS总结 --- django设计
1.调用模块使用
from django.db import models
from django.contrib.auth.models import AbstractUser
from django import forms
from django.shortcuts import render, HttpResponse, redirect, reverse
from django.http import JsonResponse
from PIL import Image, ImageDraw, ImageFont
from io import BytesIO, StringIO
from django.contrib import auth
from django.contrib.auth.decorators import login_required
from django.db.models.functions import TruncMonth
from django.db.models import Count
from django.db.models import F
from django.utils.safestring import mark_safe
import json
import random
from django.db import transaction
from bs4 import BeautifulSoup
import os
from BBS import settings
2.BBS中urls.py
from django.conf.urls import url
from django.contrib import admin
from app01 import views
from django.views.static import serve
from BBS import settings
from django.conf import settings
from django.conf.urls import include
urlpatterns = [
url(r'^admin/', admin.site.urls),
# 注册
url(r'^register/', views.register, name='register'),
# 登录
url(r'^login/', views.login,name='login'),
# 验证码
url(r'^get_code/', views.get_code, name='get_code'),
# 退出
url(r'^logout/',views.logout,name='logout'),
# 主页
url(r'^home/', views.home, name='home'),
# 修改密码
url(r'set_password/',views.set_password,name='ser_password'),
# 点赞点踩
url(r'^up_down/', views.updown),
# 评论业务逻辑
url(r'^comment/',views.comment),
# 后台管理页面
url(r'^backend/',views.backend,name='backend'),
# 新增文章
url(r'^add_artilce',views.add_article,name='add_article'),
# 上传图片
url(r'^upload_img/',views.upload_img,name='upload_img'),
# 更改头像
url(r'^(?P<username>.*)/set_avatar/',views.set_avatar,name='set_avatar'),
# 手动开设后端资源 将media中的资源全部开放给外界
url(r'^media/(?P<path>.*)', serve, {'document_root': settings.MEDIA_ROOT}),
# 个人站点
url(r'^(?P<username>\w+)/$', views.site, name='username'),
# 404页面
url(r'^error/',views.site,name='error'),
# 侧边栏功能
url(r'^(?P<username>\w+)/(?P<condition>category|tag|archive)/(?P<param>.*)/', views.site),
# 文章页面
url(r'^(?P<username>\w+)/article/(?P<param>.*)/', views.article_detail, name='article_detail'),
]
3.django中配置
1.mysql数据库配置
settings中
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.mysql',
'NAME': 'bbs1',
'HOST':'127.0.0.1',
'POST':3306,
'USER':'root',
'PASSWORD':'123',
'CHARSET':'utf8'
}
}
init中
import pymysql
pymysql.install_as_MySQLdb()
2.app注册
INSTALLED_APPS = [
'APP01.apps.App01Config',
]
3.template配置
TEMPLATES = [
{'DIRS': [os.path.join(BASE_DIR, 'templates')]}
4.时间报错
USE_TZ = False
5.更改路由前缀
STATIC_URL = '/static/'
6.静态文件路径匹配
STATICFILES_DIRS = [os.path.join(BASE_DIR,'static'),]
7.使用auth联合创建表
AUTH_USER_MODEL = 'APP01.Userinfo'
8.auth模块的登录装饰器
LOGIN_URL = '/login/'
9.开设后端资源
MEDIA_ROOT = os.path.join(BASE_DIR,'media') # 开设后端资源
url(r'^media/(?P<path>.*)',serve,{'document_root':settings.MEDIA_ROOT}),
10.test.py文件使用配置
import os
if __name__ == "__main__":
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "BBS1.settings")
import django
django.setup()
4.新学方法使用
1.数据库优化
将点赞点踩的数量随着数据的录入依次递加，不用之后再进行统计
2.子评论
自己跟自己进行一对多关联
parent = models.ForeignKey(to='self',null=True)
3.多对多创建第三章表
from django.db import models
from django.contrib.auth.models import AbstractUser
class Tag2Article(models.Model):
article = models.ForeignKey(to='Article')
tag = models.ForeignKey(to='Tag')
注意点：第三张表继承的是models，字段是进行一对多关联的
4.随机验证码
# 产生随机字符
def get_random():
return random.randint(0, 255), random.randint(0, 255), random.randint(0, 255)
# 随机验证码
def get_code(request):
# 正式显示
img_obj = Image.new('RGB', (360, 35), get_random()) # 生成一张图片
img_draw = ImageDraw.Draw(img_obj) # 让这张图片可以进行编辑
img_font = ImageFont.truetype('static/font/Wesley.ttf', 30) # 生成字体
print(get_random(), '我是get_random')
# 随机验证码 大小写英文加数字，四位，每一位都可以是大写字母或是小写字母
code = ''
for i in range(4):
upper_str = chr(random.randint(65, 90))
lower_str = chr(random.randint(97, 122))
random_int = str(random.randint(0, 9))
tmp = random.choice([upper_str, lower_str, random_int])
img_draw.text((i*60+60,0), tmp, get_random(), img_font)
code += tmp
print(code)
# 将生成的随机字符串放在session中，方便之后调用
request.session['code'] = code
io_obj = BytesIO()
img_obj.save(io_obj, 'png')
return HttpResponse(io_obj.getvalue())
5.在form表单中
利用form标签内部的一个自动化序列产生键值对的方式来添加键值对
$('#myform').serializeArray() # 可以拿到form表单中的所有键值对,不能拿到文件
$.each($('#myform').serializeArray(),function (index,obj) {
MyFormData.append(obj.name,obj.value) });
# index 索引序号 obj 对象{'':''}
# 将form表单中的键值对循环添加进MyFormData中
# each相当于for循环，对键值对有效
{{forms.auto_id}} # id_username
6.输入框错误
{{forms.errors}} # 错误信息提示
class:"has_error" # 有错的时候文本框变红
7.attr与val与text
8.更换头像
<div class="form-group">
<p>上传头像</p>
<label for="id_file">
<img src="/static/img/default.jpg" alt="" width=150px id="img">
</label>
<input type="file" id="id_file" style="display: none" name="avatar">
</div>
$('#id_file').change(function () {
// 使用内置对象对文件进行读取
let MyFileReader = new FileReader();
// 获取用户上传的文件对象
let fileObj = $(this)[0].files[0];
// 让文件阅读器读取文件
MyFileReader.readAsDataURL(fileObj);
// 将读取之后的内容换到img标签的src属性中
MyFileReader.onload = function () {
$('#img').attr('src',MyFileReader.result)
}
});
9.登录的时候错误提示
$.each(data.msg,function (index,obj) {
let targetId = '#id_'+index;
$(targetId).next().text(obj[0]).parent().addClass('has-error')
10.验证码实时刷新
<div>
<p><label for="id_yanzheng">验证码</label></p>
<div class="col-md-6"><input type="text" class="form-group form-control" id="id_yanzheng"></div>
<div class="col-md-6 pull-right"><img src="/get_image/" alt="" width="360" height="35" id="id_img"></div>
</div>
let oldPath = $('#id_img').attr('src');
$('#id_img').attr('src',oldPath+='?')
11.inclusion_tag的使用
1.创建一个新的文件夹templatetags，新建一个py文件
2.将需要产生数据的代码写在py文件中
from django.template import Library
register = Library()
@register.inclusion_tag('pag/left_page.html') # 指向需要接收数据的html文件，将数据渲染
def my_menu(username):
return locals()
3.调用的时候，在使用的地方写入下边代码
{% load mytag %} # 文件名
{% my_menu username %} # username是需要传入的参数
12.展示用户头像
1.先将后端的文件访问打开，进行配置
<div class="media-left media-middle">
<a href="/{{ article.blog.userinfo.username }}/">
<img class="media-object" src="/media/{{ article.blog.userinfo.avatar }}" alt="..." width="60px">
</a>
</div>
13.点赞点踩
注意点：将数据在前端也进行渲染
是那个用户点击了那篇文章，是点赞还是点踩
<!--点赞点踩开始-->
<div class="clearfix">
<!--点踩开始-->
<div class="buryit action">
<span class="burynum" id="bury_count">0</span>
</div>
<!--点踩结束-->
<!--点赞开始-->
<div class="diggit action">
<span class="diggnum" id="digg_count">0</span>
</div>
<!--点赞结束-->
<div class="clear"></div>
<div class="diggword" id="digg_tips">
<span class="info pull-right" style="color: red"></span>
</div>
</div>
// 点赞点踩
$('.action').click(function () {
let is_up = $(this).hasClass('diggit'); # 绑定一个，点击的时候的为true，其他为false
let $target = $(this);
$.ajax({
url:'/{{ user_obj.username }}/article/{{ article_obj.pk }}/', // 放需要连接的路径
type:'post',
data:{'is_up':is_up}, // 放需要发送到前端的数据
success:function (data) {
if(data.code == 1000){
$('.info').text(data.msg);
let $span = $target.children();
let oldNum = $span.text();
$span.text(Number(oldNum)+1);
}else {
if(data.code==2000){
$('.info').text(data.msg);
let $span = $target.children();
let oldNum = $span.text();
$span.text(Number(oldNum)+1);
}else {
$('.info').text(data.msg);
}
}
}
});
});
14.评论
注意点：包括子评论
<!--评论内容显示开始-->
<div>
<p><h4>评论</h4></p>
<hr>
<ul class="list-group">
{% for comment in comment_obj %}
<p style="color: red;">#{{ forloop.counter }}楼 <a href="/{{ request.user.username }}/">{{ comment.user.username }}</a>评论了你
<a class="pull-right reply" username="{{ request.user.username }}" comment_id="{{ comment.pk }}">回复</a></p>
<li class="">{{ comment.comment_text }}</li>
<hr>
{% endfor %}
</ul>
</div>
<!--评论内容显示结束-->
<!--评论内容显示开始-->
<div>
<hr>
{% if request.user.is_authenticated %}
<div>
<p>发表评论</p>
<p>
昵称：<input type="text" id="tbCommentAuthor" class="author" disabled="disabled" size="50"
value="{{ request.user.username }}">
</p>
<p>评论内容:</p>
<p>
<textarea name="comment" id="id_comment" cols="60" rows="10"></textarea>
</p>
<button class="btn btn-primary" id="id_submit">提交评论</button>
</div>
<!--评论结束-->
{% else %}
<p><a href="{% url 'login' %}">登录</a>
<a href="{% url 'register' %}">注册</a>
</p>
{% endif %}
<br>
<br>
</div>
<!--评论内容显示结束-->
// 评论表
// 提前定义一个全局变量parentId
let parentId = null;
$('#id_submit').click(function () {
$.ajax({
url:'/comment/',
type:'post',
data:{
article_id:{{ article_obj.pk }},
comment:$('#id_comment').val(),
parent_id:parentId
},
success:function (data) {
if(data.code == 1000){
let userName = '{{ request.user.username}}';
let conntent = $('#id_comment').val();
let tmp = `
<li class="list-group-item">
<span><span class="glyphicon glyphicon-comment"></span><a href="/${ userName}/">${userName}:</a></span>
<p>
${conntent}
</p>
</li>
`;
// 将生成好的内容添加到ul标签内部
$('.list-group').append(tmp);
// 将评论框清空
$('#id_comment').val('');
// 将全部的parent变成空
parentId = null;
}
}
});
});
// 子评论，
$('.reply').click(function () {
// 哪个用户回复了哪一篇文章中的那一条评论
let userName = $(this).attr('username');
// 获取想要评论的呢条评论内容的主键值
parentId = $(this).attr('comment_id');
// 回复按钮做的三件事情
let headerMsg = '@' + userName +'\n';
$('#id_comment').val(headerMsg);
$('#id_comment').focus();
})
5.BBS用到的知识点
1.第三张表的创建
2.表之前的关系
3.forms组件
4.auth模块
5.点击事件 click
6.更改事件 change
7.jquery选择器
8.attr,val,text
9.随机验证码
10.小白三板斧
11.ajax
12.form表单
13.form表单循环添加功能
14.上传图片更换
15.后台文件开放
16.有名分组与无名分组
17.反向解析
18.模板语法
19.正则表达式
20.数据库优化原理
BBS总结 --- django设计的更多相关文章
- 学员管理系统(简单的Django设计)
学员管理系统(简单的Django设计) 学员管理系统 项目规划阶段 项目背景 近年来老男孩教育的入学学员数量稳步快速增长,传统的excel统计管理学员信息的方式已经无法满足日渐增长的业务需求.因此公司 ...
- 2014-07-28 使用Axure RP进行手机端BBS的原型设计
今天是在吾索实习的第14天.因本公司的微信公众号需要有一个对外的技术交流平台,所以我们小组打算设计一个手机端的BBS以满足其要求.首先,我们需要做的是进行数据库设计与原型设计,然后提交给经理验收,看看 ...
- Django数据库设计中字段为空的方式
今天在做数据库设计的时候,设计了如下User表,其中我把email和phone字段设置为允许为空: class User(models.Model): username = models.CharFi ...
- 2014-08-04 BBS主页页面的设计
今天是在吾索实习的第19天.这天,开始参照一开始设计的界面原型,真真正正地进行BBS界面的设计.在运用.NET进行界面设计时,发现没有用RP进行界面设计来得容易,很多都要再进行更精细的操作,才能达到原 ...
- 利用django创建一个投票网站（三）
创建你的第一个 Django 项目, 第三部分 这一篇从第二部分(zh)结尾的地方继续讲起.我们将继续编写投票应用,并且聚焦于如何创建公用界面--也被称为"视图". 设计哲学 Dj ...
- django模型
用django时,只要用到数据库就得用到模型. 一.数据库的MTV开发模式 从MVC到MTV 所谓软件架构的MVC模式将数据的存取逻辑(Module),表现逻辑(View)和业务逻辑(Controll ...
- The Django template language 阅读批注
The Django template language About this document This document explains the language syntax of the D ...
- Django项目创建02
Django项目创建(ubuntu环境) 1. 创建项目目录,我是在root下创建了一个workspace文件夹:mkdir workspace 然后cd到该目录下 命令:django-adm ...
- 【Django】 初步学习
这个系列(或者成不了一个系列..)预计会全程参考Vamei様的Django系列,膜一发.说句题外话,其实更加崇拜像Vamei那样的能够玩转生活.各个领域都能取得不小成就的人. [Django] ■ 概 ...
随机推荐
- Tomcat：Commons Daemon procrun stdout initialized
1.问题查询 更换了Tomcat版本后服务器无法启动,看日志出现了Commons Daemon procrun stdout initialized错误,一开始以为是环境变量的配置问题,但是仔细检查后 ...
- 防范sql注入值得注意地方
sql注入是大家基本都清楚,一般来说用参数化就能解决注入的问题,也是最好的解决方式. 有次技术群里问到一个问题,如下图 很显然tableName是外部传递过来的,暂时不考虑具体的业务环境,但如果以se ...
- 解决 niceScroll 自适应DOM 高度变化
利用dataTable展示数据列表时,当选择每页显示数量时,滚动条还是按照页面初始化时显示的,导致无法滚动查看下面的数据, 在stackoverflower 找到一个可用的方法,但不知道为什么仅写 ...
- setdefault函数的用法及理解
setdefault函数的用法及理解 dict.setdefault(key, default=None) 功能:如果键不存在于字典中,将会添加该键并将default的值设为该键的默认值,如果键存在于 ...
- day56——http协议、MVC和MTV框架模式、django下载安装、url路由分发
day56 昨日复习 今日内容 HTTP协议 网页:https://www.cnblogs.com/clschao/articles/9230431.html 老师整理的重点 老师整理的重点 请求信息 ...
- 【基于onenet-edp的文件传输】1、调试上报数据点和端对端透传
onenet-edp上报数据点和端对端透传 一.前言 edp是onenet用于tcp设备定制的一套协议,能够灵活地实现数据上报和透传: 二.准备工作 1.找到edp页面 进入工作台后,找到多协议接入, ...
- Windows状态栏图标显示异常
1.新建TXT文档 2.写上以下代码 taskkill /im explorer.exe /f cd /d %userprofile%\appdata\local del iconcache.db / ...
- 解决 Url is blocked: Requests to the local network are not allowed
问题: 我在学习GitLab + Jenkins 自动化部署时,在GitLab的 MyProject => Settings => Integrations中输入完 &qu ...
- 查看Linux服务器配置
1.查看CPU lscpu 2.查看内存 free -g 或 free -m 3.查看硬盘 df -h
- OpenSSL X509 Funtion
OpenSSL X509 Funtion 来源:https://blog.csdn.net/wanjie518/article/details/6570141 现有的证书大都采用X509规范, 主要同 ...