Python Flask框架-开发简单博客-项目布局、应用设置

news2025/2/23 6:42:02

作者:Eason_LYC
悲观者预言失败,十言九中。 乐观者创造奇迹,一次即可。
一个人的价值,只在于他所拥有的。所以可以不学无术,但不能一无所有!
技术领域:WEB安全、网络攻防
关注WEB安全、网络攻防。我的专栏文章知识点全面细致,逻辑清晰、结合实战,让你在学习路上事半功倍,少走弯路!
个人社区:极乐世界-技术至上
追求技术至上,这是我们理想中的极乐世界~(关注我即可加入社区)

本专栏是对Flask官方文档中个人博客搭建进行的归纳总结,与官方文档结合事半功倍。基础薄弱的同学请戳Flask官方文档教程

本人经验,学习一门语言或框架时,请首先阅读并官方文档。学习完毕后,再看其他相关文章,如本系列文章,才是正确的学习道路。

如果python都完全不熟悉,一定不要着急学习框架,请首先学习python官方文档,一步一个脚印。要不然从入门到放弃是大概率事件。

文章目录

  • 1、本章知识点总结
  • 2. 项目布局
    • 2.1 基础信息
    • 2.2建立文件关系
    • 2.3 环境和第三方库
  • 3. 应用设置
    • 3.1 工厂函数作用
    • 3.2 代码实现
  • 4. 运行启动
    • 4.1 命令行方式启动(根据环境选择使用)
    • 4.2 Pycharm专业版一键启动方式

1、本章知识点总结

请添加图片描述

2. 项目布局

2.1 基础信息

个人博客使用Flask框架2.1.2, 数据库sqlite, 开发软件Pycharm专业版(社区版也可)

2.2建立文件关系

一个Flask项目往往是由如下几部分组成

  • 程序核心文件
    • 模板文件(HTML页面)
    • 静态文件(层叠样式表CSS、图片等)
    • 核心逻辑(Flask主程序、数据库文件、接口文件等)
  • 相关配置文件(程序运行配置或相关说明)
  • 环境文件(相关第三方库)
  • 测试文件

所以我们这个项目的文档结构应该也按此划分
请添加图片描述

2.3 环境和第三方库

没有 venv环境,是由于我使用了本地已存在的环境,相关设置如下
【参考文章】CMD和Pycharm创建和激活虚拟环境
请添加图片描述

3. 应用设置

3.1 工厂函数作用

在一个实际应用中,会注册很多路由(蓝图)、插件、工具或模块,如何管理、注册添加?
在Flask中工厂函数就是解决以上问题的函数,具体作用如下

  • 注册框架
  • 设置SECRET_KEY和数据库实例路径
  • 根据提供的参数启动特定模式,如开发模式、测试模式、生产模式等。
  • 创建数据库实例文件夹
  • 返回框架实例:一个可调用框架对象。
  • 注册路由 — (后续使用)
  • 注册第三方组件 — (后续使用)
  • 添加必要第三方配置 — (后续使用)
  • 也可以将核心逻辑写在这里 — 不推荐

3.2 代码实现

这个blog的工厂函数逻辑如下:

  • 引入Flask框架
  • 设置开发模式参数
  • 选择判断启用环境(默认为开发模式,若提供测试模式参数则启动测试模式)
  • 建立实例文件夹(保存数据库的实例)
  • 简单的hello页面
  • 反馈Flask的一个可调用对象(app)

Flask-project\flaskr\__inti__.py

import os
from flask import Flask


