发布于 2026-01-06 0 阅读
0

Soft UI Dashboard - 开源 Flask Starter

Soft UI Dashboard - 开源 Flask Starter

各位程序员朋友们,大家好!

本文介绍了一个开源的Flask 入门项目,它可以帮助初学者更快地启动新项目,并复用基于现代 UI 套件Soft UI Dashboard的、已集成数据库、身份验证和部署脚本的代码库。该产品可从 GitHub 下载,并可用于业余项目和商业项目。

感谢阅读! - 内容由App Generator提供



Soft UI 控制面板 - 账单页面。


Soft UI Dashboard是一个开源的 Bootstrap 5 模板,由 Creative-Tim 机构发布,采用 MIT 许可证(可免费用于商业用途)。该产品包含 70 多个前端独立元素,例如按钮、输入框、导航栏、导航标签、卡片和提示框,您可以自由选择和组合。所有组件均可更改颜色,您可以使用 SASS 文件和类轻松修改颜色。

示例页面- 如果您想获取灵感或直接向客户展示一些内容,可以使用我们预先构建的示例页面快速启动开发。您可以迅速搭建网站项目的基本结构。

  • 身份验证页面:登录和注册
  • 实用页面:用户个人资料、账单页面
  • 支持从右到左的举法:是。

Soft UI 控制面板 - 登录页面。


✨ 如何编译代码

要在本地环境中编译此 Flask 入门程序,必须已安装最小编程工具包,并且所有工具都可通过终端访问。

  • Node.js - 版本 10.x 或更高版本
  • Yarn ——Node.js 的智能包管理器
  • Git - 版本控制命令行工具
  • Gulp - 自动化工具包
  • Python3 - 解释器

以上部分工具为可选,但建议使用。环境准备就绪后,我们就可以按照README文件中提供的构建说明编译项目了。


第一步- 克隆/下载源文件

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

第二步- 安装依赖项

$ virtualenv env
$ source env/bin/activate
$
$ # Install modules - SQLite Database
$ pip3 install -r requirements.txt
Enter fullscreen mode Exit fullscreen mode

第三步- 设置环境变量(针对不同系统)

$ export FLASK_APP=run.py         # Linux, MacOS
$ export FLASK_ENV=development    # Linux, MacOS
$
$ set FLASK_APP=run.py            # Windows CMD
$ set FLASK_ENV=development       # Windows CMD
$
$ $env:FLASK_APP = ".\run.py"     # Windows Powershell
$ $env:FLASK_ENV = "development"  # Windows Powershell
Enter fullscreen mode Exit fullscreen mode

第 4 步- 通过 Flask 嵌入式服务器启动应用程序

$ flask run
$
$ # Access the dashboard in browser: http://127.0.0.1:5000/
Enter fullscreen mode Exit fullscreen mode

默认情况下,应用会将访客用户重定向到登录页面进行身份验证。要通过登录,请先创建一个新用户。


Soft UI 控制面板 - 支持 RTL(从右到左)布局。

感谢阅读!更多资源,请访问:

文章来源:https://dev.to/sm0ke/soft-ui-dashboard-open-source-flask-starter-2n6e