许愿神器来了 ,30行Python打造了一款许愿墙,希望能追到女神!
第447篇原创 , 和30w+一起学Python!
文章图片
不知道大家有没有这样的想法 , 自己总想着能够通过许愿的方式 , 来祈祷自己能够实现自己的梦想 , 登高许愿 , 流星许愿等都是寄托了我们的希望 。 作为程序员的我们 , 当然要学着用代码来给自己许愿的机会 。
今天小编就带领大家打造一款许愿墙 , 让大家通过许愿墙的形式来写下自己的愿望 。 话不多说 , 一起来看看吧 。
01.效果展示
首先 , 我们还是以整体的效果来引出我们今天的内容 , 效果如何:
给大家展示完效果后 , 接下来我们来看一下程序是如何实现的吧 。
程序所用到的环境是python3.7 , 其用到的python库为Flask(1.0.3版本) 。 这里需要注意的是 , 不同版本的Flask在使用相同程序时 , 可能会运行出错 , 所以建议大家按照小编的版本来进行环境的配置 。
02.程序介绍
对于Flask框架 , 想必从事网页开发的小伙伴会非常的熟悉 , Flask是一个使用python编写的轻量级Web应用框架 , 可以帮助我们快速的实现网页的开发 。
程序初始部分 , 首先是初始化了一个Flask变量 , 这里大家可以简单的理解为创建了一个服务器 , 而mseList变量相当于一个容器来存储我们的内容信息 , title是我们的一个标题信息 。 如下图所示:
文章图片
上面我们已经创建服务器了 , 接下来我们就该访问网页了 , 我们在访问网页时 , 其实就是打开一个url的链接地址 , 而我们的程序也是这么做的 , 如下图所示:
文章图片
当我们打开链接地址时 , 程序会读取index.html网页文件 , 然后交还给浏览器 , 并向网页传递我们的mseList和title两个变量的信息 。 在html文件中 , 网页解析mseList和title这两个变量信息 , 并在浏览器中呈现给大家 , 如下图所示 。
文章图片
上图中 , 通过js和css的渲染以及html页面的展示 , 将我们输入的title和mesList内容进行了整理展示 , 大家可以通过点击“我来许愿”按钮来进行自己表白标签的制作 。
当大家点击“我来许愿”按钮后 , 程序会触发ownConfess函数 , 看一下效果:
文章图片
页面首先会跳转到ownConfess的页面下 , 然后大家可以在输入框中输入想要许愿的话语 , 在姓名框中写下自己的署名 , 点击“立即提交” , 我们写的愿望和姓名便会以表单的形式post到后端当中 。
文章图片
上图中 , 如果检测到有表单内容的提交 , ownConfess函数获取到表单提交上来的许愿话语和署名信息后 , 根据现在的时间和mesList中已有内容信息的数量重新构造一个信的内容信息字典 , 然后添加到mesList列表中 , 然后返回index.html文件 , 此时 , 大家就可以看到更新后的许愿墙内容了 , 如下图所示 。
文章图片
以上就是小编为大家带来的许愿墙内容 , 大家可以下载源码 , 然后自己给自己打造一款许愿墙 , 通过许愿的形式来写下自己的希望 , 或者是写下对自己激励的话语 , 大家也动手练习起来吧 。
【许愿神器来了 ,30行Python打造了一款许愿墙,希望能追到女神!】目前是单机版本 , 后面我们会部署到服务器上去 , 这样大家就可以直接上线许愿啦!Flask开发小网站还是很方便的 , 后面我们也会多写一些这样文章和技巧分享!如果你有啥建议 , 欢迎留言区吱一声!
- 老年|织金平远古镇花开春意浓,快来玩
- 梦中|十里芳华万里飘香,顺德有场“盛大的花事”邀你来赏花
- 中年|一个人的旅行,那就来泸沽湖吧
- 以太币会不会像比特币越挖越少 来了解清晰!
- 牛市旗手”归来?券商股大爆发,又见券商回购,这波行情能走多远?
- 李易峰笑起来太“蛊”人了,粉丝:岁月在哥哥脸上好像从来没有停留过
- 艾琳返场后,一类账号将升值,荣耀水晶换不来
- 东海传来重要风声,日本空自飞不动了,宣布减少陪飞中国军机次数
- 初三女儿总请朋友来家玩,父母无意看到监控内容,顿时火冒三丈
- 接下来需要重点留意的重磅自主SUV