为了账号安全,请及时绑定邮箱和手机立即绑定

python——web后台开发实现网址生成二维码

标签:
Python

首先说一下需要的模块:

web   用于web业务处理

qrcode 用于二维码相关处理

PIL.Image 用于图片处理

time   用于根据时间命名文件

如果没有的话可以用pip自行安装~


web模块实现网站的后台逻辑处理方法:

我们先创建一个页面的处理类

class Index:    #页面处理类
    def GET(self):
        return render.index()
    def POST(self):#返回二维码图片地址
        i=web.input()#获取用户请求的参数和值
        return qc(i)

 首先需要定义GET请求与POST请求 我们的需求是GET请求时我们给出主页,POST请求时返回一个二维码的图片

 可以通过web.input直接获取用户求求时传来的json串,这里我们qc为二维码的处理函数,先不用管

这样,web处理部分就完成了。


在python根目录下文件路径要放在一个静态文件夹下面,即static,我们把我们的css js以及图片文件等其他文件都要放在

static里

https://img1.sycdn.imooc.com//5b4ff87c0001580105330214.jpg


下面与前端资源连接,web里的template.render方法可以实现读取指定文件夹下的index首先

即:render=web.template.render('templates')#读取文件夹下的html代码


https://img1.sycdn.imooc.com//5b4ff8830001a47a04180120.jpg



然后我们在主函数里通过web.application(urls,globals()).run()就可以实现前后台交互的业务了。

默认http://localhost:8080/

下面开始说二维码的处理方式

首先创建二维码对象:

        qr=qrcode.QRCode(
        version=1,
        error_correction=qrcode.constants.ERROR_CORRECT_Q,
        box_size=10,
        border=4,
        )

其中:

    version为一个整数,范围1~40,作用表示二维码的大小
    error_correction容错率,挡出部分二维码还能识别,越高可以挡住部分越多,但数据量增加
    四个等级:H,L,M,Q  Q最高,可以挡住25%
    box_size 每个格子里像素大小
    border 表示二维码距离图像外边框的距离


然后我们用qr.add_data方法将引入的参数作为数据传入进去,如果我们想实现其他业务也可以参考其相关的格式导入

比如说实现通讯录,可以搜索vcard格式等

这里是网址的话直接引入即可: qr.add_data(info['url'])

然后

img=qr.make_image()创建二维码图片

img=img.convert("RGBA")#图片转换为RGBA格式

至此,我们差不多是可以将二维码生成出来了。

下面我们给二维码加一个logo,也就是我们自己的商标

通过二维码的尺寸与logo的尺寸算出logo的位置,然后将两张图片叠加即可

这里可能会出现一个错误

https://img1.sycdn.imooc.com//5b4ff88b0001bdca04840140.jpg

这是由于我们的logo图片格式所造成的,我们需要用一个png格式的logo,不是png后缀,而是需要转格式。

最后,我们用img.save(path)保存图片再作为返回值返回即可。


python完整代码


# -*- coding:utf-8 -*-#知识点:二维码生成,图片合成,图片处理,web前后端交互import sysimport webimport qrcodeimport PIL.Image as Imageimport time#生成二维码函数,传入信息参数def qc(info):#创建qrcode对象qr=qrcode.QRCode(version=1,error_correction=qrcode.constants.ERROR_CORRECT_Q,box_size=10,border=4,)#version为一个整数,范围1~40,作用表示二维码的大小#error_correction容错率,挡出部分二维码还能识别,越高可以挡住部分越多,但数据量增加#四个等级:H,L,M,Q  Q最高,可以挡住25%#box_size 每个格子里像素大小#border 表示二维码距离图像外边框的距离qr.add_data(info['url'])img=qr.make_image()#创建二维码图片img=img.convert("RGBA")#图片转换为RGBA格式img_w,img_h=img.size #返回二维码图片的大小logo=Image.open("static/images/logo1.png")#打开logologo_w=int(img_w/4)logo_h=int(img_h/4)logo=logo.resize((logo_w,logo_h),Image.ANTIALIAS)#改变大小,抗锯齿w=int((img_w-logo_w)/2)h=int((img_h-logo_h)/2)img.paste(logo, (w, h))path="static/imgcard/%s.png" %time.time()img.save(path)#保存图片return pathurls=('/','Index',)#'/'为路径,index为类名render=web.template.render('templates')#读取文件夹下的html代码class Index:    #页面处理类def GET(self):return render.index()def POST(self):#返回二维码图片地址i=web.input()#获取用户请求的参数和值return qc(i)if __name__=='__main__':    #globals 函数返回一个全局变量的字典,包括所有导入的变量。    web.application(urls,globals()).run()




