你好编码员,

本文介绍了一个开源的 Flask 启动器,它可以帮助初学者更快地启动一个新项目并重用已在现代 UI 工具包之上通过数据库、身份验证和部署脚本增强的代码库:Soft UI Dashboard。该产品可以从 Github 下载并用于业余爱好和商业产品。

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

---

• ✨Flask Soft UI Dashboard- 产品页面

• ✨Flask Soft UI Dashboard- 现场演示

---

[](https://res.cloudinary.com/practicaldev/image/fetch/s--CsRmknW8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/app-generator /flask-soft-ui-dashboard/master/media/flask-soft-ui-dashboard-screen-billing.png)

---

Soft UI Dashboard 是 Creative-Tim 机构根据 MIT 许可(免费用于商业用途)发布的开源 Bootstrap 5 模板。该产品由 70 多个前端独立元素构建而成,例如按钮、输入、导航栏、导航标签、卡片或警报,让您可以自由选择和组合。所有组件都可以采用颜色变化,您可以使用 SASS 文件和类轻松修改。

示例页面 - 如果您想获得灵感或直接向您的客户展示一些东西,您可以使用我们预先构建的示例页面开始您的开发。您将能够快速设置 Web 项目的基本结构。

• 认证页面:登录和注册

• 实用程序页面:用户资料、计费页面

• RTL 支持:是的。

---

[](https://res.cloudinary.com/practicaldev/image/fetch/s--mJhlG4lV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws .com/uploads/articles/6k3hn07umpzr6scbde8s.png)

---

✨ 如何编译代码

要在本地环境中编译这个 Flask 启动器,必须已经安装了最小编程工具包并且所有工具都可以在终端中访问。

• Nodejs- 10.x 或更高版本

• Yarn- Node 的智能包管理器

• GIT- 版本控制命令行工具

• Gulp- 工具包自动化

• Python3- 解释器

---

上述一些工具是可选的,但建议使用。准备好环境后,我们可以继续使用README文件中提供的构建说明编译项目。

---

✨ 步骤 #1 - 克隆/下载源

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

进入全屏模式 退出全屏模式

---

✨ 步骤 #2 - 安装依赖项

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

进入全屏模式 退出全屏模式

---

✨ 步骤 #3 - 设置环境变量

$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ # Set up the DEBUG environment
$ export FLASK_ENV=development 

进入全屏模式 退出全屏模式

---

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

$ flask run
$
$ # Access the dashboard in browser: http://127.0.0.1:5000/

进入全屏模式 退出全屏模式

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

---

[](https://res.cloudinary.com/practicaldev/image/fetch/s--pZlgpgGc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws .com/uploads/articles/z1zyx0etqousrv3clgga.png)

---

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

• 更多Flask Dashboards由 AppSeed 提供

• 烧瓶-官网