如何使用wix corvid将循环数据连接到pdfgeneratorapi?

How to connect loop data to pdfgeneratorapi with wix corvid?

我正在使用 https://pdfgeneratorapi.com/ 生成 PDF。

现在我可以使用这个 code.Can 一个一个地显示数据,有人给我建议如何用循环或任何其他方式显示所有数据吗? 下面的照片显示了我来自 pdfgenerator 的模板。

这是我用来生成 PDF 的代码

    let communicationWay1=[
    {0:"dim"},
    {1:"kal"}
    ];
    let cstomerExpence1=[
    {0:"dim"}, 
    {1:"kal"}
    ];
   let title="test";
   let names="test";
   let phone="test";
   let email="test";
let maritalStatus="test";
let city="test";
let other="test";

 const result = await wixData.query(collection)
 .eq('main_user_email', $w('#mainE').text)
         .find()
    .then( (results) => {
 if (results.totalCount>0) {
                    count=1;
 // title=results.items[1].title;
                        names=results.items[0].names;
                        email=results.items[0].emial;
                        phone=results.items[0].phone;
                        maritalStatus=results.items[0].maritalStatus;
                        city=results.items[0].city;
                        other=results.items[0].cousterExpenses_other;                       
                        title=results.items[0].title;
 
                        communicationWay=results.items[0].communicationWay;
                        cstomerExpence=results.items[0].cstomerExpence;

                }
 if (results.totalCount>1) {              
                        names1=results.items[1].names;
                        email1=results.items[1].emial;
                        phone1=results.items[1].phone;
                        maritalStatus1=results.items[1].maritalStatus;
                        city1=results.items[1].city;
                        other1=results.items[1].cousterExpenses_other;                      
                        title1=results.items[1].title;
                        communicationWay1=results.items[1].communicationWay;
                        cstomerExpence1=results.items[1].cstomerExpence;
                }
 
    } )
    .catch( (err) => {
      console.log(err);
    } );
 // Add your code for this event here:  
 const pdfUrl = await getPdfUrl
 ({title,names,email,phone,city,maritalStatus,other,communicationWay,cstomerExpence,title1,
  names1,email1,phone1,city1,maritalStatus1,other1,communicationWay1,cstomerExpence1   
    });
if (count===0) {    $w("#text21").show();}
else{        $w("#downloadButton").link=wixLocation.to(pdfUrl);}   

下面的代码是后端 CODE/JSW 代码。 我也想在新标签页中打开 pdf。我知道“_blank”方法可以用来打开一个新的 tab.But 我不知道如何用 url

添加它
 import PDFGeneratorAPI from 'pdf-generator-api'

const apiKey = 'MYKEY';
const apiSecret = 'MYAPISECRET';

const baseUrl = 'https://us1.pdfgeneratorapi.com/api/v3/';
const workspace = "HELLO@gmail.com";
const templateID = "MYTEMPLATEID";

let Client = new PDFGeneratorAPI(apiKey, apiSecret)
Client.setBaseUrl(baseUrl)
Client.setWorkspace(workspace)

export async function getPdfUrl(data) {
 const {response} = await Client.output(templateID, data, undefined, undefined, {output: 'url'})
 return response
}

只需将其放入带有布尔条件的 while 循环中即可。

您可以创建一个变量,例如 allShowed,并将其值设置为 False。之后,创建另一个变量,例如numberOfDataToShow,并将其设置为您要显示的元素数。然后创建一个计数器,countShowed,初始化为 0 作为它的值。

现在创建一个 while 循环:当 allShowed 值为 False 时,您循环(并添加数据)。 每次显示一条数据时,您都会增加 countShowed 的值(并将其设置为继续显示 adding/showing 数据)。当 countShowed 将具有与 numberOfDataToShow 完全相同的值时,请将 allShowed 设置为 True。循环将中断并显示您的所有数据。

您需要使用 Container or Table component in PDF Generator API to iterate over a list of items. As @JustCallMeA said you need to send an array of items. PDF Generator API now has an official Wix Velo (previously Corvid) tutorial with a demo page: https://support.pdfgeneratorapi.com/en/article/how-to-integrate-with-wix-velo-13s8135