Flask狼书笔记 | 07_留言板

这篇具有很好参考价值的文章主要介绍了Flask狼书笔记 | 07_留言板。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


Flask狼书笔记 | 07_留言板,学而时习之,flask,笔记,python,后端

7 留言板

这是一个简单的程序,涉及到的大部分是之前所学习到的基础知识。新涉及的python包:

  • BootStrap-FlaskFlask-MomentFakerFlask-Debug Toolbar

Git

git checkout package # 签出版本
git tag -n # 列出项目包含的所有标签

7.1 使用包组织代码

将大量代码放到app.py一个文件里,代码的管理会不太方便,可读性也差。本节将使用一种新的代码结构

- sayhello
	- __init__.py
	- templates/
	- static/
	- views.py
	- forms.py
	- models.py
	- settings.py
- manage.py
- .flaskenv
...

导入配置:可以从python文件导入

app.config.from_pyfile('settings.py')

7.2 Web开发流程

一个Web程序通常的开发流程如下:

  1. 分析需求
  2. 设计程序功能
  3. 开发与测试的迭代
  4. 调试和性能等专项测试
  5. 部署上线
  6. 运维与营销

目前我的开发流程是不规范的,喜欢早早地开始写代码。

1、前端开发流程:草图 --> 交互式原型图 --> 前端页面。

原型设计工具有Axure RPMockplus。(有点感觉原型设计这一步多余,对于我这种个人开发而言)

2、后端开发流程:数据建模 --> 表单类 --> 视图函数 --> 模板。

(我经常先写的模板)

URL片段:如#bottom,可以实现页内位置跳跃。

7.3 使用Bootstrap-Flask

内置了可以快速渲染Bootstrap样式HTML组件的,并提供了内置的Bootstrap资源。(p206)

1、扩展初始化

from flask_bootstrap import Bootstrap
bootstrap = Bootstrap(app)

2、加载资源文件

在FLASK_ENV为development时,将自动使用本地资源。

BOOTSTRAP_SERVE_LOCAL=True # 设置使用本地资源
{{ bootstrap.load_css() }}
{{ bootstrap.load_js() }}

CDN:Content Delovery Network,内容分发网络

3、快捷渲染表单

如宏render_form()可以快捷渲染整个表单。

<div class="hello-form">
	{{ render_form(form), action=request.full_path }}
</div>

疑惑:这个action怎么在小括号外面,没有输错吗?

render_form常用参数:(p208)

Bootstrap-Flask内置的常用宏:(p208)

7.4 Flask-Moment本地化日期和时间

服务器提供纯正的时间(native time),即不包含时区信息的时间戳,如datetime.utcnow()。然后再浏览器通过JavaScript显示本地的时间。

1、加载资源

需要从Moment.js官网下载资源到static文件夹(如果不从CDN加载资源)。

