炸了!沒有任何HTML/CSS ! 純Python打造一個網站!

大家好,我是菜鳥哥!

如果想用Python做網站,在Python世界裏面有2大非常有名的框架,一個是Django一個是Flask 。但是做網站肯定需要前端的三家馬車HTML/CSS/JS 。如果我只想想做一個簡單的網站,學習的成本有點高。今天給大家推薦一個神器 Anvil 框架,可以不用一行非Python代碼,分分鐘幫助你打造一個純用 Python 做的全棧 Web 應用程序!厲害吧,我們一起來看一下。

01.創建賬戶

不同於Flask的框架,Anvil 框架並不需要通過pip等方式進行安裝。

大家只需要前往Anvil的官網,創建賬戶,官網地址爲:https://anvil.works/

02.創建項目

當我們註冊,有了自己的賬戶後,接下來就可以創建一個項目了。

首先,點擊創建一個空白項目:

然後在彈出的主題選擇窗口中選擇Material Design主題。

Material design主題是2014年由谷歌公司創建,並應用於許多最流行的應用程序,包含了郵件,日曆等組件。

在頁面設計時,我們不需要去創建美觀的頁面組件,可以利用Anvil提供的組件來創建美觀的界面。

03.搭建界面

創建應用程序後,Anvil 會轉到頁面的設計界面中:

如上圖所示。頁面設計可以通過拖放組件的方式完成。我們通過拖放輸入字段、按鈕和輸出標籤這三個組件,實現一個簡單的頁面功能。對於組件的拖放,可以按照下圖的方式進行操作。

組件拖放完成後,界面如下圖所示:

04.前端邏輯

組件搭建完成後,接下來我們來實現頁面的邏輯。

我們想實現的功能是:向text框中輸入文本,通過點擊button按鈕,來顯示在label組件中。

所以BUTTON_3按鈕成爲了頁面的控制關鍵,通過雙擊BUTTON_3按鈕,可以來到BUTTON_3按鈕的程序界面下。

在這裏我們可以編寫BUTTON_3按鈕的邏輯代碼。

按照想要實現的目的,邏輯代碼如下圖所示。

程序中,”self.label_1"和“self.text_aera_1"分別表示的就是label和text兩個控件。

05.Web APP部署

功能測試完畢後,接下來就可以選擇APP的部署了。停止測試,回到設計界面後,點擊設置下的publish app的選項。

界面會彈出選項提示,提示用戶是設置爲私密鏈接或者是公開的鏈接。

大家只需要點擊鏈接後,就可以使用自己開發的Web APP了。

06.總結

以上就是利用Anvil進行100% Python 的Web 應用程序創建過程。

Anvil還有很多其他的功能,大家可以繼續來探索,喜歡利用python進行web開發的小夥伴們,可以儘快動手嘗試一下~

網站地址:https://anvil.works/

【菜鳥學Python】累計原創近400篇趣味乾貨(爬蟲,數據分析,算法,面試指南,原創趣味實戰,Python遊戲,機器學習),歡迎一起學Python,交流指正。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章