基于微信小程序的數字化產品合格證系統設計與實現

摘" 要：產品合格證是企業產品的重要組成部分，文章利用Java Web開發技術、二維碼技術和微信小程序技術，設計了一個數字化產品合格證系統，對合格證的領用過程和使用過程進行全生命周期的管理。用戶可在PC管理端線上領用并錄入合格證的信息，使用Lodop控件進行打印輸出；并可使用微信小程序掃描合格證上的二維碼來進行防偽驗證和查詢合格證的信息。同時系統還提供了報表查詢功能，可以統計使用情況、打印次數和掃碼查詢等數據。

關鍵詞：合格證；微信小程序；Spring Boot；二維碼

中圖分類號：TP311" " 文獻標識碼：A" " 文章編號：2096-4706（2025）01-0071-05

Design and Implementation of Digital Product Certificate of Conformity System Based on WeChat Mini Program

Abstract： Product Certificate of Conformity is an important part of enterprise products. This paper uses Java Web development technology， QR Code technology， and WeChat mini program technology to design a digital product Certificate of Conformity system， so as to manage the whole life cycle of the process of receiving and using the Certificate of Conformity. The users can receive， use and input the information of the Certificate of Conformity on the PC management terminal line， and use the Lodop control to print out. They can also use the WeChat mini program to scan the QR Code on the Certificate of Conformity for anti-counterfeiting verification and information query of the Certificate of Conformity. At the same time， the system also provides the report query function， which can count data such as usage situation， printing times， scan code query， and so on.

Keywords： Certificate of Conformity; WeChat Mini Program; Spring Boot; QR Code

0" 引" 言

產品合格證是企業對銷售的產品進行質檢合格以后，放置在產品包裝里或印在包裝上的產品合格證明標識，不僅是質量監管部門對企業的要求，也是企業自我管理的一種手段[1]。目前的產品合格證大多還是以紙質的為主，容易被偽造，導致殘次品混淆，從而使消費者對企業的產品質量產生顧慮；同時受限于紙張大小，所能呈現的信息也較少，許多重要的質量信息不能展示，不利于企業品牌的 打造[2]。

二維碼技術在可靠性、安全性和實用性方面優勢明顯，目前已經成為大規模、批量化進行身份識別的重要手段。微信小程序是微信推出的生態產品，無須安裝下載即可直接運行，利用微信的社交能力可快速傳播。利用二維碼技術和微信小程序打造一款數字化產品合格證產品[3]，不僅可降低偽造合格證的風險，同時數字合格證展示的信息量也大大增加，還能提高企業產品合格證的規范性和準確性，降低相關管理成本。

1" 關鍵技術

系統的移動端使用了微信小程序技術，其在結構上分為了渲染層和邏輯層，兩層之間依靠微信客戶端進行通信，使用了WeUI基礎樣式庫來構造界面，使用戶的使用感知同微信原生視覺體驗一致[4]。

后臺服務端使用了Spring Boot技術，它包含了開發企業級系統需要用到的常見技術，使用其快速搭建了應用系統的模型[5]。使用Activity搭建了流程引擎，分別設計了合格證領用和使用的流程；使用Aspose組件來進行系統附件的預覽，支持常見格式文件在線的查看；合格證打印功能使用了Lodop打印控件，根據不同類型的合格證制作了不同套打模板，打印時由程序來控制選擇。系統技術架構圖如圖1所示。

2" 系統分析設計

2.1" 系統需求

產品合格證對于現代企業的重要性不言而喻，傳統的紙質合格證在使用過程中主要有以下問題：一是企業的產品合格證都是紙質的，上面的信息還是依靠人員手工登記，信息項多且工作量大；二是使用紙質的合格證容易被偽造，沒有有效的監控手段來控制；三是手工登記的合格證信息無法提取，無法對這部分的數據進行統計分析。為了簡化和規范企業合格證的使用，增強合格證的不可偽造性，本文利用二維碼技術和微信小程序技術，設計打造了一款數字化產品合格證系統[6]。

2.2" 系統分析

系統最核心的對象就是合格證，合格證的階段有空白階段、空白異常階段、領用階段、異常階段和使用/補發階段，各階段之間的流轉如圖2所示。空白階段即合格證還沒有被領用前的階段，此階段合格證如果被領用走，就進入了領用階段，同時領用動作是可逆的，如果作廢了領用單，合格證可由領用階段回到空白階段；空白合格證可被標記為異常，變為空白異常階段，此時合格證不可再被領用。領用階段的合格證被使用單使用后，進入到使用/補發階段，刪除使用單后，可退回到領用階段；領用階段被標記異常后，變為異常階段，合格證不可再被使用。

2.3" 功能設計

系統主要包含PC后臺管理端和微信小程序端兩部分，PC端主要是對合格證在企業內部的業務流轉進行管理，包括了合格證領用、合格證使用、合格證補發、合格證異常標記、合格證打印和報表查詢的功能，小程序端是面向服務客戶使用的，主要是合格證掃碼查詢的功能[7]。系統的功能結構如圖3所示。

