公众号 “菜鸟学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. 201521123030《Java程序设计》 第2周学习总结
  2. java--HashMap与Hashtable的区别
  3. leetcode 331. Verify Preorder Serialization of a Binary Tree | 331. 验证二叉树的前序序列化(栈解法)
  4. 文件包含——apache日志文件包含shell(四)
  5. ASP.NET Core 源码学习之Logging[1]:Introduction
  6. Qt多线程编程的主要线程类
  7. java移动端接口测试_借助Charles来测试移动端-下篇
  8. java并发编程LockSupport讲解
  9. 特斯拉车祸最新调查结果公布,“自动驾驶”Autopilot又双叒成主角
  10. 5G终端天线设计,到底有多难?
  11. 问题 J: 爱吃榴莲的LZY
  12. linux进程地址空间内核,菜鸟求问linux进程地址空间问题
  13. Latex(1.1)——符号表
  14. 用回拨卡打电话来看代理模式+vb.net实现
  15. Python 3如何安装OpenCV
  16. 软件测试系列之入门篇(一)
  17. matlab中的isnan函数怎么用,matlab isnan用法
  18. 智能手表音频特性测试_中学生可以戴99.9元的小米有品-Haylou/嘿喽智能手表上学吗?...
  19. 全面认识 Nginx
  20. zephyr 的MCUBOOT 使用笔记---基于Nordic 52840

热门文章

  1. 魔兽地图编辑器插件YDWE的使用与基本设置2之空格、复制、粘贴、撤销、重做键
  2. mysql中的mmr
  3. 无人机调度管理系统平台
  4. 铁路托运行李规定:行李重不超过50公斤的,托运费按每公斤0.15元计费;如超过50公斤,超过部分每公斤加收0.10元。编一程序实现自动计费功能。
  5. 高级政工师具备的能力_高端大气上档次!我也想当教授级高级政工师。
  6. buddypress主题_适用于WordPress网站的20个最佳BuddyPress主题
  7. VHDL 属性语句之attribute 和keep
  8. 写给地方网站的创业新手(转载)
  9. Arch Linux 指南 02——安装图形界面
  10. doraemon的python 线程详解