Flask Dashboard - 简单的开源启动器

2025-06-07

Flask Dashboard - 简单的开源启动器

你好，程序员们，

在本文中，我将精选一些基于现代且备受支持的 UI Kit 打造的Flask Dashboards应用。这些应用均基于宽松的许可证（MIT 和 LGPL）发布在 Github 上，任何人都可以将其用于无限量的业余爱好和商业产品。对于新手来说， Flask是一个用 Python 编写的轻量级 Web 应用框架，它提供了轻量级的代码库和第三方库。

启动器提供了一组最低限度的功能（身份验证、ORM、数据库、DB 迁移工具、部署脚本），并且可能为初学者在功能齐全、经过测试的启动器之上启动新项目提供良好的知识基础。

产品 设计 执照 - -
Flask Datta Able 编码主题 麻省理工学院 演示 来源
Flask 仪表盘 Volt 特梅斯贝格 麻省理工学院 演示 来源
Flask 仪表盘 黑色 创意蒂姆 麻省理工学院 演示 来源
Flask 管理材料 创意蒂姆 麻省理工学院 演示 来源
亚特兰蒂斯深色烧瓶 ThemeKita 麻省理工学院 演示 来源
Flask Star 管理员 BootsrapDash 麻省理工学院 演示 来源

（新）达塔·艾布尔烧瓶

由 AppSeed 使用Flask框架生成的开源仪表板。Datta Able Bootstrap Lite 是市面上所有精简/免费管理模板中最具风格化的 Bootstrap 4 Lite 管理模板。它拥有功能丰富的页面和组件，并完全以开发人员为中心。在开发 Datta Able 之前，我们的重点是性能和设计。

Flask Datta Able - 用 Flask 编码的启动项目。

Flask 仪表板功能

所有启动器都是使用自动化工作流程构建的，并且代码库与所有 Flask 仪表板非常相似 - 共同特点：

  • MIT 许可证（当然），UI-Ready
  • 双数据库配置文件：SQLite（开发），PostgreSQL 用于生产
  • 数据库工具：Flask-SqlAlchemy ORM、用于数据库迁移的 Alembic
  • 基于会话的登录，散列密码
  • 部署脚本：Docker、Gunicorn/Nginx
  • 现代 UI 套件，受到出版商的积极支持

代码遵循最佳实践，采用简洁、模块化的代码库。应用文档通过详尽的 README 文件进行记录，另有单独的详细文档可在此处访问：管理仪表盘 - 使用情况

如何使用代码

如上所述，所有管理面板均发布在 Github 上。让我们构建一个示例应用，并在屏幕上看到一些不错的效果：Flask Dashboard Black

为了成功构建入门程序，我们需要正确设置 Python3 环境，以及（可选）GIT 工具，以便直接从 Github 获取源代码。对于不熟悉 Git 的用户，请随时访问代码库并下载 ZIP 文件。我们只需打开终端并输入以下几条命令：

克隆/下载源代码

$ git clone https://github.com/app-generator/flask-black-dashboard.git
$ cd flask-black-dashboard
Enter fullscreen mode Exit fullscreen mode

构建虚拟环境

$ # Virtualenv modules installation (Unix based systems)
$ virtualenv --no-site-packages env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv --no-site-packages env
$ # .\env\Scripts\activate
Enter fullscreen mode Exit fullscreen mode

安装依赖项

$ # Install modules - SQLite Database
$ pip3 install -r requirements.txt
Enter fullscreen mode Exit fullscreen mode

设置环境

$ # Set the FLASK_APP environment variable
$ (Unix/Mac) export FLASK_APP=run.py
Enter fullscreen mode Exit fullscreen mode

启动应用程序

$ # Start the application (development mode)
$ # --host=0.0.0.0 - expose the app on all network interfaces (default 127.0.0.1)
$ # --port=5000    - specify the app port (default 5000)  
$ flask run --host=0.0.0.0 --port=5000
$
$ # Access the dashboard in browser: http://127.0.0.1:5000/
Enter fullscreen mode Exit fullscreen mode

如果这个超级简单的设置运行正常，我们应该会在浏览器中看到登录页面。默认情况下，应用会将访客用户重定向到登录页面进行身份验证。登录成功后，我们应该会看到主仪表板屏幕：

Flask Dashboard Black - 主仪表板屏幕。

个人资料页面

Flask Dashboard Black - 用户资料页面。

从这一点开始，我们可以使用代码添加更多页面，更新身份验证页面的标题或标签，或者添加更多功能，如：记住密码。

在某些时候，让我们的应用程序上线可能是一个好主意，我们可以重复使用已经为所有初学者提供的一些基本部署配置：

Docker执行

该应用程序可以轻松地在 Docker 容器中执行。步骤如下：

获取代码

$ git clone https://github.com/app-generator/flask-black-dashboard.git
$ cd flask-black-dashboard
Enter fullscreen mode Exit fullscreen mode

在 Docker 中启动应用程序

$ sudo docker-compose pull && sudo docker-compose build && sudo docker-compose up -d
Enter fullscreen mode Exit fullscreen mode

在浏览器中访问http://localhost:5005。该应用程序应该已启动并正在运行。

Gunicorn

Gunicorn‘Green Unicorn’ 是用于 UNIX 的 Python WSGI HTTP 服务器。

使用 pip 安装

$ pip install gunicorn
Enter fullscreen mode Exit fullscreen mode

使用 gunicorn 二进制文件启动应用程序

$ gunicorn --bind 0.0.0.0:8001 run:app
Serving on http://localhost:8001
Enter fullscreen mode Exit fullscreen mode

在浏览器中访问http://localhost:8001。该应用程序应该已启动并正在运行。

女服务员

Waitress（Windows 版 Gunicorn 的对应版本）旨在成为一个生产级的纯 Python WSGI 服务器，性能非常出色。除了 Python 标准库中的依赖项外，它没有其他依赖项。

使用 pip 安装

$ pip install waitress
Enter fullscreen mode Exit fullscreen mode

使用waitress-serve启动应用程序

$ waitress-serve --port=8001 run:app
Serving on http://localhost:8001
Enter fullscreen mode Exit fullscreen mode

在浏览器中访问http://localhost:8001。该应用程序应该已启动并正在运行。

如果出现任何问题，最好访问公共空间提供的官方文档。

感谢阅读！如需更多资源，请访问：

文章来源：https://dev.to/sm0ke/flask-dashboard-simple-open-source-starters-4noc
Devto 翻译
PREV
通过编码学习 Flask
NEXT
Flask 仪表板