背景

因為近期工作需要，常常要將測試結果/數據統計、匯總和展示，因此會有寫靜態HTML的需求，本文記錄下python寫靜態HTML的小技巧

靈感

靈感時來源于unittest測試框架最常用的報告插件：HTMLTestRunner，該插件本身基于python2且已經更新了，好在@蟲師一直在維護和更新這個插件，使得它能繼續被大家所使用，了解詳情請移步：SeldomQA/HTMLTestRunner

回到HTMLTestRunner報告插件，閱讀源碼發現，作者只用了一個python文件便巧妙的將寫HTML、頁面繪制和數據嵌入搞定了。進一步分析可以看到，作者先是在Template基類中定義了測試報告的HTML結構模板和各個模塊/表格模板，然后再以格式化輸入的形式給每一個模板中填充目標數據，再將填充好的模板以格式化輸入的形式填充到HTML結構模板中，最后再將所有內容寫成一個HTML文件即可。

class Template_mixin(object):

"""

Define a HTML template for report customerization and generation.

Overall structure of an HTML report

HTML

+------------------------+

| |

|

|

| |

| STYLESHEET |

| +----------------+ |

| | | |

| +----------------+ |

| |

| |

| |

|

|

| |

| HEADING |

| +----------------+ |

| | | |

| +----------------+ |

| |

| REPORT |

| +----------------+ |

| | | |

| +----------------+ |

| |

| ENDING |

| +----------------+ |

| | | |

| +----------------+ |

| |

| |

| |

+------------------------+

"""

可以看到，這樣的設計其實優點在于非常小巧和輕量，缺點在于可維護和可移植性差，數據量小還尚可，不太適合大量數據的統計和繪制。

技巧

這種設計的關鍵在于建模板，然后按需填充數據，最后再寫HTML，通常我的做法是：

網上找到想要的頁面或著表格，copy其HTML結構，將變動的部分(需要動態填充數據的部分)提取出來，并用格式化輸入形式替代，如：%(style)s, %(rows)s

HTML_TMPL = r"""

Overview

%(style)s

總覽

#設備環境耗時結果統計報告

%(rows)s

???????

%(total)s

""" # style, rows, total

將變動的部分單拎出來，形成模板，依然用格式化輸入形式替代

TBODY_TOTAL_TMPL = """

合計 通過率: {passing_rate}% ?? 失敗率: {failure_rate}%

?? 錯誤率: {error_rate}% ?? 跳過率: {skip_rate}%

"""

按照模板格式，組裝數據并填充

total += TBODY_TOTAL_TMPL.format(

passing_rate=np.mean(p_rates).round(2),

failure_rate=np.mean(f_rates).round(2),

error_rate=np.mean(e_rates).round(2),

skip_rate=np.mean(s_rates).round(2))

最后將所有數據填充到主模板，并寫HTML

# write reporter

with open(filepath, 'w', encoding='utf-8') as wf:

wf.write(HTML_TMPL % dict(rows=rows, total=total, style=STYLE_TMPL))

擴展

目前python自動化測試常用的報告插件還有，allure

除過本文介紹寫HTML的方法之外，還可以使用，jinjia2

總結

以上是生活随笔為你收集整理的python生成静态html_Python写静态HTML的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。