{{ moment.include_moment() }} {# 默认从cdn加载资源 #}
{{ moment.include_moment(local_js=url_for(...)) }} {# 从本地加载 #}

还可以设置显示时间的语言(p210)。

2、功能

Moment.js提供了多种时间格式化的方式(p211)

还支持输出相对时间(p211)

7.5 使用Faker生成虚拟数据

可以使用对于的虚拟数据类别来获取虚拟数据,每次调用可以得到不同的结果。此外,它也提供了中文数据支持。

7.6 Flask_DebugToolbar调试程序

可以用来查看请求的SQL语句、配置选项、资源加载情况等信息(?用来干嘛)。也可以帮助进行性能分析

7.7 Flask配置的两种组织形式

再开发和部署时通常需要不同的配置,例如需要连接到不同的数据库。建议通过环境变量保存配置,以便分离配置和程序。环境变量可以存储在.flaskenv或者.env中。

Flask支持建立一个instance文件夹(实例文件夹,我也不知道为什么叫这个名字),用来存放配置。然后,你可以用它来覆盖通用配置(重复配置项后者覆盖前者)。

app = Flask(__name__, instance_relative_config=True)
app.config_from_object('config') # 通用配置
app.config.from_pyfile('config.py') # instance文件夹下的配置

其中instance_relative_config参数告诉Flask我们配置文件的路径是相对于instance文件夹的。

flask_shell命令会输出instance文件夹合适的位置。

疑惑:这里的通用配置是从哪里加载的?从“环境变量”吗?

小结

这一节的内容确实比较简单,介绍了一些项目开发过程中的流程和工具。最后的SayHello项目,页面给人一种简洁而美观之感,这是我所做不到的。(常常感觉自己写出来的页面有点丑)

大部分工具我暂时都还没有去尝试它们,看以后什么时候会需要吧。文章来源地址https://www.toymoban.com/news/detail-703616.html


到了这里,关于Flask狼书笔记 | 07_留言板的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JSP实验:实现留言板功能,显示留言者和留言内容

    form.jsp为登录界面、为账号密码创建JavaBean、doForm.jsp(无界面)为登录处理,假定正确的用户名为admin,口令为123,用户输入正确则重定向到messageBoard.jsp(留言板页面),进行留言。错误则返回到登录界面。showMessage.jsp实现留言展示功能,展示留言者、留言标题、留言内容。 u

    2024年02月03日
    浏览(35)
  • 【JavaEEj进阶】 Spring实现留言板

    可以发布并显示 显示后实现输入框的清除 并且再次刷新后,不会清除下面的缓存 这里由于博主主要从事后端相关工作,这里就不做过多讲解了 相关知识点可以参考博主写的【JavaEE初阶】 JavaScript相应的WebAPI中表白墙的书写 如果有看不懂的地方也可以找博主,博主也略知一二

    2024年01月19日
    浏览(50)
  • bugku-web-留言板

     留言板?第一反应就是XSS 或者跨站脚本攻击  确定为XSS   (说点什么)“说”了就会记录下来    简单测试下  利用工具跑一下这个网页  (dirsearch) 得到了登录页  admin.php  需要用户名和口令   在我们跑出的另一个文件里  db.sql  (db.sql建议多pao几次  还可进行burp s

    2024年02月12日
    浏览(43)
  • BUGKU-WEB 留言板1

    题目截图如下: 进入场景看看: 之间写过一题类似的,所以这题应该是有什么不同的 那就按照之前的思路进行测试试试 提示说:需要xss平台接收flag,这个和之前说的提示一样 xss平台:https://xssaq.com 对xss的一些绕过进行学习了解 输入测试一下script代码: 发现script被过滤了

    2024年02月21日
    浏览(40)
  • JS——利用JS实现简易留言板

    文章目录 前言 一 、 成果图 二、使用步骤 1. 需求解析 2. HTML结构 3.CSS样式 4.JS行为 总结   实现留言板的基本功能 提交留言—— 用户输入留言(当输入内容为空时,提示用户,且不可提交留言),输入完成后点击提交留言,留言列表中将会出现对应用户输入的内容,且留言

    2024年02月11日
    浏览(46)
  • JavaScript Array对象(属性、方法) 留言板案例

    一、创建数组对象的方式 var arrOb=new Array(值,........) var arrOb=Array(值,.......) var arrOb= [ 值,.........] var arrOb=new Array(n); arrOb [ 0]=值1; arrOb [ 1]=值2; 二、数组的属性 length      //数组中元素的数目 三、数组的方法 1、转为字符串 2、 join(\\\'连接符\\\')         将数组元素连接成字符串   

    2024年02月06日
    浏览(46)
  • HTML+PHP+MYSQL实现一个简单的留言板

    提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加 大家好,下面将为大家展示 基于HTML PHP MYSQL的留言板的设计与实现过程,适合初学者点击观看,以下我将会以笔者自称! 提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档 提示:

    2024年02月04日
    浏览(52)
  • 自学WEB后端02-基于Express框架完成一个交互留言板!

    提示: 浏览器V8是JavaScript的前端运行环境 Node.js 是JavaScript 的后端运行环境 Node.js 中无法调用 DOM 和 BOM等浏览器内置 API 这个作业案例包含2部分内容, 第一部分是前端 前端完成界面内容+CSS框架 第二部分是后端 完成用户留言存储,并返回 我这里为了方便放在了后端myapp目录

    2024年02月08日
    浏览(40)
  • 使用Spring+SpringMVC+Mybatis实现留言板的增删改查

    目的 1)掌握使用maven来创建SSM项目 2)掌握web.xml和pom.xml的使用 3)掌握Spring、SpringMVC和Mybatis,学会整合SSM 4)掌握的controller层注解@Autowired,@RequestMapping和@RequestParam的使用 5)用学会配置SpringMVC.xml、applicationContext.xml和mybatis-config.xml等配置文件 6)掌握spring+springMVC+mybatis 对于留言板

    2024年02月04日
    浏览(123)
  • 数据安全与网络安全——基于php+MySql实现简易留言板(附全资料 超级详细!)

    这篇文章是基于PHP和MySQL实现的一个简易留言板。该留言板具有用户注册、登录、发表留言以及查看留言等功能。首先,用户可以通过注册功能创建自己的账号,然后使用该账号进行登录。登录成功后,用户可以发表留言,并且可以查看自己和其他用户发表的留言。在留言的

    2024年02月04日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包