html代码:



<!doctype html><html>	<head>		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">		<title>九日王朝</title>		<meta name="description" content="">			<style type="text/css">			*{margin:0;padding:0;}			body{font-size:12px;font-family:"微软雅黑";color:#666;}				/*top start*/			.top{width:100%;height:50px;background:#252525;}			.top .t_header{width:1000px;height:50px;margin:0 auto;}			.top .t_header .t_logo{margin-top:10px;float:left;}			.top .t_header .t_desc{float:right;font-size:22px;color:#fff;line-height:50px;}			/*end top*/			/*banner start*/			.banner .b_box{width:1000px;height:460px;margin:0 auto;position:relative;}			.banner .b_box .b_info{width:1000px;height:310px;position:absolute;bottom:0px;left:56px;}			.banner .b_box .b_info p span{background:#3C9D41;width:100px;height:40px;display:inline-block;float:left;line-height:38px;font-size:14px;color:#FFF;text-align:center;border-radius:3px 0 0 3px;}			.banner .b_box .b_info p .b_txt{width:390px;height:40px;border:0;line-height:28px;padding-left:10px;background:#2c2c29;outline:none;color:#fff;}			.banner .b_box .b_info .b_login{width:1000px;height:40px;ackground:none;margin-top:25px;}			.banner .b_box .b_info .b_login a{width:500px;height:40px;display:block;background:#44b549;text-align:center;line-height:40px;text-decoration:none;font-size:14px;color:#fff;font-weight:bold;border-radius:3px;}			.banner .b_box .b_info .b_login a:hover{background:#3C9D41;}			.banner .b_box .b_qrcode{width:235px;height:235px;position:absolute;top:130px;right:50px;}			/*end banner*/		</style>		<link type="text/css" rel="stylesheet" href="static/css/animate.css"></link>	</head><body>	<!--top start-->	<div class="top">		<div class="t_header">			<div class="t_desc">网址生成二维码</div>		</div>	</div>	<!--end top-->	<!--banner start-->	<div class="banner">		<div class="b_box">			<!--b_info start-->			<div class="b_info">				<p>					<span>网址链接:</span>					<input type="text" class="b_txt" id="url"/>				</p>				<p class="b_login">					<a href="#" id="b_btn">生成二维码</a>				</p>						</div>			<!--end b_info-->					<!--b_qrcode start-->			<div class="b_qrcode">							</div>			<!--end b_qrcode-->		</div>	</div>	<!--end banner--><script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="static/js/jquery.min.js"></script><script type="text/javascript">		jQuery(function(){								jQuery("#b_btn").click(function(){			var num = jQuery(".b_txt");			//console.log(num.length);			var info = '';			for(i=0;i<num.length;i++){				//console.log(num[i].value);				info += num[i].id + "=" + num[i].value				if (i < num.length-1){					info += "&"				}		};						//console.log(info);			jQuery.ajax({				type:"post",				url:"/",				data:info,				success:function(data){					jQuery(".b_qrcode").html("<img id='qrcodeImg' alt='二维码' width='235' height='235' class='animated rollIn'/>");					jQuery("#qrcodeImg").attr("src",data);				}							});					});	});	</script></body></html>




我们输入一个网址:

http://blog.csdn.net/sm9sun/article/details/53519226


https://img1.sycdn.imooc.com//5b4ff8970001ae3105970343.jpg




另外,工程里含有jquery.min.js以及animate.css两个文件就不粘代码了,一般来说大家都有,也可以在网上下载

或者下载完整工程源码http://download.csdn.net/detail/sm9sun/9706625


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消