圖片發(fā)自簡書App

近日項目上接到一個任務(wù)，設(shè)計并編寫住院病案首頁頁面，然后將其轉(zhuǎn)換成圖片顯示給醫(yī)生查看。
天哪，住院病案內(nèi)容那么多，光編寫這個頁面就已經(jīng)夠嗆了，轉(zhuǎn)圖片我也沒弄過，于是百度了一下，花了兩天時間終于搞定，下面弄一個小案例講解一下過程。

1、編寫ftl頁面

image.png

其實跟html頁面一樣，只不過html是靜態(tài)的，而我們需要動態(tài)傳參數(shù)過去，所以用到ftl文件

2、將參數(shù)傳到ftl頁面形成完整的頁面，再獲取ftl頁面的內(nèi)容，將其轉(zhuǎn)化為靜態(tài)html文件，再將html文件轉(zhuǎn)為圖片

圖片發(fā)自簡書App

3、獲取ftl頁面內(nèi)容

image.png

其中 filePath為ftl文件的路徑
fileName為ftl文件名
4、 先轉(zhuǎn)成html靜態(tài)頁面再轉(zhuǎn)成圖片

image.png

5、需要用到到j(luò)ar包：

image.png

6、結(jié)果

image.png

image.png

7、需注意的地方
（1）ftl頁面編寫時要注意規(guī)范，可能光運行頁面時不會報錯，但是轉(zhuǎn)圖片的時候特別嚴(yán)格，不能少也不能多（我做的時候報td標(biāo)簽沒有閉合，找的我好幸苦）
（2）寬高用百分比，大小用px，rem沒用的
（3）排版我全用table標(biāo)簽，div設(shè)置display為flex時沒用