再見(jiàn)HTML ! 用純Python就能寫(xiě)一個(gè)漂亮的網(wǎng)頁(yè)
點(diǎn)擊上方Python知識(shí)圈,設(shè)為星標(biāo)
回復(fù)1024獲取Python資料
閱讀文本大概需要 5?分鐘
我們?cè)趯?xiě)一個(gè)網(wǎng)站或者一個(gè)網(wǎng)頁(yè)界面的時(shí)候,需要學(xué)習(xí)很多東西,對(duì)小白來(lái)說(shuō)很困難!比如我要做一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)交互:
要懂后端,比如Python里面的Django或者Flask,或者是Java里面的SpringBoot 要懂前端,現(xiàn)在都叫大前端了(因?yàn)楹軓?fù)雜),比如前端的框架Vue/React, 然后頁(yè)面的美化框架Bootstrap ,還有html ,csss 和Javascript 三駕馬車(chē).
今天PK哥在Github上逛的時(shí)候,找到一個(gè)非??岬纳衿?,名字叫remi ,目前收獲了2300個(gè)贊。

跟其他GUI庫(kù)區(qū)別??Kivy,PyQT和PyGObject都需要主機(jī)操作系統(tǒng)的本機(jī)代碼,這意味著安裝或編譯大型依賴(lài)項(xiàng)。Remi只需要一個(gè)Web瀏覽器即可顯示您的GUI。
我需要懂HTML嗎??不,只需要使用Python進(jìn)行編碼。
它是開(kāi)源的嗎??當(dāng)然!Remi是根據(jù)Apache許可發(fā)布的。開(kāi)源,免費(fèi)!
我需要某種網(wǎng)絡(luò)服務(wù)器嗎??不,自帶網(wǎng)絡(luò)服務(wù)器。
?1?
安裝
如何安裝呢,因?yàn)槭荘ython 庫(kù),直接用pip 即可
pip install remi如果是沒(méi)有網(wǎng)絡(luò)的,或者服務(wù)器跟外網(wǎng)不通的,可以離線安裝。下載這個(gè)包,然后用install 安裝
python setup.py install?2?
快速體驗(yàn)
我們來(lái)快速看一下,這個(gè)簡(jiǎn)單的Hello world網(wǎng)頁(yè)。

這里面包含了一個(gè) 2個(gè)元素:
文本Hello world ;
一個(gè)Press me的按鈕;
點(diǎn)擊這個(gè)按鈕還會(huì)改變Hello world的文本內(nèi)容,看點(diǎn)一下就變成了Button pressed.

我們來(lái)看一下源碼:

首先聲明一個(gè)MyApp類(lèi),這個(gè)類(lèi)會(huì)繼承母框架App里面的功能,可以認(rèn)為是一個(gè)網(wǎng)頁(yè)畫(huà)布; 然后在這個(gè)畫(huà)布里面有3個(gè)函數(shù): init主要是做類(lèi)的初始化工作; main主要對(duì)這個(gè)畫(huà)布布局進(jìn)行設(shè)計(jì),包含一個(gè)文本和一個(gè)按鈕。 on_button_pressed主要是控件的相應(yīng),點(diǎn)擊觸發(fā)函數(shù) 最后是start來(lái)啟動(dòng)這個(gè)類(lèi),就會(huì)生成一個(gè)本地的網(wǎng)站鏈接

?3?
更多復(fù)雜的網(wǎng)頁(yè)元素


鏈接:
https://github.com/dddomodossola/remi

----------------------- 公眾號(hào):Python知識(shí)圈 博客:www.pyzhishiquan.com 知乎:Python知識(shí)圈 微信視頻號(hào):菜鳥(niǎo)程序員 (分享有趣的編程技巧、Python技巧) bilibili:菜鳥(niǎo)程序員的日常(目前原創(chuàng)視頻:18,累計(jì)播放量:70萬(wàn)) 一個(gè)學(xué)習(xí)Python的人,喜歡分享,喜歡搞事情!
長(zhǎng)按下圖二維碼關(guān)注,和你一起領(lǐng)悟Python的魅力。
Python知識(shí)圈公眾號(hào)的交流群已經(jīng)建立,群里可以領(lǐng)取 Python 和人工智能學(xué)習(xí)資料,大家可以一起學(xué)習(xí)交流,效率更高,如果是想發(fā)推文、廣告、砍價(jià)小程序的敬請(qǐng)繞道!一定記得備注「交流學(xué)習(xí)」,我會(huì)盡快通過(guò)好友申請(qǐng)哦!通過(guò)好友后私聊我「學(xué)習(xí)資料」或者「進(jìn)群」都可以。
掃碼添加,備注:交流學(xué)習(xí)
往期推薦 01 02 03
我就知道你“在看”

