融界2023年12月14日消息,據國家知識產權局公告,中國銀行股份有限公司申請一項名為“一種基于瀏覽器的打印方法、系統、電子設備及存儲介質“,公開號CN117215508A,申請日期為2023年9月。
專利摘要顯示,本申請公開了一種基于瀏覽器的打印方法、系統、電子設備及存儲介質,可應用于云計算領域、大數據領域或金融領域;當檢測到用戶在瀏覽器中進行網頁打印時,基于獲取的打印模板和待打印內容,對每個內容塊進行標記;逐一對每一內容塊進行渲染處理,得到待打印文件;對內容塊進行渲染處理的過程包括:若內容塊無法內打印模板的當前頁容納,且內容塊為可拆分內容塊,基于當前頁的可用高度對內容塊進行拆分,得到多個依序排列的子內容塊,并創建至少一個下一頁;依次將各個子內容塊渲染至當前頁和至少一個下一頁中,并將渲染有最后一個子內容塊的下一頁更新為當前頁;根據每個內容塊上標記的打印樣式對待打印文本進行頁面處理,并打印得到的打印文本。
口是串行接口的簡稱,串口第一次出現在1980年前后,當時串口是為實現計算機與外設的連接而出現的,其傳輸特點是數據一位一位的發送,傳輸速率低且穩定,遠距離傳輸的信號抗干擾能力強,被廣泛用于遠距離通信,由于串口不支持熱插拔且傳輸速率較低,目前大部分的個人計算機主板都已取消串口接口,目前串口大部分用于工控設備與通信設備的連接環境中。
擁有串口接口的打印機也是在串口出現后誕生的,當計算機通過串口連接至打印機后,用戶可向串口發送特定的打印指令,打印機接收到指令后會自動執行相應的操作。
傳統的串口使用方式是通過專用軟件建立連接實現通訊功能。從Chrome 89之后版本的瀏覽器支持了Web Serial API,我們可以通過瀏覽器與本機串口連接實現串口通信的功能。FastWeb已支持此功能特性,我們可以運用網頁開發平臺連接串口實現打印的功能。
在網頁開發平臺中設計完成界面后,在啟動程序時指定連接的串口,可實現串口發送信息。這種方式可以擺脫專用軟件,只需要使用瀏覽器就能實現串口通訊的功能。
通過網頁開發平臺,可以免去對串口通訊的調試,直接使用網頁開發平臺提供的成品模塊就可以快速實現串口打印的功能。網頁開發平臺中還提供了眾多數據采集與物聯網連接的模塊,只需要學會基礎的設計,就可以輕松實現與物聯網設備的對接,實現交互通訊的相關功能。
如需了解更多信息請參考:Web網站設計 - 愛招飛 IsoFace。
介
在線模式是指直接在html網頁上設計打印模板,在線模式的特點是可以直接拖動表單字段到單元格內,無需手動設置字段標識。
創建在線模式打印模板
- 第一步:在表單設置-打印模板處,創建打印模板,選擇在線模式。
- 第二步:點擊第一步創建打印模板的編輯按鈕,進入打印模板設計頁面,在此頁面完成設計并保存。
- 第三步:在表單數據權限處,設置好此打印模板的權限。
- 第四步:權限內的用戶打印或批量打印時,就可以選擇此模板進行打印了。
在線模式設計頁面
步驟:【表單設計頁面】-【表單設置】-【打印模板】-【在線模式模板-編輯】,進入打印模板設計頁面。
修改模板名稱
- 在線模式的打印模板設計頁面,左上角可自定義模板名稱。
表單字段&系統字段
表單字段&系統字段
左側字段列表分為表單字段和系統字段標簽頁。
- 表單字段:包括表單自身的字段/字段二維碼/字段條形碼,選中字段可拖動放至右側設計面板的指定單元格內。
- 系統字段:普通表單和流程表單的系統字段不一樣。
- 普通表單的系統字段包括提交人、提交時間、更新時間、數據外鏈二維碼、數據內鏈二維碼、表單外鏈二維碼、打印人、打印時間。
- 流程表單的系統字段包括提交人、提交時間、更新時間、審批意見、流程狀態、流程決策、當前節點、當前負責人、數據內鏈二維碼、表單外鏈二維碼、打印人、打印時間。
- 注意: 表單外鏈二維碼需要開啟表單外鏈后才能正常使用。
- 流程表單的審批意見字段內容和打印順序支持自定義。將審批意見字段拖動到右側設計面板的單元格內,鼠標選中審批意見字段,右鍵展示功能菜單,包括設置內容、審批意見打印順序。
字段設置
字段設計
方法一:直接從右側表單列表中拖動字段到指定單元格內。
- 列表中的字段表示字段值。見下圖,把「流水號」字段放至設計界面后,顯示為「${流水號}」。也就是說B1這個單元格代表的是,某條數據中流水號的值。
方法二:雙擊單元格或者選中單元格按任意鍵彈出單元格內容編輯面板,可在此面板進行字段設計。
- 此面板中右側字段和外層模板設計頁展示的字段一致
- 支持添加多個字段
- 支持普通文本和字段結合設計
- 支持空格、換行等設計
- 當包含子表單字段時,僅支持添加同一個子表單內的字段
- 為了表示數據代表的意思,通常可以在字段值前面或者上面加上標題 。
審批意見字段
- 可選擇有審批意見的全部節點或自定義節點。 打印內容為“節點名稱”+“審批人”+“審批時間”+“文本意見”+“手寫簽名”。
設計器
功能介紹
目前系統支持了多種功能,通過設計器的這些功能,基本能滿足一般打印模板的需求。
注意:設計器的功能只針對整個單元格,而不能對單元格內的某些字段進行設計。
邊框線
支持自定義多種邊框線、邊框線顏色以及邊框粗細。
如果要取消邊框線,在選中單元格后點擊邊框線設置選項中的「無」。
插入圖片
插入單元格圖標
- 可在單元格中插入圖片,打印出來。常見用法如插入公司logo等。
- 插入圖片之后,可以通過改變單元格大小來調整圖片大小,也可以設置圖片對齊方式。
插入浮動圖片
- 可以在單元格中插入水印、公章等圖標懸浮在文件上隨著表單一起打印下來,主要是為了打印出來的文件具有防偽及其他專門用途。
注意:
- 1.單個打印模板中的每個分頁中最多上傳5張懸浮圖片,每張最多5MB。
- 2.插入的懸浮圖片支持jpg,jpeg,png格式。
- 3.被插入的懸浮圖片支持自定義調整位置、大小。
設置背景圖
可上傳背景圖,注意將紙張長寬和圖片調整成長寬一致,這樣可以較好地填充紙張。
背景圖可以實現套打功能,如快遞單、申請單等特定場景的打印。
- 背景圖默認不會自動開啟,如需要打印背景圖,需手動設置“打印背景”。
自定義水印
- 支持水印功能,可以設置無水印、圖片水印或文字水印。
圖片水印:圖片最大100k,水印圖片最大顯示為128px*128px。
文字水印:
- 支持添加表單字段
- 支持多個字段同時添加
- 支持自定義文本和表單字段一起添加
- 支持自定義字體、字體顏色、字體大小
- 支持透明度設置,設置范圍[1%,60%]
注意:
- 水印區域已經限制大小,無法更改,超過區域的文字會被截斷。
- 文字水印不支持換行打印。
紙張設置
可對紙張大小、方向、頁邊距進行設置。
設置時請注意參考線所標注的打印邊界,設計時不要超出,以免影響打印效果。
小票打印: 紙張大小選擇自定義,高度模式選擇自動,根據小票寬度設置紙張寬度及頁邊距等信息,不限制紙張高度,即可實現小票打印。
單元格高度設置
- 單元格高度推薦選擇「動態高度」,打印時如果數據超出單元格高度,會自動拉伸以保證打印全部內容。如果是固定高度,則超出單元部分的內容,在打印時將被省略。
頁眉頁腳
頁眉頁腳字段設置
選中單元格,按任意鍵或者雙擊彈出單元格內容編輯面板。
- 支持添加多個字段
- 支持普通文本和字段結合設計
- 支持空格、換行等設計
- 支持基本的表單字段和系統字段
- 不支持子表單字段
- 不支持圖片類型的字段,如圖片、二維碼、手寫簽名等。
- 打印屬性支持頁碼、總頁碼
頁眉頁腳功能介紹
- 頁眉頁腳設置:選中頁眉頁腳的單元格,再點擊頁眉頁腳設置,可以設置頁眉頂端距離/頁腳底端距離,頁眉分列/頁腳分列。
- 插入圖片:選中頁眉頁腳單元格,點擊插入圖片,可以插入圖片到對應的單元格內;圖片支持放大縮小。
重復打印設置
通過設置重復打印,可以在打印的過程中,將部分內容固定在每一頁里打印出來,如:商品銷售,商品過多時,將表格頭部在每一頁中都顯示一份。
注意:
- 在開啟重復打印之前一定要先選中需要重復打印的「行」,一次只能設置其中一行,如果有多行內容需要重復打印,需要單獨一行一行去設置。
- 帶有子表單字段的行無法設置重復打印。
批量打印分頁設置
- 批量打印分頁設置用于批量打印場景,當頁面空間允許時,一頁內打印多條數據;
- 存在多個打印分頁時不支持使用。
- 紙張設置高度為自動的時候不能設置批量打印。
邊界線
- 邊界線標注了打印范圍,位于邊界線之內的內容可以被打印出來。
注意:邊界線和實際打印邊界,并不是完全重合的,會存在不一致的情況。邊界線標注的范圍 始終 <= 實際打印范圍。
- 邊界線根據紙張大小確定,當邊界線在某行/某列單元格中間時,建議調整單元格寬/高,將單元格完全設計在邊界線內,以免單元格內容未打印完整。
- 位于邊界線下方的內容,或者其它在一頁打印不完的內容,在打印時會自動新增一頁打印;
分頁設置
- 在打印模板設計的左下角有一個“+”號,點擊以后可以進行分頁設置,新分頁中的內容在打印時會強制換頁。
- 添加新分頁后,當前頁面的內容打印完以后會接著依次打印新分頁里面的內容。
子表單序號打印
- 序號的打印可以很直觀地看出明細數據的條數,也可以使得打印的數據更加整齊有序。常用于進銷存管理中的出入庫單打印、報價管理中的合同打印等,這些都需要將明細數據序號也打印出來等。
- 通過編輯好的自定義打印模板進行打印,可以看到子表單每條子數據所對應的序號。
打印條碼或二維碼
條形碼和二維碼僅單行文本和數字控件支持。
- 通過編輯好的自定義打印模板進行打印,可以看到單行文本或數字控件打印的二維碼或條形碼。
頁面縮放
- 支持對模板設計區域進行縮放,縮放范圍[10%,400%],默認為100%;
預覽
- 在設計模板的時候,當模板做了任何改動,點擊預覽可以預覽打印效果。
- 預覽的數據為數據管理列表中第一條數據。
保存
快捷操作
- 我們在設計模板時有一些快捷操作,能幫助我們節省時間,如:設置行寬列高時需要手動拖拽,而快捷操作我們可以直接設置具體數值即可。
行/列右鍵快捷操作
步驟:【點擊單元格或行或列】——【單擊鼠標右鍵】——【選擇對應的快捷操作】