web.py搭建个人网址微信二维码后台开发 -《狗嗨默示录》-

建议在Python2.x版本食用

webapp.py

#!/usr/bin/env python
# -*- coding:UTF-8 -*-
import web
import qrcode
from PIL import Image
import datetime
urls = (
    /,Index
    # ‘/images/logo.png‘,‘Logo‘ #可放于静态文件夹static中
)
render = web.template.render(templates)#模板引擎
class Index:
    def GET(self):#函数名是当前请求方式
        return render.index()
        #return open(‘templates/index.html‘,‘rb‘).read()
    def POST(self):
        #获取前台请求的数据参数
        i = web.input() #获取请求的数据
        return getcode(i)
# class Logo:
    # def GET(self):
    #     return open(‘images/logo.png‘,‘rb‘).read()
def getcode(info):
    qr = qrcode.QRCode(
        version = 1,
        error_correction =  qrcode.constants.ERROR_CORRECT_Q, #容错比,比例越大可被遮挡部分越多
        box_size = 10,
        border = 4,
    )#实例一个qrcode对象
    qr.add_data(
        ‘‘‘
        BEGIN:VCARD\n
        VERSION:3.0\n
        URL:%s\n
        END:VCARD
        ‘‘‘
        # FN:%s\n
        # ORG:%s\n
        # TITLE:%s\n
        # ADR;WORK:%s\n
        # TEL;WORK:%s\n
        # EMAIL;WORK:%s\n
        # URL:%s\n
        # NOTE:%s\n
        %(info[url])
        # %(info[‘name‘],info[‘company‘],info[‘title‘],info[‘address‘],info[‘mobile‘],info[‘email‘],info[‘url‘],info[‘desc‘])
    )
    img = qr.make_image()#创建二维码图片 类型:image
    img.convert("RGBA")
    img_w,img_h = img.size
    icon = Image.open(static/images/logo1.png)
    icon_w = img_w/4
    icon_h = img_h/4
    logo = icon.resize((icon_w,icon_h),Image.ANTIALIAS)
    w = (img_w-icon_w)/2
    h = (img_h-icon_h)/2
    img.paste(logo,(w,h))
    date = datetime.datetime.now().strftime(%Y-%m-%d %H`%M`%S)
    # #time.strf(‘%Y-%m-%d %H`%M`%S‘)
    path = static/imgcard/%s.jpg%date
    img.save(path)
    return path

if __name__ == __main__:
    app = web.application(urls,globals())
    app.run()

 

index.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:"Microsoft YaHei UI ";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>

 

 

 

web.py搭建个人网址微信二维码后台开发 -《狗嗨默示录》-

 

web.py搭建个人网址微信二维码后台开发 -《狗嗨默示录》-

上一篇:Tomcat详解系列(1) - 如何设计一个简单的web容器


下一篇:web项目,生成的out文件夹不完成