社区所有版块导航
Python
python开源   Django   Python   DjangoApp   pycharm  
DATA
docker   Elasticsearch  
aigc
aigc   chatgpt  
WEB开发
linux   MongoDB   Redis   DATABASE   NGINX   其他Web框架   web工具   zookeeper   tornado   NoSql   Bootstrap   js   peewee   Git   bottle   IE   MQ   Jquery  
机器学习
机器学习算法  
Python88.com
反馈   公告   社区推广  
产品
短视频  
印度
印度  
Py学习  »  Python

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

菜鸟学Python • 4 年前 • 451 次点击  

公众号 “菜鸟学Python”, 设为 “星标

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


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

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




01.效果展示

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

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


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

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

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

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

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

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



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

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

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

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

年度最火的文案


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

Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/108069
 
451 次点击