炸了!没有任何HTML/CSS ! 纯Python打造一个网站!
Posted 菜鸟学Python
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了炸了!没有任何HTML/CSS ! 纯Python打造一个网站!相关的知识,希望对你有一定的参考价值。
点上方“菜鸟学Python”,选择“星标”
第490篇原创干货,第一时间送达
大家好,我是菜鸟哥!
01.创建账户
不同于Flask的框架,Anvil 框架并不需要通过pip等方式进行安装。
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来查看效果了。
程序的运行以及效果展示如下:
上面只是一个简单的演示,里面可以创建很多复杂的交互功能。
06.Web APP部署
功能测试完毕后,接下来就可以选择APP的部署了。停止测试,回到设计界面后,点击设置下的publish app的选项。
界面会弹出选项提示,提示用户是设置为私密链接或者是公开的链接。
大家只需要点击链接后,就可以使用自己开发的Web APP了。
07.总结
以上就是利用Anvil进行100% Python 的Web 应用程序创建过程。
Anvil还有很多其他的功能,大家可以继续来探索,喜欢利用python进行web开发的小伙伴们,可以尽快动手尝试一下~
推荐阅读:
入门: | | |
干货: | | | | | |
趣味: | | |
AI: | | |
小工具: | | | | ||
年度爆款文案
1).!
4).
6).
7).
8).!
点阅读原文,领廖雪峰资料!
以上是关于炸了!没有任何HTML/CSS ! 纯Python打造一个网站!的主要内容,如果未能解决你的问题,请参考以下文章
HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器