公众号 “菜鸟学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(非本公众号)后台输入:小助手,然后暗号(许愿神器)

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

年度最火的文案

  • 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站大本营!

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

  1. 30行python代码设计_30行Python代码实现3D数据可视化

    原标题:30行Python代码实现3D数据可视化 作者:潮汐 来源:Python技术 欢迎来到 编程教室~ 我们之前的文章中有讲解过不少 Matplotlib 的用法,比如: 之前我们基本都是用它来绘 ...

  2. url没有参数名怎么直接带参数_用30行Python爬虫带你看PLMM(划掉,喵星人)

    偶尔写写爬虫也算是打磨无聊生活的一种方式了. 之前写了一个用100多行Python爬虫看世界的帖子,有兴趣的朋友可以看一下. 带你用100多行Python爬虫看看今天的世界(上) 带你用100多行Py ...

  3. 王者荣耀——bat批处理文件,自动刷金币版(脱胎于30行Python代码刷金币版),Windows双击即可运行!

    参考<30行Python代码刷王者荣耀金币>:https://segmentfault.com/a/1190000012520431 1.源代码 以下是源代码部分,全部复制到文本文档, 用 ...

  4. 如何用python破解热点_用30行Python代码制作wifi万能钥匙,邻居家wifi网速好快

    原标题:用30行Python代码制作wifi万能钥匙,邻居家wifi网速好快 当我们拖着疲惫的身体下班回到家,想开开心心的吹着空调风扇吃着西瓜,然后手机连上wifi打一把游戏好好舒服下,然而家里wif ...

  5. python pdf编辑开发_20行Python代码实现一款永久免费PDF编辑工具的实现

    PDF(Portable Document Format),中文名称便携文档格式是我们经常会接触到的一种文件格式,文献.文档...很多都是PDF格式.它以格式稳定的优势,使得我们在打印.分享.传输过程 ...

  6. 30行Python代码,打造一个微信群聊助手~

    大家都知道,最近代码君迷上了Python,一直在研究这门语言,还是那句话,人生苦短,我学Python,今天代码君要教大家一个黑科技,30行代码实现自己定制的微信群聊助手,这个助手有什么用呐,就是用来活 ...

  7. 30行python代码实现微信“拍一拍”

    点击上方"Python爬虫与数据挖掘",进行关注 回复"书籍"即可获赠Python从入门到进阶共10本电子书 今 日 鸡 汤 一腔热血勤珍重,洒去犹能化碧涛. ...

  8. python30行代码_仅利用30行Python代码来展示X算法

    假如你对数独解法感兴趣,你可能听说过精确覆盖问题.给定全集 X 和 X 的子集的集合 Y ,存在一个 Y 的子集 Y*,使得 Y* 构成 X 的一种分割. 这儿有个Python写的例子. X = {1 ...

  9. python 车牌识别简单_简单30行Python代码让你玩转YOLO目标识别检测!

    YOLO是一种实时目标检测算法,与faster R-CNN不同的是,YOLO不是过多的注重物体定位的精度,而是着重于速度和物体种类的识别.在实际应用中,实时性是目标检测中非常重要的,例如对于一辆自动驾 ...

最新文章

  1. Java多线程并发编程
  2. 以太网接口MII,RMII,SMII,GMII总线接口简介
  3. 李航老师亲自推荐的《统计学习方法》课件下载
  4. RQNOJ36 数石子 并查集 简单应用
  5. shell 练习题02 一个文件里将内容三行显示为一行
  6. [转载] 丛林中的糖果小屋
  7. 赛尔译文 | 基础模型的机遇与风险 (四)
  8. 小D课堂 - 零基础入门SpringBoot2.X到实战_第1节零基础快速入门SpringBoot2.0_5、SpringBoot2.x的依赖默认Maven版本...
  9. Android Weekly Notes Issue #232
  10. 泛微oa部署linux步骤,泛微OA流程搭建操作流程
  11. lisp型材库_STMX 1.3.2 发布,高性能的 Common Lisp 库
  12. 在pycharm中查看opencv版本
  13. jenkins打包后文件通过ssh上传linux服务器配置
  14. 第十三届蓝桥杯C B组 J:砍竹子
  15. RestTemplate 下载文件
  16. BasesHomo 21‘ 旷视UESTC
  17. ubuntu下安装goldendict及离线词库
  18. 非诚勿扰24灯全灭php,收二手货小伙上非诚勿扰,24盏灯全灭还遭羞辱,最后才知道是收二手豪车身价上亿...
  19. HTML5期末大作业:网站——响应式网络游戏官网HTML+CSS+JavaScript ~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个人网站作业模板 ~简单个人网页
  20. 李建忠设计模式之”数据结构“模式

热门文章

  1. STM32+ESP-01对接阿里飞燕平台
  2. 资源池实时信息监控视图-相关 GUC 参数
  3. 绕过备案拦截的几种方法
  4. 磊科路由器dns服务器无响应,磊科MG1200AC的DNS抽风问题
  5. Infortrend存储 EonStor GSi 深度学习AI存储一体机
  6. Redis中间件总结
  7. Linux虚拟地址空间布局 - clover_toeic
  8. 移动APP设计国外资源总汇
  9. Qt 静态编译支持GUI(含qxcb)
  10. 贾跃亭所持乐视网股权触及平仓线 部分面临被司法拍卖