1. 程式人生 > >呼叫第三方api線上生成二維碼

呼叫第三方api線上生成二維碼

我寫過一篇文章是java程式碼後端自己傳入連結由原生代碼生成二維碼圖片並儲存在本地,今天我們實現呼叫第三方線上生成二維碼

首先我們找到一個線上生成二維碼的api介面,因為這樣的api介面有許多,這裡我提供一個參考連結介面:

接下來就是實際操作了:

首先我們準備一個jsp頁面操作,頁面一般放在WEB—INF下的檔案中這裡隨意不過你的路徑一定要看清楚。

這裡的原理是前端頁面輸入要轉換成二維碼的連線,因為可能需要將連結儲存,或者新增一些其他的屬性我們需要走一遍後臺從後臺傳遞給前端資料二維碼的地址顯示。

<%--
  Created by IntelliJ IDEA.
  Date: 2018/7/23
  Time: 13:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script src="/assets/js/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
    <title></title>

</head>
<body>
<h2>生成二維碼</h2>
<form >
    <table>
        <tr>
            <td>請輸入連結:</td>
            <td><input type="text" name="shortUrl" id="shortUrl" value="${qrCode.shortUrl}"></td>
        </tr>
        <tr>
            <img id="imgSrc" src="${qrCode.imgSrc}"/>

        </tr>
        <tr>
            <td><input type="button" value="生成二維碼" onclick="getQrCode()"></td>
        </tr>
    </table>
</form>
</body>
</html>

後臺程式碼:注意:我這裡用的是springMVC框架進行頁面的請求跳轉。如果你不想導包自己搭建環境,你可以參考SpringMVC檔案上傳直接搭建環境也是很快。地址:https://blog.csdn.net/weixin_41092717/article/details/81080152,自己搭建環境記得配置xml檔案和web.xml檔案包掃描等。如果不想用框架,使用最原生的servlet+ajax線上生成二維碼同樣博主的文章中也有地址:

 

package com.youyuan.qrCode;

import java.io.Serializable;

/**
 * Created  on 2018/7/23.
 * ZCL
 */
public class QrCode implements Serializable{
    private int qcID;
    private String shortUrl;
    private String imgSrc;
    private String createTime;

    public int getQcID() {
        return qcID;
    }

    public void setQcID(int qcID) {
        this.qcID = qcID;
    }

    public String getShortUrl() {
        return shortUrl;
    }

    public void setShortUrl(String shortUrl) {
        this.shortUrl = shortUrl;
    }

    public String getImgSrc() {
        return imgSrc;
    }

    public void setImgSrc(String imgSrc) {
        this.imgSrc = imgSrc;
    }

    public String getCreateTime() {
        return createTime;
    }

    public void setCreateTime(String createTime) {
        this.createTime = createTime;
    }

    @Override
    public String toString() {
        return "QrCode{" +
                "qcID=" + qcID +
                ", shortUrl='" + shortUrl + '\'' +
                ", imgSrc='" + imgSrc + '\'' +
                ", createTime='" + createTime + '\'' +
                '}';
    }
}
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Created by  on 2018/7/23.
 * ZCL
 */
@Controller
@RequestMapping("/qrCode")

public class QrCodeController {

    //這是因為頁面在WEB-INF下無法直接訪問,通過後臺跳轉到二維碼生成頁
    @RequestMapping("/getQrcodePage")
    public ModelAndView getQrcodePage(HttpServletRequest request, HttpServletResponse response) throws Exception {

        System.out.println("去二維碼生成頁");
        ModelAndView mv = new ModelAndView();
        try {
            mv.setViewName("/admin/qrCode/qrCode");
        } catch (Exception e) {
            e.printStackTrace();
        }
        return mv;
    }
    @RequestMapping("/getQrCode")
    public ModelAndView getQrCode(HttpServletRequest request, HttpServletResponse response) throws Exception {
        System.out.println("生成二維碼頁");
        ModelAndView mv = new ModelAndView();
        String shortUrl = request.getParameter("shortUrl");
        String imgSrc = request.getParameter("imgSrc");
        QrCode qrCode = new QrCode();

        qrCode.setShortUrl(shortUrl);
        qrCode.setImgSrc("http://qr.liantu.com/api.php?text="+shortUrl);
        //取到資料之後你可以走資料庫 dao層進行資料操作  這裡隨意案例沒有走資料庫直接返回前端
        System.out.println(qrCode.toString());
        try {
          //如果你沒有使用框架返回資料你可以將資料放request.setAttribute("qrCode",qrCode);
          //前臺頁面同樣取到圖片路徑顯示
            mv.setViewName("/admin/qrCode/qrCode");
            mv.addObject("qrCode",qrCode);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return mv;
    }
}

啟動測試:

