python——web后台开发实现网址生成二维码
2016-12-09 15:08
549 查看
首先说一下需要的模块:
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里
下面与前端资源连接,web里的template.render方法可以实现读取指定文件夹下的index首先
即:render=web.template.render('templates')#读取文件夹下的html代码
然后我们在主函数里通过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的位置,然后将两张图片叠加即可
这里可能会出现一个错误
这是由于我们的logo图片格式所造成的,我们需要用一个png格式的logo,不是png后缀,而是需要转格式。
最后,我们用img.save(path)保存图片再作为返回值返回即可。
python完整代码
html代码:
我们输入一个网址:
http://blog.csdn.net/sm9sun/article/details/53519226
另外,工程里含有jquery.min.js以及animate.css两个文件就不粘代码了,一般来说大家都有,也可以在网上下载
或者下载完整工程源码http://download.csdn.net/detail/sm9sun/9706625
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里
下面与前端资源连接,web里的template.render方法可以实现读取指定文件夹下的index首先
即:render=web.template.render('templates')#读取文件夹下的html代码
然后我们在主函数里通过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的位置,然后将两张图片叠加即可
这里可能会出现一个错误
这是由于我们的logo图片格式所造成的,我们需要用一个png格式的logo,不是png后缀,而是需要转格式。
最后,我们用img.save(path)保存图片再作为返回值返回即可。
python完整代码
# -*- coding:utf-8 -*- #知识点:二维码生成,图片合成,图片处理,web前后端交互 import sys import web import qrcode import PIL.Image as Image import 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")#打开logo logo_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 path urls=('/','Index',)#'/'为路径,index为类名 render=web.template.render('templates')#读取文件夹下的html代码 class Index: #页面处理类 def GET(self): return render.index() def POST(self):#返回二维码图片地址 i=w cb78 eb.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" src="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
另外,工程里含有jquery.min.js以及animate.css两个文件就不粘代码了,一般来说大家都有,也可以在网上下载
或者下载完整工程源码http://download.csdn.net/detail/sm9sun/9706625
相关文章推荐
- Python实现的二维码生成小软件
- 实现手机扫描二维码页面登录,类似web微信-第二篇,关于二维码的自动生成
- python实现树莓派生成并识别二维码
- WEB服务器:利用python CGI实现简单的微信后台服务器
- Java实现将文本内容、网址链接url,生成二维码与反解析
- Python实现的用于从布局文件的id生成成员变量声明和findViewById语句的Android开发小工具
- Javaweb开发,实现'购物车'的遍历与操作(页面数据刷新、后台操作反馈)
- python实现二维码的生成
- 【python】web后台开发工程师-本科
- python实现树莓派生成并识别二维码
- vs.net开发中实现生成二维码并合成至目标图片
- python, web 以及 后台开发
- [系统开发] Python 实现的 Bind 智能 DNS Web 管理系统
- Python 实现二维码生成和识别
- 网站开发进阶(十四)JS实现二维码生成
- iOS开发利用zbar实现二维码扫描(支持64位) 及二维码生成
- Web后台开发之CRUD操作的两种实现
- Web开发中的验证码图片的生成-基于Java的实现
- 【Pig】Python3.6/Django1.9.13/Bootstrap/AmazeUI/Echarts后台Web开发阶段记录
- Python实现将文本生成二维码的方法示例