仿生成二维码
开发工具:MyEclipse、MySQL
开发语言:javabean+servlet+jsp、layui 、bootstrap
图如下:
jsp代码如下:
//vCard 利用vCard来做通讯录
var name="",company="",title="",address="",mobile="",email="",web="",desc="",info="";
$("#b_btn").click(function(){
if($("#name").val().length > 0){
name="FN:"+$("#name").val()+"\n";
}
if($("#company").val().length > 0){
company="ORG:"+$("#company").val()+"\n";
}
if($("#title").val().length > 0){
title="TITLE:"+$("#title").val()+"\n";
}
if($("#address").val().length > 0){
address="ADR;WORK:"+$("#address").val()+"\n";
}
if($("#mobile").val().length > 0){
mobile="TEL;WORK:"+$("#mobile").val()+"\n";
}
if($("#email").val().length > 0){
email="EMAIL;WORK:"+$("#email").val()+"\n";
}
if($("#web").val().length > 0){
web="URL:"+$("#web").val()+"\n";
}
if($("#desc").val().length > 0){
desc="NOTE:"+$("#desc").val()+"\n";
}
info = "BEGIN:VCARD\n"+name+company+title+address+mobile+email+web+desc+"END:VCARD";
$.ajax({
type:"post",
url:"data.jsp",
data:{content:info},
success:function(result){
$(".b_qrcode").html("<img id='qrcodeImg' alt='二维码通讯录' width='235' height='235' />");
$("#qrcodeImg").attr("src",result);
}
});
});