3" 系統設計與實現

系統所用的后端開發工具為IntelliJ IDEA，小程序端的開發工具為微信開發者工具，所用的數據庫為MySQL，使用Git作為代碼版本管理工具，Maven作為程序構建工具。

3.1" 前端設計實現

前端界面使用了Layui框架，設計以簡潔和方便用戶使用為主，各個功能都是以list頁面和info頁面組成，這里以合格證使用功能來說明前端的 設計。

list頁面中間是數據表格區域，使用了table組件，分頁展示使用信息，頁面打開后會默認查詢第一頁的數據，之后點擊下一頁才會發起請求查詢下一頁數據。在表格明細行末尾區域是功能按鈕區域，有查看、編輯、打印等功能。表格的上方是菜單區域，有新增功能、刪除功能和作廢功能等。在頁面右上方是更多篩選區域，點擊后會展開篩選條件和查詢按鈕，如圖4所示。

點擊新增按鈕，會打開一個layer彈窗，內容區域是需要添加內容的表單，主子表結構的單據下方是子表的明細表格，在最下方是提交和取消按鈕，如圖5所示。

3.2" 數據庫設計

由于篇幅有限，以下僅介紹系統中比較重要的合格證號段信息表、合格證使用信息表、合格證使用信息明細表三個信息表的結構。

3.2.1" 合格證號碼段信息表

合格證信息表是系統最核心的表，企業每年的合格證使用量巨大，因此合格證信息的表結構設計影響著系統的整體性能。本文系統采用了號段的方式來存儲合格證信息，相對于單個存儲的方式，大大減少了數據量。

合格證號段信息表（certificate_number_segment）字段如表1所示，其中start_num是合格證號碼段的開始編碼，end_num是號碼段的結束編號，quantity是號碼段里合格證的數量，等于end_num和start_num之差；status是號碼段的狀態，1是正常，2是作廢，3是失效；stage是號碼段的所處階段，1是待領用階段，2是領用階段，3是使用階段，4是補發階段，5是異常階段；type是合格證的類型。

3.2.2" 合格證使用信息表

合格證使用信息表（certificate_use）如表2所示，字段bill_date為檢驗的日期，bill_dept和bill_person為業務部門和業務員，batch是產品的批次號，product_name是產品名稱，product_spec是產品型號，quantity是使用的合格證張數。

3.2.3" 合格證使用信息明細表

合格證使用信息明細表（certificate_use_info）如表3所示，存儲的是使用單關聯使用的合格證號碼信息。字段start_num和end_num是合格證的開始號碼和結束號碼，quantity是當前明細的合格證數量，use_code是明細關聯的使用單編碼。

3.3" 后臺功能實現

3.3.1" 合格證領用

領用單上填寫好合格證類型和領用數量后，需要從空白合格證記錄里查找符合條件的數據，在此對查詢邏輯進行說明。

首先查找此類型的合格證數量是否足夠領用，不夠領用則直接返回1；足夠領用后進入while循環，每次循環查找10條記錄，for循環這10條記錄，用累計數量totalQuan加上循環記錄的數量quantity，如果大于等于領用數量，則跳出循環，否則繼續查找，部分核心代碼為：

while（totalQuan lt; quan）{

Listlt;Maplt;String， Objectgt;gt; segmentList = qualityCertificateNumberSegmentService.selectByType（cerType， SegmentStage.BLANK.getStage（），10，rownum， \"\"）;

for（Maplt;String， Objectgt; map ： segmentList）{

String startNum = map.get（\"startNum\"）.toString（）;

String endNum = map.get（\"endNum\"）.toString（）;

int quantity = （int） map.get（\"quantity\"）;

if（（totalQuan + quantity） lt; quan）{

resultSb.append（startNum）.append（\"～\"）.append（endNum）.append（\"，\"）;

totalQuan += quantity;

} else if（（totalQuan + quantity） == quan）{" resultSb.append（startNum）.append（\"～\"）.append（endNum）.append（\"，\"）;

totalQuan += quantity;

break;

} else {

int nowEndNum = Integer.parseInt（startNum.substring（2）） + （quan - totalQuan） - 1;

resultSb.append（startNum）.append（\"～\"）.append（startNum， 0， 2）.append（String.format（\"%08d\"， nowEndNum））.append（\"，\"）;

totalQuan += nowEndNum;

break;

}

}

rownum += 10;

}

3.3.2" 合格證使用

合格證使用時，需要將使用的號碼標記為已使用狀態，系統要查找與使用號碼段相交的領用號碼段，這里使用了時間段交集算法。假設有兩個時間段A和B，分別表示為[A_start， A_end]和[B_start， B_end]，則存在交集的條件是：

1）A_end gt;= B_start 并且 A_start lt;= B_end。

2）B_end gt;= A_start 并且 B_start lt;= A_end。

