整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
ng new cc-qrcode
ng g module qrcode
2.在項(xiàng)目src/app/shard(shard自己創(chuàng)建一個(gè)目錄)目錄中，使用命令ng g component qrcode創(chuàng)建一個(gè)qrcode組件，刪除沒(méi)用的qrcode.component.html和qrcode.component.xxx樣式文件，因?yàn)槲覀冞@個(gè)二維碼組件不需要這個(gè)，只要有ts里面實(shí)現(xiàn)就可以了，所以刪除！！！
ng g component qrcode
3.由于我們的組件依賴于第三方的qrious插件，所以需要通過(guò)npm install qrious --save安裝。
npm install qrious --save
4.在之前創(chuàng)建的qrcode.component.ts中，實(shí)現(xiàn)二維碼，具體的內(nèi)容如下。
//這里引入的是angular模塊的內(nèi)容
import { Component, OnInit, Input, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
//這里引入我們安裝的第三方二維插件
import QRious from 'qrious';
/**
* 二維碼
*/
@Component({
selector: 'cc-qrcode',
template: `` //這里不需求模板，所以放空，如果覺(jué)得這個(gè)不好看，可以使用指令的方式實(shí)現(xiàn)
})
export class QrcodeComponent implements OnChanges, OnDestroy {//這里實(shí)現(xiàn)了OnChanges與OnDestroy接口，一個(gè)是用于監(jiān)聽參數(shù)改變用的，一個(gè)是銷毀組件用的
// 二維碼值參數(shù)
@Input() value='';
// 二維碼背景顏色，默認(rèn)我們給個(gè)白色
@Input() background='white';
// 二維碼前景色，也就是圖案的顏色，默認(rèn)我們給個(gè)黑色
@Input() foreground='black';
// 二維碼背景透明度，取值范圍是0-1.0之間
@Input() backgroundAlpha=1.0;
// 二維碼前景的透明度，取值范圍是0-1.0之間
@Input() foregroundAlpha=1.0;
// 二維碼的誤差校正級(jí)別(L, M, Q, H)
@Input() level='L';
// 生成的圖片類型，默認(rèn)image/png
@Input() mime='image/png';
// 內(nèi)邊距
@Input() padding=0;
// 二維碼大小（寬高）
@Input() size=100;
// 是否使用畫布生成，默認(rèn)為false，圖片方式
@Input() canvas=false;
// 二維碼實(shí)例對(duì)象
qr: QRious;
constructor(private elementRef: ElementRef) { }
ngOnChanges(changes: SimpleChanges): void {
//這里判斷參數(shù)是否改變
if (changes.background || changes.backgroundAlpha || changes.foreground ||
changes.foregroundAlpha || changes.level || changes.mime ||
changes.padding || changes.size || changes.value || changes.canvas) {
this.qrcodedBuild();
}
}
//二維碼構(gòu)造的方法
qrcodedBuild(): void {
// 這里獲取元素對(duì)象
const element: HTMLElement=this.elementRef.nativeElement;
//清空里面的內(nèi)容
element.innerHTML='';
// 為二維碼插件初始化
this.qr=new QRious({
background: this.background,
backgroundAlpha: this.backgroundAlpha,
foreground: this.foreground,
foregroundAlpha: this.foregroundAlpha,
level: this.level,
mime: this.mime,
padding: this.padding,
size: this.size,
value: this.value
});
// 判斷是否需要使用畫布的方式，默認(rèn)使用的是圖片方式
if (this.canvas) {
element.appendChild(this.qr.canvas);
} else {
element.appendChild(this.qr.image);
}
}
// 將二維碼轉(zhuǎn)換成base64編碼
toDataURL(): string {
return this.qr.toDataURL();
}
// 這里要銷毀組件
ngOnDestroy() {
this.qr=null;
}
}
1.使用時(shí)只需要引入模塊，然后就可直接在html中使用了
云CMS（DiYunCMS）-免費(fèi)開源可商用的PHP萬(wàn)能建站程序
使用帝云CMS二維碼生成函數(shù)可以自由生成各頁(yè)面二維碼圖片，比如網(wǎng)站二維碼，指定頁(yè)面二維碼，指定內(nèi)容二維碼等。
參數(shù) | 介紹 |
text | 二維碼內(nèi)容，如一個(gè)地址等 |
thumb | 圖片地址，在二維碼增加一個(gè)LOGO |
level | 表示容錯(cuò)率，也就是有被覆蓋的區(qū)域還能識(shí)別，分別是 L（QR_ECLEVEL_L，7%），M（QR_ECLEVEL_M，15%），Q（QR_ECLEVEL_Q，25%），H（QR_ECLEVEL_H，30%）； |
size | 表示生成圖片大小，默認(rèn)是5 |
返回二維碼地址
五、調(diào)用方式
{dr_qrcode(內(nèi)容, "縮略圖", "L", "5")}六、模板示例
輸出網(wǎng)站地址的二維碼： {dr_qrcode(SITE_URL)}生成當(dāng)前頁(yè)面二維碼：{dr_qrcode($my_web_url)}show.html內(nèi)容頁(yè)生成當(dāng)前頁(yè)面二維碼并帶圖標(biāo)
{dr_qrcode($my_web_url, dr_thumb($thumb), "M", "10")}帝云CMS（DiYunCMS）-免費(fèi)開源可商用的PHP萬(wàn)能建站程序
本次疫情影響，近日西安市將陸續(xù)組織多輪大規(guī)模核酸篩查。關(guān)于近期市民關(guān)注度較高的核酸檢測(cè)相關(guān)問(wèn)題，西安市大數(shù)據(jù)資源管理局進(jìn)行了總匯及回復(fù)。
問(wèn)：可以使用哪些證件進(jìn)行核酸檢測(cè)？
答：市民在接到大規(guī)模核酸檢測(cè)通知后，建議優(yōu)先攜帶能夠正常展示本人“一碼通”的手機(jī)前往進(jìn)行核酸檢測(cè)。如果沒(méi)有“一碼通”，也可以僅攜帶個(gè)人有效證件進(jìn)行核酸采樣。有效證件包括：境內(nèi)中國(guó)公民——居民身份證（推薦）或臨時(shí)居民身份證；境內(nèi)16周歲以下中國(guó)公民——居民身份證（推薦）或戶口簿；香港、澳門居民——港澳居民往來(lái)內(nèi)地通行證或中華人民共和國(guó)港澳居民居住證；臺(tái)灣居民——臺(tái)灣居民來(lái)往大陸通行證或中華人民共和國(guó)臺(tái)灣居民居住證；外國(guó)公民——護(hù)照。
建議市民核酸采樣時(shí)同時(shí)攜帶個(gè)人身份證和一碼通前往核酸采樣點(diǎn)。
問(wèn)：無(wú)一碼通用戶如何進(jìn)行核酸采樣？
答：請(qǐng)您攜帶個(gè)人有效證件，到采樣點(diǎn)后，可主動(dòng)聯(lián)系采樣人員，告知相關(guān)人員自己沒(méi)有一碼通，需使用證件采樣。了解詢問(wèn)是否有專門針對(duì)非一碼通用戶的核酸采樣通道。
根據(jù)現(xiàn)場(chǎng)工作人員指引等待核酸采樣。通常情況下，沒(méi)有一碼通的用戶在工作人員登記信息后，會(huì)生成紙質(zhì)“采樣二維碼”，用于核酸采樣登記及結(jié)果查詢。
問(wèn)：沒(méi)有一碼通且沒(méi)有各類有效證件怎么辦？
答：如果您沒(méi)有注冊(cè)一碼通且沒(méi)有各類有效證件，建議您提前將個(gè)人身份信息（姓名、電話號(hào)碼、證件號(hào)碼）寫于紙上，攜帶至采樣點(diǎn)，告知采樣點(diǎn)工作人員情況，通過(guò)人工錄入的方式進(jìn)行信息登記。信息登記后同樣會(huì)生成紙質(zhì)“采樣二維碼”，用于核酸采樣登記及結(jié)果查詢。請(qǐng)您確保提供的個(gè)人信息準(zhǔn)確無(wú)誤，以保證后期正常查詢核酸檢測(cè)結(jié)果。
問(wèn)：“采樣二維碼”有什么用，能使用多久？
答：“采樣二維碼”不僅是您采樣時(shí)的憑證，也可使用手機(jī)掃描該二維碼查詢本人核酸檢測(cè)結(jié)果。目前情況下，“采樣二維碼”可以反復(fù)使用七天。如果丟失，可以在下次采樣時(shí)按上述步驟重新申領(lǐng)“采樣二維碼”。
問(wèn)：為何沒(méi)有給我“采樣二維碼”也能完成采樣？
答：部分采樣點(diǎn)工作人員是通過(guò)移動(dòng)終端進(jìn)行核酸采樣登記，這種方式不會(huì)發(fā)放“采樣二維碼”。工作人員會(huì)使用手機(jī)掃碼您的身份證，或錄入個(gè)人信息完成身份登記，然后進(jìn)行核酸采樣。如您需查詢本人核酸檢測(cè)結(jié)果，可訪問(wèn)以下網(wǎng)址，輸入個(gè)人信息后查詢。
核酸檢測(cè)結(jié)果應(yīng)急查詢通道：https：//yqpt.xa.gov.cn/nrt/inquire.html
問(wèn)：采樣現(xiàn)場(chǎng)出現(xiàn)突發(fā)情況一碼通無(wú)法打開或手機(jī)關(guān)機(jī)打不開怎么辦？
答：當(dāng)前我西安核酸檢測(cè)系統(tǒng)不僅可以通過(guò)一碼通進(jìn)行核酸檢測(cè)，還可以使用身份證等其他證件進(jìn)行采樣。您可以出示個(gè)人有效證件，按照工作人員的指引，有序排隊(duì)參加核酸檢測(cè)工作。
（西安日?qǐng)?bào) 記者 王江黎）
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
