知行编程网知行编程网  2022-06-20 07:00 知行编程网 隐藏边栏 |   抢沙发  16 
文章评分 0 次,平均分 0.0

 “菜鸟学Python”, 设为 “星标

447篇原创,和30w+一起学Python!


许愿神器来了 ,30行Python打造了一款许愿墙,希望能追到女神!

不知道大家有没有这样的想法,自己总想着能够通过许愿的方式,来祈祷自己能够实现自己的梦想,登高许愿,流星许愿等都是寄托了我们的希望。作为程序员的我们,当然要学着用代码来给自己许愿的机会。

今天小编就带领大家打造一款许愿墙,让大家通过许愿墙的形式来写下自己的愿望。话不多说,一起来看看吧。




01.效果展示

首先,我们还是以整体的效果来引出我们今天的内容,效果如何:

给大家展示完效果后,接下来我们来看一下程序是如何实现的吧。
程序所用到的环境是python3.7,其用到的python库为Flask (1.0.3版本)。这里需要注意的是,不同版本的Flask在使用相同程序时,可能会运行出错,所以建议大家按照小编的版本来进行环境的配置。


02.程序介绍
对于Flask框架,想必从事网页开发的小伙伴会非常的熟悉,Flask是一个使用python编写的轻量级 Web 应用框架,可以帮助我们快速的实现网页的开发。
程序初始部分,首先是初始化了一个Flask变量,这里大家可以简单的理解为创建了一个服务器,而mseList变量相当于一个容器来存储我们的内容信息,title是我们的一个标题信息。如下图所示:

许愿神器来了 ,30行Python打造了一款许愿墙,希望能追到女神!

上面我们已经创建服务器了,接下来我们就该访问网页了,我们在访问网页时,其实就是打开一个url的链接地址,而我们的程序也是这么做的,如下图所示:

许愿神器来了 ,30行Python打造了一款许愿墙,希望能追到女神!

当我们打开 http://127.0.0.1:8800/链接地址时,程序会读取index.html网页文件,然后交还给浏览器,并向网页传递我们的mseList和title两个变量的信息。在html文件中,网页解析mseList和title这两个变量信息,并在浏览器中呈现给大家,如下图所示。

许愿神器来了 ,30行Python打造了一款许愿墙,希望能追到女神!

上图中,通过js和css的渲染以及html页面的展示,将我们输入的title和mesList内容进行了整理展示,大家可以通过点击“我来许愿”按钮来进行自己表白标签的制作。
当大家点击“我来许愿”按钮后,程序会触发ownConfess函数,看一下效果:

许愿神器来了 ,30行Python打造了一款许愿墙,希望能追到女神!

页面首先会跳转到ownConfess的页面下,然后大家可以在输入框中输入想要许愿的话语,在姓名框中写下自己的署名,点击“立即提交”,我们写的愿望和姓名便会以表单的形式post到后端当中。

许愿神器来了 ,30行Python打造了一款许愿墙,希望能追到女神!

上图中,如果检测到有表单内容的提交,ownConfess函数获取到表单提交上来的许愿话语和署名信息后,根据现在的时间和mesList中已有内容信息的数量重新构造一个信的内容信息字典,然后添加到mesList列表中,然后返回index.html文件,此时,大家就可以看到更新后的许愿墙内容了,如下图所示。



以上就是小编为大家带来的许愿墙内容,大家可以下载源码,然后自己给自己打造一款许愿墙,通过许愿的形式来写下自己的希望,或者是写下对自己激励的话语,大家也动手练习起来吧。

目前是单机版本,后面我们会部署到服务器上去,这样大家就可以直接上线许愿啦!Flask开发小网站还是很方便的,后面我们也会多写一些这样文章和技巧分享!如果你有啥建议,欢迎留言区吱一声!

04.如何获取源码:
需要源码的同学可以在 程序员GitHub(非本)后台输入:小助手,然后暗号(许愿神器)

原创不易,欢迎大家在留言区支持,给个三连哦!

年度最火的文案

  • 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爬虫神器太爽了,自动下载妹子图片


点击下方链接,直达菜鸟B站大本营!

本篇文章来源于: 菜鸟学Python

本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

知行编程网
知行编程网 关注:1    粉丝:1
这个人很懒,什么都没写

发表评论

表情 格式 链接 私密 签到
扫一扫二维码分享