由此可查詢出所有與使用號碼段相交的領用號段端數據，假設領用的合格證號碼段開始編號是X，結束編號是Y，使用單的合格證號碼段開始編碼是NS，結束編號是NE，所有處理情況分以下4種情況，如表4所示。

3.3.3" 合格證打印

合格證打印功能使用Lodop插件實現，根據不同的合格證類型，提前設置了不同的套打模板，封裝了certificatePrint.js打印腳本，點擊打印按鈕后，會調用腳本在對應的區域設置文本信息和圖片印章信息，輸出打印文件[8]，部分核心代碼為：

LODOP.SET_SHOW_MODE（\"BKIMG_WIDTH\"， \"70mm\"）;

LODOP.SET_SHOW_MODE（\"BKIMG_HEIGHT\"， \"105mm\"）;

LODOP.SET_SHOW_MODE（\"BKIMG_IN_PREVIEW\"， true）;

LODOP.SET_PRINT_MODE（\"POS_BASEON_PAPER\"， true）;

LODOP.SET_PRINT_PAGESIZE（1， \"70mm\"， \"105mm\"， \"\"）;//設置紙張高度

LODOP.ADD_PRINT_TEXT（208，114，140，20，use.productName）;

LODOP.ADD_PRINT_TEXT（232，114，140，20，use.clientSpecs）;

LODOP.ADD_PRINT_TEXT（256，114，140，20，use.number）;

LODOP.ADD_PRINT_TEXT（279，114，140，20，use.technicalProvisionZz）;

LODOP.SET_PREVIEW_WINDOW（1， 0， 0， 760， 540， \"\"）;

打印也支持補打功能，在打印次數用完后，可點擊補打按鈕，彈出補打界面，針對打印中的異常情況，可選擇替換補打模式，輸入替換的編號和新編號后，系統會自動將替換編號標記為打印錯誤異常狀態，如圖6所示。

3.4" 小程序設計

小程序首頁上方是個Swiper組件，循環展示企業宣傳圖，下方是個九宮格樣式區域，放置提供的服務按鈕[9]，如圖7所示。

點擊合格證掃碼按鈕，會啟動設備的相機，掃描合格證上的二維碼，小程序會根據二維碼的數據格式判斷是否是合格證二維碼，若符合格式要求會彈出密碼輸入框，輸入合格證上的查詢密碼后發送后臺進行校驗，校驗通過后會返回合格證的產品信息，并跳轉到合格證信息展示頁面[10]，掃碼流程如圖8所示。

3.5" 系統測試

系統的開發工作和測試工作是同步進行的，每開發完一個功能，就會進行單元測試。在后臺接口開發完后，會使用Postman工具進行模擬請求測試，并對返回的JSON結果進行解析。微信小程序開發中，利用微信開發者工具對頁面進行測試，模擬正常用戶操作，測試事件腳本和表單輸入是否正確。在編寫測試用例時，覆蓋業務上和邏輯上的各種場景，在大的功能完成后會進行回歸測試，確保系統運行正常。經過測試，系統的各項功能和運行指標均與預期一致。

4" 結" 論

本文基于微信小程序技術打造的數字化產品合格證系統，在業務層面，針對企業相關管理上的痛點，規范了合格證的使用流程，同時提升了合格證的安全性，大大降低了偽造的風險；在系統設計上，創新的采用了號段的數據存儲模式，有效地降低了系統數據量，提升了系統的運行效率。綜上，本系統在業務層面和系統層面均達到了預期的效果，對于企業合格證方面的管理提升有積極作用。

參考文獻：

[1] 楊滿澤，黃珂，譚彥顯，等.規范產品合格證管理 促進產品高質量發展 [N].中國質量報，2021-10-15.

[2] 楊滿澤，黃珂，譚彥顯，等.湖南省產品合格證標準化實踐及評價 [J].標準科學，2023（3）：62-66.

[3] 陳靜嫻.基于二維碼技術·微信小程序技術的實驗室設備管理的設計與實現 [J].計算機科學，2020，47（S2）：673-677.

[4] 胡洋，張么九，劉婉行，等.利用微信小程序進行新媒體健康科普的應用研究 [J].中國健康教育，2023，39（6）：509-513+527.

[5] 王相喜，周曉波，倪甜弟.基于微信小程序的預約掛號系統的設計與實現 [J].現代計算機，2024，30（8）：116-120.

[6] 黃臺虎.液體流量管控物聯應用系統的設計與實現 [D].長春：吉林大學，2023.

[7] 楊樂，何大闊，王正松.基于機器視覺的二維碼檢測教學實驗系統設計 [J].控制工程，2024，31（9）：1722-1728.

[8] 李藝凡，盧建軍，衛晨，等.基于Lodop的Web方式單據打印技術的改進及實現 [J].信息技術，2014（12）：159-162.

[9] 劉梅，卜言彬，周越.基于微信小程序的土地租賃的設計與實現 [J].現代信息科技，2023，7（10）：95-98.

[10] 李冬.基于手機APP的防爆合格證查詢系統研究 [J].科技創新與應用，2016（13）：49.