def create_app(test_config=None):
    """
    工厂函数
    :param test_config: 测试环境配置,默认为空
    :return: 已经被配置好的Flask对象 app
    """
    # 1.引入Flask框架
    app = Flask(__name__, instance_relative_config=True)

    # 2.设置SECRET_KEY和数据库实例路径
    app.config.from_mapping(
        SECRET_KEY='dev',
        DATABASE=os.path.join(app.instance_path, 'flaskr.sqlite'),
    )

    # 3.根据提供的参数启动特定模式,如开发模式、测试模式、生产模式等。
    if test_config is None:
        app.config.from_pyfile('config.py', silent=True)
    else:
        app.config.from_mapping(test_config)

    # 4.创建数据库实例文件夹,没有文件夹则建立,若已存在则报错,但pass
    try:
        os.makedirs(app.instance_path)
    except OSError:
        pass

    # 5.创建一个路由,验证工厂函数是否正常
    @app.route('/hello/<name>')
    def hello(name):
        return 'Hello World! by {}'.format(name)

    # 6.返回框架实例:一个可调用框架对象
    return app

create_app 是一个应用工厂函数,后面的教程中会用到。这个看似简单的函数其实已经做了许多事情。

  1. app = Flask(__name__, instance_relative_config=True) 创建 Flask 实例。

     __name__ 是当前 Python 模块的名称。应用需要知道在哪里设置路 径,使用 __name__ 是一个方便的方法。
    
     instance_relative_config=True 告诉应用配置文件是相对于 instance folder 的相对路径。实例文件 夹在 flaskr 包的外面,用于存放本地数据(例如配置密钥和数据库),不应当提交到版本控制系统。
    
  2. app.config.from_mapping() 设置一个应 用的缺省配置:

       SECRET_KEY 是被 Flask 和扩展用于保证数据安全的。在开发过程中,为了方便可以设置为 'dev' ,但是在发布的时候应当使用一个随机值来重载它。
       DATABASE SQLite 数据库文件存放在路径。它位于 Flask 用于存放实例的 app.instance_path 之内。下一节会更详细地学习数据库的东西。
    
  3. app.config.from_pyfile()使用 config.py 中的值来重载缺省配置,如果 config.py 存在的话。 例如,当正式部署的时候,用于设置一个正式的 SECRET_KEY 。

    test_config 也会被传递给工厂,并且会替代实例配置。这样可以实现测试和开发的配置分离,相互独立。
    
  4. os.makedirs() 可以确保 app.instance_path 存在。 Flask 不会自 动创建实例文件夹,但是必须确保创建这个文件夹,因为 SQLite 数据库文件会被保存在里面。

  5. @app.route() 创建一个简单的路由,这样在继续教 程下面的内容前你可以先看看应用如何运行的。它创建了 URL /hello 和一个函数之间的关联。这个函数会返回一个响应,即一个 ‘Hello, World!’ 字符串。

4. 运行启动

4.1 命令行方式启动(根据环境选择使用)

# CMD
> set FLASK_APP=flaskr
> set FLASK_ENV=development
> flask run
# powershell
> set FLASK_APP=flaskr
> set FLASK_ENV=development
> flask run
# bash
$ export FLASK_APP=flaskr
$ export FLASK_ENV=development
$ flask run

我测试的环境是win10 cmd。启动步骤为
1. 在cmd中先激活虚拟环境,【参考文章】CMD和Pycharm创建和激活虚拟环境
2. 再切换到项目路径下(Flask-project\)
3. 输入上述命令行命令(根据你的环境选用)
4 .浏览器输入urlhttp://127.0.0.1:5000/hello/任意字符
请添加图片描述

4.2 Pycharm专业版一键启动方式

详见截图

请添加图片描述
以后每次启动就点击右上角的绿色箭头实现一键启动,十分方便。
请添加图片描述

成功,工厂函数完成后,后续文章将继续实现个人博客的各种功能。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/406002.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Vue3父子组件通讯一目了然

文章目录&#x1f31f; 写在前面&#x1f31f; 父 &#x1f449; 子&#x1f31f; 子 &#x1f449; 父&#x1f31f; 写在最后&#x1f31f; 写在前面 专栏介绍&#xff1a; 凉哥作为 Vue 的忠实 粉丝输出过大量的 Vue 文章&#xff0c;应粉丝要求开始更新 Vue3 的相关技术文…

