炸了!没有任何HTML/CSS ! 纯Python打造一个网站!
点上方“菜鸟学Python”,选择“星标”
第490篇原创干货,第一时间送达
大家好,我是菜鸟哥!
如果想用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来查看效果了。
程序的运行以及效果展示如下:
上面只是一个简单的演示,里面可以创建很多复杂的交互功能。
06.Web APP部署
功能测试完毕后,接下来就可以选择APP的部署了。停止测试,回到设计界面后,点击设置下的publish app的选项。
界面会弹出选项提示,提示用户是设置为私密链接或者是公开的链接。
大家只需要点击链接后,就可以使用自己开发的Web APP了。
07.总结
以上就是利用Anvil进行100% Python 的Web 应用程序创建过程。
Anvil还有很多其他的功能,大家可以继续来探索,喜欢利用python进行web开发的小伙伴们,可以尽快动手尝试一下~
网站地址:https://anvil.works/
推荐阅读:入门: 最全的零基础学Python的问题 | 零基础学了8个月的Python | 实战项目 |学Python就是这条捷径干货:爬取豆瓣短评,电影《后来的我们》 | 38年NBA最佳球员分析 | 从万众期待到口碑扑街!唐探3令人失望 | 笑看新倚天屠龙记 | 灯谜答题王 |用Python做个海量小姐姐素描图 |碟中谍这么火,我用机器学习做个迷你推荐系统电影趣味:弹球游戏 | 九宫格 | 漂亮的花 | 两百行Python《天天酷跑》游戏!AI: 会做诗的机器人 | 给图片上色 | 预测收入 | 碟中谍这么火,我用机器学习做个迷你推荐系统电影小工具: Pdf转Word,轻松搞定表格和水印! | 一键把html网页保存为pdf!| 再见PDF提取收费! | 用90行代码打造最强PDF转换器,word、PPT、excel、markdown、html一键转换 | 制作一款钉钉低价机票提示器! |60行代码做了一个语音壁纸切换器天天看小姐姐!|年度爆款文案1).卧槽!Pdf转Word用Python轻松搞定!2).学Python真香!我用100行代码做了个网站,帮人PS旅行图片,赚个鸡腿吃3).首播过亿,火爆全网,我分析了《乘风破浪的姐姐》,发现了这些秘密 4).80行代码!用Python做一个哆来A梦分身 5).你必须掌握的20个python代码,短小精悍,用处无穷 6).30个Python奇淫技巧集 7).我总结的80页《菜鸟学Python精选干货.pdf》,都是干货 8).再见Python!我要学Go了!2500字深度分析!9).发现一个舔狗福利!这个Python爬虫神器太爽了,自动下载妹子图片点阅读原文,领廖雪峰资料!
炸了!没有任何HTML/CSS ! 纯Python打造一个网站!相关推荐
- 用CSS和JS打造一个简单的图片编辑器
用CSS和JS打造一个简单的图片编辑器,本文主要是利用CSS的filter和简单的Jquery代码来实现一个简单的图片编辑器,包括对图片的透明度,黑白,图片亮度等调节. CSS filter 我们首先 ...
- 利用Python打造一个语音合成系统
利用Python打造一个语音合成系统 背景 一直对语音合成系统比较感兴趣,总想能给自己合成一点内容,比如说合成小说,把我下载的电子书播报给我听等等. 语音合成系统 其实就是一个基于语音合成的工具,但是 ...
- python聊天小程序支持私聊和多人_利用Python打造一个多人在线匿名聊天的小程序!(前后端完整开发)...
用Python打造一个多人在线匿名聊天的小程序(附代码) 最近看到好多设计类网站, 都提供了多人在线匿名聊天的小功能, 感觉很有意思, 于是自己就用django框架写了一个, 支持手动实时更名, py ...
- Python 打造一个语音合成系统
Python 打造一个语音合成系统 平时我们聊天的时候,也许会想着录制一些自己的声音, 而且还想有点特色,也就是所谓的变声,今天我们要说 的就是这个变声器的制作,说的高大上点就是语音合成系统. 他能实 ...
- python alpha_如何用Python打造一个简易版的Alpha GO?
原文来自于Github:brilee/MuGo 这是 AlphaGo 基本组成部分的一个纯 Python 实现. AlphaGo 逻辑/控制流(logic/control flow)其实并不非常复杂, ...
- 如何设置计划任务程序 每6小时运行一次_如何用 Python 打造一个全自动赚钱的 YouTube 视频发布系统并月入过万(被动收益)
前言 这篇文章将告诉你如何通过Python打造一台全自动发布YouTube视频并专区美元收益的系统. 目前我自己用的这套系统已基本稳定运行了三个月.其中一个YouTube频道从零起步到达到最低开通获利 ...
- python制作音乐模块_用Python打造一个只属于你的专属音乐播放器,享受动手的快乐!...
平常我们总是用爬虫爬取网页上的音乐,今天我们换个玩法,用Python制作一个独一无二只属于你的音乐播放器,小伙伴们觉得如何?如果觉得提议还不错,那就立即动手吧! 一.需要的库 pygame tkint ...
- python可以制作网站吗_Python大神带你用30行代码打造一个网站,爬虫+web不一样的玩法...
首先,先把实际的效果图放上来: 用Python做的个性签名网站-效果图 在开始做之前,我们必须得知道这个用了那些模块: flask:一个轻量级的web开发框架,相信很多人也听说过这个牛逼加简洁的框架 ...
- python制作一个教学网站_小白如何入门Python? 制作一个网站为例
首先最重要的问题是为什么要学习python?这个问题这个将指导你如何学习Python和学习的方式. 以你最终想制作一个网站为例.从一个通用的学习资源列表开始不仅会消磨你的激情,而且你获得的知识很难应用 ...
最新文章
- Python gRPC 安装
- Python的sort()
- 小甲鱼python视频解读_小甲鱼python视频弟十二讲(关于字符串的方法及注释下)...
- 2020 年值得再读一遍的网易云信技术干货 | 上篇
- CSS3中的2D和3D转换知识介绍
- 接口自动化测试持续集成--Soapui接口功能测试参数化
- 《深入解析sas:数据处理、分析优化与商业应用》一3.5 SAS常用函数
- linux彻底卸载 mysql
- 福州化工实验室建设注意隐患分析
- PS抠印章|证件照换背景
- android 动态磁贴,善用动态磁贴和Xbox游戏
- 参考文献标引方式_参考文献的正确标注方法
- 俄罗斯互联网的BAT
- LyricsX for Mac(桌面歌词显示器)
- AFNetworking为什会请求不到数据
- Windows缓冲区溢出初探
- 物联网-The Internet of Things
- 前缀和(即数组前n项和的求法)
- IE7下li Bug
- 年关将至业内警示P2P跑路风险
热门文章
- wireshark抓取网络聊天数据包
- Win和Mac NTFS exFat等格式 兼容问题
- 关于iOS APP设置启动图片
- 单端与差分的接线方法
- 欧洲在线支付sofortbanking
- 使用python提取中文数字和英文_python提取字符串中的中文或数字或英文
- 公司再小,也不能在网上“裸奔”
- 【19调剂】西安工程大学2019年硕士研究生调剂公告
- 【Paper Reading】Privacy-Preserving Aggregation in Federated Learning: A Survey
- MyEclipse字体修改