1. 程式人生 > 實用技巧 >再見HTML ! 用純Python就能寫一個漂亮的網頁

再見HTML ! 用純Python就能寫一個漂亮的網頁

我們在寫一個網站或者一個網頁介面的時候,需要學習很多東西,對小白來說很困難!比如我要做一個簡單的網頁互動:

很多人學習python,不知道從何學起。
很多人學習python,掌握了基本語法過後,不知道在哪裡尋找案例上手。
很多已經做案例的人,卻不知道如何去學習更加高深的知識。
那麼針對這三類人,我給大家提供一個好的學習平臺,免費領取視訊教程,電子書籍,以及課程的原始碼!
QQ群:1097524789

  • 要懂後端,比如Python裡面的Django或者Flask,或者是Java裡面的SpringBoot

  • 要懂前端,現在都叫大前端了(因為很複雜),比如前端的框架Vue/React, 然後頁面的美化框架Bootstrap ,還有html ,csss 和Javascript 三駕馬車.

天啊,聽聽頭都大呢!其實我就給老闆做一個簡單的互動的頁面,而且我只會Python ,有沒有很簡單的辦法可以做到呢。

今天小編在Github上逛的時候,找到一個非常酷的神器,名字叫remi ,目前收穫了2300個贊。

star並不是很多,但是這個庫可是選入2018年的十大明星庫,號稱是一個獨立的GUI庫,而且最牛逼的就是這個庫竟然小於 100K,是否很神奇呢,我們一起來體驗看一下特性:

  • 跟其他GUI庫區別?Kivy,PyQT和PyGObject都需要主機作業系統的本機程式碼,這意味著安裝或編譯大型依賴項。Remi只需要一個Web瀏覽器即可顯示您的GUI。

  • 我需要懂HTML嗎?不,只需要使用Python進行編碼。

  • 它是開源的嗎?當然!Remi是根據Apache許可釋出的。開源,免費!

  • 我需要某種網路伺服器嗎?不,自帶網路伺服器。

1

安裝

如何安裝呢,因為是Python 庫,直接用pip 即可

pip install remi

如果是沒有網路的,或者伺服器跟外網不通的,可以離線安裝。下載這個包,然後用install 安裝

python setup.py install

2

快速體驗

我們來快速看一下,這個簡單的Hello world網頁。

這裡麵包含了一個 2個元素:

  • 文字Hello world ;

  • 一個Press me的按鈕;

點選這個按鈕還會改變Hello world的文字內容,看點一下就變成了Button pressed.

上面這個簡單的效果,其實只用了20來行Python程式碼,都是原生的Python程式碼,沒有用一行HTML.

我們來看一下原始碼:

整個的程式碼的結構層次還很清晰的:

  • 首先宣告一個MyApp類,這個類會繼承母框架App裡面的功能,可以認為是一個網頁畫布;

  • 然後在這個畫布裡面有3個函式:

    init主要是做類的初始化工作;

    main主要對這個畫布佈局進行設計,包含一個文字和一個按鈕。

    on_button_pressed主要是控制元件的相應,點選觸發函式

  • 最後是start來啟動這個類,就會生成一個本地的網站連結

3

更多複雜的網頁元素

看完上面的設計是不是就覺得跟Python裡面大名鼎鼎的tk庫很相似啊,上面的只是開胃菜,這個remi還能提供更復雜的gui介面元素。

上面的是一個完整的demo頁面,基本上常見的控制元件元素的都包含了,比如有選單欄,文字,按鈕,單選框,進度欄,下拉框,表格,彈出框,按鈕選取檔案路徑,檔案樹形結構,日期等幾十種控制元件。

有了這個神器,是不是可以告別Python裡面的tk庫,也可以省去學習HTML的時間,還等啥,趕緊下載嚐鮮一下吧。