前端直接生成GIF动态图实践

前言去年在博客中发了两篇关于GIF动态生成的博客&#xff0c;GIF图像动态生成-JAVA后台生成和基于FFmpeg的Java视频Mp4转GIF初探&#xff0c;在这两篇博客中都是采用JAVA语言在后台进行转换。使用JAVA的同学经过自己的改造和开发也可以应用在项目上。前段时间有朋友私下问&…

chatgpt这么火?前端如何实现类似chatgpt的对话页面

&#x1f4cb; 个人简介 &#x1f496; 作者简介&#xff1a;大家好&#xff0c;我是阿牛&#xff0c;全栈领域优质创作者&#x1f61c;&#x1f4dd; 个人主页&#xff1a;馆主阿牛&#x1f525;&#x1f389; 支持我&#xff1a;点赞&#x1f44d;收藏⭐️留言&#x1f4dd;…

【毕业季|进击的技术er】作为一名职场人,精心总结的嵌入式学习路线图

活动地址&#xff1a;毕业季进击的技术er 文章目录0、作者介绍1、前言2、嵌入式基础必备知识2.1、学习内容2.2、学习建议2.3、学习资料3、嵌入式入门篇——51单片机3.1、学习内容3.2、学习建议3.3、学习资料4、STM32进阶篇4.1、学习内容4.2、学习建议4.3、学习资料5、小而美的R…

目标跟踪算法综述

前言: 目标跟踪是计算机视觉领域研究的一个热点问题&#xff0c;其利用视频或图像序列的上下文信息&#xff0c;对目标的外观和运动信息进行建模&#xff0c;从而对目标运动状态进行预测并标定目标的位置。目标跟踪算法从构建模型的角度可以分为生成式(generative)模型和判别…

Vue--》搭配Bootstrap实现Vue的列表增删功能

在日常开发中&#xff0c;我们可以用 “拿来主义” 借助Bootstarp现成的一些样式&#xff0c;快速生成我们想要的页面布局&#xff0c;避免书写大量的HTML和CSS代码&#xff0c;省下了许多不必要的时间。 当我们想要生成表单表格时我们可以查看Bootstrap的官方文档&#xff0c;…

vue2响应式原理

首先要知道vue2 是2013年 基于 ES5开发出来的 我们常说的重渲染就是重新运行render函数 vue2响应式原理简单来说就是vue官网上的这图片 通过 Object.defineProperty 遍历对象的每一个属性&#xff0c;把每一个属性变成一个 getter 和 setter 函数&#xff0c;读取属性的时候…

前端学习之CSS

目录 引言 1. 什么是CSS? 2. 在HTML中使用CSS的三方式(基于CSS2. 0) 2.1 内联定义 2.2 样式块 2.3 引入文件 引言 大家不要觉得CSS也是一种语言&#xff0c;需要花费很多的时间去学习&#xff0c;不要恐惧它&#xff0c;其实CSS只是一个很小的知识点&#xff0c;我们在…

【web渗透】SSRF漏洞超详细讲解

&#x1f495;&#x1f495;&#x1f495; 博主昵称&#xff1a;摆烂阳&#x1f495;&#x1f495;&#x1f495; &#x1f970;博主主页跳转链接 &#x1f469;‍&#x1f4bb;博主研究方向&#xff1a;web渗透测试 、python编程 &#x1f4c3; 博主寄语&#xff1a;希望本篇文…

Vue3的优点,为什么要使用Vue3

1.为什么要使用Vue3&#xff1a; 这里主要通过介绍Vue3的优点以及与Vue2的对比来解答这个问题。 Vue3的六大亮点 1.性能比Vue2快1.2~2倍&#xff1b; 性能的提升主要是通过响应式系统的提升&#xff08;vue3使用proxy对象重写响应式&#xff09;以及编译优化&#xff08;优…

