點(diǎn)上方“菜鳥學(xué)Python”，選擇“星標(biāo)”
第490篇原創(chuàng)干貨，第一時間送達(dá)

大家好，我是菜鳥哥！

01.創(chuàng)建賬戶

不同于Flask的框架，Anvil 框架并不需要通過pip等方式進(jìn)行安裝。

大家只需要前往Anvil的官網(wǎng)，創(chuàng)建賬戶，官網(wǎng)地址為：https://anvil.works/。

02.創(chuàng)建項目

當(dāng)我們注冊，有了自己的賬戶后，接下來就可以創(chuàng)建一個項目了。

首先，點(diǎn)擊創(chuàng)建一個空白項目：

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

Material design主題是2014年由谷歌公司創(chuàng)建，并應(yīng)用于許多最流行的應(yīng)用程序，包含了郵件，日歷等組件。

在頁面設(shè)計時，我們不需要去創(chuàng)建美觀的頁面組件，可以利用Anvil提供的組件來創(chuàng)建美觀的界面。

03.搭建界面

創(chuàng)建應(yīng)用程序后，Anvil 會轉(zhuǎn)到頁面的設(shè)計界面中：

如上圖所示。頁面設(shè)計可以通過拖放組件的方式完成。我們通過拖放輸入字段、按鈕和輸出標(biāo)簽這三個組件，實(shí)現(xiàn)一個簡單的頁面功能。對于組件的拖放，可以按照下圖的方式進(jìn)行操作。

組件拖放完成后，界面如下圖所示：

04.前端邏輯

組件搭建完成后，接下來我們來實(shí)現(xiàn)頁面的邏輯。

我們想實(shí)現(xiàn)的功能是：向text框中輸入文本，通過點(diǎn)擊button按鈕，來顯示在label組件中。

所以BUTTON_3按鈕成為了頁面的控制關(guān)鍵，通過雙擊BUTTON_3按鈕，可以來到BUTTON_3按鈕的程序界面下。

在這里我們可以編寫B(tài)UTTON_3按鈕的邏輯代碼。

按照想要實(shí)現(xiàn)的目的，邏輯代碼如下圖所示。

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

05.運(yùn)行Web APP

完成界面設(shè)計以及邏輯代碼編寫后，就可以運(yùn)行APP來查看效果了。

程序的運(yùn)行以及效果展示如下：

上面只是一個簡單的演示，里面可以創(chuàng)建很多復(fù)雜的交互功能。

06.Web APP部署

功能測試完畢后，接下來就可以選擇APP的部署了。停止測試，回到設(shè)計界面后，點(diǎn)擊設(shè)置下的publish app的選項。

界面會彈出選項提示，提示用戶是設(shè)置為私密鏈接或者是公開的鏈接。

大家只需要點(diǎn)擊鏈接后，就可以使用自己開發(fā)的Web APP了。

07.總結(jié)

以上就是利用Anvil進(jìn)行100% Python 的Web 應(yīng)用程序創(chuàng)建過程。

Anvil還有很多其他的功能，大家可以繼續(xù)來探索，喜歡利用python進(jìn)行web開發(fā)的小伙伴們，可以盡快動手嘗試一下~

網(wǎng)站地址：https://anvil.works/

推薦閱讀:
入門: 最全的零基礎(chǔ)學(xué)Python的問題  | 零基礎(chǔ)學(xué)了8個月的Python  | 實(shí)戰(zhàn)項目 |學(xué)Python就是這條捷徑

干貨:爬取豆瓣短評，電影《后來的我們》 | 38年NBA最佳球員分析 |   從萬眾期待到口碑撲街！唐探3令人失望  | 笑看新倚天屠龍記 | 燈謎答題王 ｜用Python做個海量小姐姐素描圖 ｜碟中諜這么火，我用機(jī)器學(xué)習(xí)做個迷你推薦系統(tǒng)電影

趣味:彈球游戲  | 九宮格  | 漂亮的花 | 兩百行Python《天天酷跑》游戲!

AI: 會做詩的機(jī)器人 | 給圖片上色 | 預(yù)測收入 | 碟中諜這么火，我用機(jī)器學(xué)習(xí)做個迷你推薦系統(tǒng)電影

小工具: Pdf轉(zhuǎn)Word，輕松搞定表格和水??！ | 一鍵把html網(wǎng)頁保存為pdf！|  再見PDF提取收費(fèi)！ | 用90行代碼打造最強(qiáng)PDF轉(zhuǎn)換器，word、PPT、excel、markdown、html一鍵轉(zhuǎn)換 | 制作一款釘釘?shù)蛢r機(jī)票提示器！ ｜60行代碼做了一個語音壁紙切換器天天看小姐姐！｜

年度爆款文案
1).臥槽！Pdf轉(zhuǎn)Word用Python輕松搞定！
2).學(xué)Python真香！我用100行代碼做了個網(wǎng)站，幫人PS旅行圖片，賺個雞腿吃
3).首播過億，火爆全網(wǎng)，我分析了《乘風(fēng)破浪的姐姐》，發(fā)現(xiàn)了這些秘密 
4).80行代碼！用Python做一個哆來A夢分身 
5).你必須掌握的20個python代碼，短小精悍，用處無窮 
6).30個Python奇淫技巧集 
7).我總結(jié)的80頁《菜鳥學(xué)Python精選干貨.pdf》,都是干貨 
8).再見Python！我要學(xué)Go了！2500字深度分析！
9).發(fā)現(xiàn)一個舔狗福利！這個Python爬蟲神器太爽了，自動下載妹子圖片

點(diǎn)閱讀原文,領(lǐng)廖雪峰資料！