Django 六——自定义标签 图片验证码 发送邮件 评论树 组合搜索

1、自定义标签

2、图片验证码

3、生成邮箱验证码、发送邮件

4、评论树实现

5、组合搜索（Q）

1、自定义标签

配置：

a.在app中新建文件夹 templatetags，里面新建 xx.py文件（如tags.py）

b.tags.py文件中：

#自定义标签from django import templateregister = template.Library()@register.simple_tagdef render_app_name(admin_class):return admin_class.model._meta.verbose_name

ps：如果返回的对象有html标签，则需要用mark_safe()来包裹返回值，同时引入

from django.utils.safestring import mark_safe

c.settings文件中配置：

TEMPLATES = [{'BACKEND': 'django.template.backends.django.DjangoTemplates','DIRS': [os.path.join(BASE_DIR, 'templates')],'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',],# 使用自定义标签是，应该加上这个配置，以便于找到tags的位置'libraries':{'tags': 'king_admin.templatetags.tags',}},},]

d、.html文件中

开头处加载：

{% load tags %}{#加载自定义标签#}

中间处引入：

<tr><td>{% render_app_name admin %}</td>#函数名称 参数<td>add</td><td>change</td></tr>

e、给返回的数据起个别名，用as

<tr><td>{% render_app_name admin as obj %}</td>#函数名称 参数 返回的数据的别名为obj</tr>

2、图片验证码

原理：自动生成验证码图片，同时将验证码放在session中，以便取用。

前端中，验证码图片的src指向该验证码函数，每访问一次就重新生成一次验证码图片和对应验证码

a、在utils文件夹中新建check_code.py，生成图片的代码,用于生成验证码和对应的图片

#生成验证码图片import randomfrom PIL import Image, ImageDraw, ImageFont, ImageFilter# pip3 install Pillow_letter_cases = "abcdefghjkmnpqrstuvwxy" # 小写字母，去除可能干扰的i，l，o，z_upper_cases = _letter_cases.upper() # 大写字母_numbers = ''.join(map(str, range(3, 10))) # 数字init_chars = ''.join((_letter_cases, _upper_cases, _numbers))def create_validate_code(size=(120, 30),chars=init_chars,img_type="GIF",mode="RGB",bg_color=(255, 255, 255),fg_color=(0, 0, 255),font_size=18,font_type="Monaco.ttf",length=4,draw_lines=True,n_line=(1, 2),draw_points=True,point_chance = 2):'''@todo: 生成验证码图片@param size: 图片的大小，格式（宽，高），默认为(120, 30)@param chars: 允许的字符集合，格式字符串@param img_type: 图片保存的格式，默认为GIF，可选的为GIF，JPEG，TIFF，PNG@param mode: 图片模式，默认为RGB@param bg_color: 背景颜色，默认为白色@param fg_color: 前景色，验证码字符颜色，默认为蓝色#0000FF@param font_size: 验证码字体大小@param font_type: 验证码字体，默认为 ae_AlArabiya.ttf@param length: 验证码字符个数@param draw_lines: 是否划干扰线@param n_lines: 干扰线的条数范围，格式元组，默认为(1, 2)，只有draw_lines为True时有效@param draw_points: 是否画干扰点@param point_chance: 干扰点出现的概率，大小范围[0, 100]@return: [0]: PIL Image实例@return: [1]: 验证码图片中的字符串'''width, height = size # 宽， 高img = Image.new(mode, size, bg_color) # 创建图形draw = ImageDraw.Draw(img) # 创建画笔def get_chars():'''生成给定长度的字符串，返回列表格式'''return random.sample(chars, length)def create_lines():'''绘制干扰线'''line_num = random.randint(*n_line) # 干扰线条数for i in range(line_num):# 起始点begin = (random.randint(0, size[0]), random.randint(0, size[1]))#结束点end = (random.randint(0, size[0]), random.randint(0, size[1]))draw.line([begin, end], fill=(0, 0, 0))def create_points():'''绘制干扰点'''chance = min(100, max(0, int(point_chance))) # 大小限制在[0, 100]for w in range(width):for h in range(height):tmp = random.randint(0, 100)if tmp > 100 - chance:draw.point((w, h), fill=(0, 0, 0))def create_strs():'''绘制验证码字符'''c_chars = get_chars()strs = ' %s ' % ' '.join(c_chars) # 每个字符前后以空格隔开font = ImageFont.truetype(font_type, font_size)font_width, font_height = font.getsize(strs)draw.text(((width - font_width) / 3, (height - font_height) / 3),strs, font=font, fill=fg_color)return ''.join(c_chars)if draw_lines:create_lines()if draw_points:create_points()strs = create_strs()# 图形扭曲参数params = [1 - float(random.randint(1, 2)) / 100,0,0,0,1 - float(random.randint(1, 10)) / 100,float(random.randint(1, 2)) / 500,0.001,float(random.randint(1, 2)) / 500]img = img.transform(size, Image.PERSPECTIVE, params) # 创建扭曲img = img.filter(ImageFilter.EDGE_ENHANCE_MORE) # 滤镜，边界加强（阈值更大）return img, strs

b、在views文件夹中建account.py用于细化views.py的功能

from backend.utils import check_code as CheckCodedef check_code(request):"""获取验证码:param request::return:"""stream = io.BytesIO()#在内存开辟一块儿空间# 创建随机字符 code 2234# 创建一张图片img，将随机字符串2234写到图片上img, code = CheckCode.create_validate_code()img.save(stream, "PNG")# 将图片放到内存中，以png形式，也可以以其他形式# 将字符串形式的验证码2234放在Session中request.session["CheckCode"] = codereturn HttpResponse(stream.getvalue())#再从内存取出来给用户

c、在urls.py中

from django.conf.urls import urlfrom web.views import accounturlpatterns = [url(r'^check_code/$', account.check_code),]

d、前端的验证码img标签的src属性指向这个地址，就能自动获取到图片

<span><img class="check-img" src="/check_code/" alt="验证码" οnclick="ChangeCode(this);"></span>=====================================<script>function ChangeCode(ths) {ths.src += '?';}</script>

3、生成邮箱验证码、发送邮件

在commons.py中，定义函数生成随机数

'''1.生成邮箱验证码2.'''import randomdef random_code():#生成邮箱验证码code = ''for i in range(4):#循环4次current = random.randrange(0,4)if current != i:#生成字母temp = chr(random.randint(65,90))else:temp = random.randint(0,9)code += str(temp)#每一次的数字拼接起来return code

View Code

在message.py中配置邮箱，调用即可发送邮件

#配置邮箱，调用即可发送邮件import smtplibfrom email.mime.text import MIMETextfrom email.utils import formataddrdef email(email_list, content, subject="抽屉新热榜-用户注册"):#发送设置msg = MIMEText(content, 'plain', 'utf-8')msg['From'] = formataddr(["抽屉新热榜",'wptawy@']) #设置发件人，发件地址msg['Subject'] = subject #主题#服务器的设置# SMTP服务，随便哪个邮箱都可以，但是要可以设置开启smtp服务server = smtplib.SMTP("", 25)#连接**服务器，**端口server.login("wptawy@", "JUEmimima")#登录名，密码server.sendmail('wptawy@', email_list, msg.as_string())#email_list发送列表#自己的邮箱、发送列表、发送内容 server.quit()#调用方法# email(['xiaohu@','jinxin@'], 'xiaohuzuishuai')

View Code

4、递归实现评论树

实现评论树时，需要对后端和前端分别操作

后端：将数据库中取出的数据构造成父评论中有子评论，子评论中有孙子评论，这样的树状字典结构，将这样的数据以json格式传到前端。

前端：采用递归方式，将后端穿过来的数据，一层一层的拿评论，动态的生成父标签、子标签、孙子标签 。有两种方式：、

方式一：前端通过js语句，以递归方式，动态的生成标签，将递归的压力转移给用户。

方式二：采用自定义标签方式，用.py文件来处理递归函数，生成标签树后，再返回给前端，用mark_safe（）包一下返回值。

后端：views.py中

def comment_sj(request):#评论实现news_id = 1# comment_list = ment.objects.filter(news_id=news_id)# for row in comment_list:#print(row.id,ment,row.news_id,row.user_info.name,row.parent_id)comment_list =[{'id':1,'comment':'python最牛逼','user':'搞基建','parent_id':None},{'id':2,'comment':'java最牛逼','user':'搞基建','parent_id':None},{'id':3,'comment':'php最牛逼','user':'搞基建','parent_id':None},{'id':4,'comment':'胡说','user':'小B虎','parent_id':1},{'id':5,'comment':'我最帅','user':'李欢','parent_id':1},{'id':6,'comment':'郭永昌时...','user':'郭永昌','parent_id':4},{'id':7,'comment':'郭永昌时2...','user':'郭永昌2','parent_id':4},]# 将comment_list_dict 构造成{#1:[],#2:[],# }comment_list_dict = {}for item in comment_list:item.update({'children':[]}) #给每一行加上children列表comment_list_dict[item['id']] = item# print(comment_list_dict)#字典为引用类型ret = []for item in comment_list:current_row_parent_id = item['parent_id']if not current_row_parent_id:#current_row_parent_id 为空ret.append(item)else: #current_row_parent_id 当前行父亲id不为空时，找到父亲行，把自己加到父亲行的children里面#法一：# for r in comment_list:#if r['id'] == current_row_parent_id:# r['children'].append(item)#法二：使用comment_list_dict字典comment_list_dict[current_row_parent_id]['children'].append(item)# print(ret)#方式一：ajax请求后直接返回数据import jsonreturn HttpResponse(json.dumps(ret))#方式二：跳转到另一个页面，采用自定义标签方式，展示评论树#return render(request,'comment_load.html',{'ret':ret})def comment(request):return render(request,'comment.html')

urls.py中

from django.conf.urls import urlfrom django.contrib import adminfrom app01 import viewsurlpatterns = [url(r'^comment_sj/', ment_sj),url(r'^comment/', ment),]

前端中：评论应是点击后再显示，应以ajax形式发送

comment.html中，前端评论树生成方式一：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>.comment_box{margin-left: 45px;}</style></head><body><div class="item"><a news_id="17" class="com">评论</a>{# <div class="comment_box"><span>父评论</span>#}{# <div class="comment_box"><span>字1评论</span>#}{# </div>#}{# <div class="comment_box"><span>字2评论</span>#}{# <div class="comment_box"><span>孙子评论</span>#}{# </div>#}{##}{# </div>#}</div></div><div class="item"><a news_id="17" class="com">评论</a></div><script src="/static/js/jquery-2.1.4.min.js"></script><script>$(function () {bindCommentEvent();});function bindCommentEvent() {$('.com').click(function () {var news_id = $(this).attr('news_id');var _this = $(this);$.ajax({url:'/comment_sj',type:'GET',data:{news_id:news_id},dataType:'JSON',//第二种方式是，这个地方要改成html！！！！success:function (arg) {console.log(arg);//方式一：（推荐此方法，将递归的压力分解给用户）create_tree(arg,_this);//方式二：用render返回另一个.html页面，页面里面放数据，数据由.py文件生成//_this.after(arg);}})}) }function diGui(children_list) {var htm = '';$.each(children_list,function (ck,cv) {var b = '<div class="comment_box"><span>';b += ment+'</span>';var result = diGui(cv.children);b += result;b +='</div>';htm += b;});return htm;}function create_tree(data,$this) {var htm = '<div class="comment_box">';//父评论框//父评论内容$.each(data,function (k,v) {{#console.log(data);#}var a = '<div class="comment_box"><span>';a += ment+'</span>';//下一级子评论内容加在这里这里调用函数来生成子评论var result = diGui(v.children);a += result;a +='</div>';htm += a;});htm += '</div>';$this.after(htm); /* 此处应该是after，而不是append，append时加在标签里面，after时加在标签下面*/{# console.log(htm)#}}</script></body></html>

前端，评论树生成方式二：

方式二示例：

comment_load.html中采用方式二：

{% load laogao %}{% create_tree ret %}

在 templetetags文件夹中的 laogao.py文件中：

# 方式二：此py文件创建评论树，待.html文件加载from django import templatefrom django.utils.safestring import mark_saferegister = template.Library()def diGui(children_list):htm = ''for cv in children_list:b = '<div class="comment_box"><span>'b += cv['comment'] + '</span>'result = diGui(cv['children'])b += resultb += '</div>'htm += breturn htm@register.simple_tagdef create_tree(ret):htm = '<div class="comment_box">'for v in ret:b = '<div class="comment_box"><span>'b += v['comment'] + '</span>'b += diGui(v['children'])b += '</div>'htm += bhtm += '</div>'return mark_safe(htm)

5、组合搜索（Q）

两种方式

方式一：手动添加Q对象操作

方式二：动态的生成Q对象来操作, 此方式也可用于组合搜索

===========方式一=============obj = models.UserInfo.objects.filter(Q(Q(username=n) & Q(pwd=p)) | Q(Q(email=e) & Q(pwd=p)) ).first()===========方式二==========# 组合搜索from django.db.models import Qcon = Q()q1 = Q()q1.connector = 'AND'q1.children.append(('email',value_dict['email']))#即 q1（email = value_dict['email']）q1.children.append(('password',value_dict['pwd']))q2 = Q()q2.connector = 'AND'q2.children.append(('username', value_dict['user']))q2.children.append(('password', value_dict['pwd']))con.add(q1,'OR')con.add(q2,'OR')obj = models.UserInfo.objects.filter(con).first()if not obj:rep.message = {'user':[{'message':'用户名邮箱或密码错误'}]}