Web项目【用户管理系统】完整版

目录 &#x1f482; 个人主页: 爱吃豆的土豆&#x1f91f; 版权: 本文由【爱吃豆的土豆】原创、在CSDN首发、需要转载请联系博主&#x1f4ac; 如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦 &#x1f3c6;人必有所执&#xff0c;方能有所成&#xff01; &…

vite3+vue3 项目打包优化实战之-视图分析(rollup-plugin-visualizer)、CDN引入、依赖分包、gzip压缩、history404问题

文章目录写在前面build 视图分析依赖文件第三方库CDN引入依赖文件分包gzip压缩文件部署前配置history路由模式的404问题最后写在前面 vue项目在线下环境开发完成后&#xff0c;我们就需要项目的打包上线了&#xff0c;除了要知道打包命令npm run build 之外&#xff0c;我们还…

前端之vue3使用WebSocket

vue3使用WebSocketWebSocketWebSocket说明WebSocket图示客户端使用WebSocketvue3中, 客户端使用WebSocket步骤更多方法WebSocket WebSocket说明 WebSocket 是全双工网络通信通信协议&#xff0c;实现了客户端和服务器的平等对话&#xff0c;任何一方都可以主动发送数据。并且…

Vue 采用blob下载后端返回的pdf流或者excel流文件乱码问题解决方案

流文件乱码问题解决方案问题介绍&#xff1a;一、前端方式解决&#xff1a;二、后端方式解决&#xff1a;三、文件预览实现四、点击按钮打开新窗口预览问题介绍&#xff1a; 打开或者预览全是乱码。预览pdf如下图&#xff1a; 解决办法&#xff1a; 1. 后端接口返回的blob文…

如何在vue中实现文件预览功能

文件流 如何将各种文件的文件流(blob)转化为线上可以直接预览的数据&#xff0c;这里简单介绍四种不同类型的文件预览。分别是pdf&#xff0c;docx&#xff0c;xlsx&#xff0c;jpg/png/jpeg等。有一个事情是需要重点注意的&#xff0c;文件流必须保证能够被正常下载解析后才可…

前端使用jswebrtc实现视频流播放

JSWebrtc对浏览器的Webrtc做了简单的封装,支持SRS的RTC流的播放. html代码: JSWeb播放器可以通过HTML创建,只需给指定元素添加CSS样式 jswebrtc即可: <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta na…

猿创征文|我的前端——【HTML5】基础成长学习之路

文章目录 前言 一、网页的基本组成 1.什么是网页 2.什么是HTML 3.网页的形成 二、常用的浏览器 1.常用的浏览器 2.浏览器内核 三、Web标准 1.为什么需要web标准 2.Web标准的构成 前言 在一次机缘巧合之下了解并接触到CSDN&#xff0c;从此开启了我IT学习之路&#x…

API 低代码开发:接口大师,一套开发、管理和提供接口的产品框架

目录 一、简介 二、“器”有所用 三、“三大”平台/系统使用手册 ⭐️1、API接口系统手册⭐️ 访问在线接口 在线接口文档列表 接口文档详情页 搜索接口 ⭐️2、Platform开放平台手册⭐️ 访问开放平台 注册并登录开发者账号 创建应用 查看接口权限 调用开发接口 获…

uniCloud使用

uni-app 是是一个使用 Vue.js 开发所有前端应用的框架&#xff0c;开发者编写一套代码&#xff0c;可发布到iOS、Android、Web&#xff08;响应式&#xff09;、以及各种小程序&#xff08;微信/支付宝/百度/头条/QQ/钉钉/淘宝&#xff09;、快应用等多个平台。 1 创建uni-app项…

前端获取mac地址

1.通过getMac库获取mac地址 通过getMac库来获取&#xff1a;getmac - npmGet the MAC address of the current machine you are on.. Latest version: 5.20.0, last published: a year ago. Start using getmac in your project by running npm i getmac. There are 201 other…