许愿神器来了 ,30行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打造了一款许愿墙,希望能追到女神!
文章图片
当我们打开链接地址时 , 程序会读取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文件 , 此时 , 大家就可以看到更新后的许愿墙内容了 , 如下图所示 。

许愿神器来了 ,30行Python打造了一款许愿墙,希望能追到女神!
文章图片
以上就是小编为大家带来的许愿墙内容 , 大家可以下载源码 , 然后自己给自己打造一款许愿墙 , 通过许愿的形式来写下自己的希望 , 或者是写下对自己激励的话语 , 大家也动手练习起来吧 。
许愿神器来了 ,30行Python打造了一款许愿墙,希望能追到女神!】目前是单机版本 , 后面我们会部署到服务器上去 , 这样大家就可以直接上线许愿啦!Flask开发小网站还是很方便的 , 后面我们也会多写一些这样文章和技巧分享!如果你有啥建议 , 欢迎留言区吱一声!