 如此測試完成,希望能幫助到需要的你。

相關推薦

呼叫第三方api線上生成

我寫過一篇文章是java程式碼後端自己傳入連結由原生代碼生成二維碼圖片並儲存在本地,今天我們實現呼叫第三方線上生成二維碼 首先我們找到一個線上生成二維碼的api介面,因為這樣的api介面有許多,這裡我提供一個參考連結介面: 接下來就是實際操作了: 首先我們準備一個j

在Excel中,不利用任何第三方工具,生成

pdf ng- ref mac 源碼 generated code 而是 git 有同事提需求,要批量生成二維碼。談了之後,我覺得可以做個excel文件,把要打印的內容放進去,然後給每行數據生成一個二維碼。下一步就要在Excel裏面生成二維碼。問了一下度娘,貌似都得利用一些

線上生成

<!DOCTYPE html> <html> <head> <meta content="text/html;charset=utf-8" http-equiv="Content-Type" /> <script type="te

h5開發app之線上生成

h5通過jquery和qrcode線上生成二維碼 首先我們需要下載一個qrcode.js檔案,然後依次引入jquery和qrcode檔案。 1、建立一個輸入框以便做演示使用: <input id="text" type="text" value="http://www.baidu.

呼叫微信小程式API生成 並轉base64存資料庫

public class GeneralTokenUtil {     private static final String appid = "";     private static final String grant_type = "";     // 獲取to

百度網盤生成api

ges cnblogs 每一個 tle 鏈接 lang 其他 images bsp 分享出自精神,靈感來自大腦,在百度雲網盤分享每一個文件,都會在頁面生成一個二維碼掃描的圖片: 我就進一步看了該圖片的地址: 發現沒有,圈圈內是不是有點眼熟,就跟其他二維碼api接

JavaScript實現線上Qrcode生成工具-toolfk程式設計師線上工具網

     本文要推薦的[ToolFk]是一款程式設計師經常使用的線上免費測試工具箱,ToolFk 特色是專注於程式設計師日常的開發工具,不用安裝任何軟體,只要把內容貼上按一個執行按鈕,就能獲取到想要的內容結果。ToolFk還支援  BarCode

視訊轉換生成,掃直接播放,線上製作,一鍵上傳

如何視訊生成二維碼,掃描就能看到視訊?最好不要有廣告?  先和大家說一下原理。二維碼本身可以儲存資訊,例如儲存視訊的URL。當掃描二維碼的時候,手機會先獲取二維碼儲存的URL,然後自動在瀏覽器中開啟URL,所以就能看到視訊。微信和QQ內建的都是QQ瀏覽器,所以原理也是一樣的

java生成(java工具類可以直接呼叫

生成二維碼的方法大體分為兩種:1. 展示時候引用Qrcode.js;2.後臺生成二維碼儲存成圖片,前端顯示 1.QRCode.js 是一個用於生成二維碼的 JavaScript 庫。主要是通過獲取 DOM 的標籤,再通過 HTML5 Canvas 繪製而成 <!DO

微信小程式-生成-如何在本地js中除錯呼叫

官方連結   let appId = 'wxbf338********361'; let secret = 'ce5e6c73*********************8a'; let getUrl = 'https://api

微信小程式生成介面呼叫

小程式生成二維碼這個介面可以在小程式裡面做, 也可以在java後臺做, 此篇部落格記錄的是在java後臺請求微信的介面生成; 場景: 如果要生成帶引數二維碼拿出去做裂變推廣, 生成的二維碼數量多. 此時不可能一個個通過草料或者阿拉丁來做, 只能請求官方的介面生成; 準備工作: a

免費生成API,支援#

分享幾個線上生成網址二維碼的API介面。都是採用http協議介面線上生成網址二維碼的API介面:  http://pan.baidu.com/share/qrcode?w=150&h=150&a

關於生成生成引數的傳入,配置檔案的定義、呼叫,computed屬性的計算,

1,二維碼的生成(其中一個生成方法),由伺服器提供一個url, 後端提供一個url,兩個url拼接到一個img標籤內,如圖: &

ASP.NET中C#生成

保存 mss 軟件 clear 所有 str drawing for visual ASP.NET中用C#語言編寫網頁,將自己輸入的文字生成二維碼。 工具/原料 已安裝好VS2010或其他版本VS軟件的電腦一臺 1、新建 1

C# ZXing.Net生成、識別生成帶Logo的(一)

tree bit 字符串 單位 images j2se lba 支付 .net 一.ZXing.Net 源代碼地址:http://zxingnet.codeplex.com/ 也可以使用Nuget包管理,添加如圖: 說明:ZXing是一個開源Java類庫用於解析多種格式的

thinkphp 5 生成案例

php vendor("phpqrcode.phpqrcode"); $url=‘http://www.dc3688.com/mobile/User/qrurl/?userid=‘."$this->user_id"; $level=3;

生成

方法 pan content ima common logging 後臺 con depend 這是google的一個二維碼工具 導入jar 方式一【gradle :"com.google.zxing:core:3.3.0" 】 方式二【maven: <depende

java 生成

qrc exti his stream red rgs develop 是個 public 一步一步用 java 設計生成二維碼 轉至 http://blog.sina.com.cn/s/blog_5a6efa330102v1lb.html 在物聯網的時代,二維碼是個很

JAVA------19.生成並插入logo

nds java .sh extend span exist dbi content height 1.jar包 鏈接:http://pan.baidu.com/s/1jHDD6sA 密碼:luhs import java.awt.BasicStroke; import

java生成的幾種方式

qrcode ext -s har bold 轉換成 沒有 += correct 1: 使用SwetakeQRCode在Java項目中生成二維碼 http://swetake.com/qr/ 下載地址 或著http://sourceforge.jp/projects