你好编码员!

本文提供了一个精选列表,其中包含 开源模板 和在 Bootstrap 和 Flask 之上制作的启动器。对于新手来说,Bootstrap 是最流行的用于编写用户界面的 CSS/JS 框架,Flask 是用 Python 编写的领先 Web 框架。本文中提到的所有 Flask 模板 都可以直接从 Github 下载并用于无限的爱好和商业产品。

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

---

• ✨Flask 模板引导程序- 材料引导程序 5(演示)

• ✨Flask 模板引导程序- AdminLTE(演示)

• ✨Flask Template Bootstrap- 材料套件(演示)

• ✨Flask Template Bootstrap- Soft UI Dashboard(演示)

• ✨Flask 模板引导程序- SB Admin(演示)

• ✨Flask Template Bootstrap- Datta Able(演示)

• ✨Flask 模板引导程序- CoreUI(演示)

---

✨ 盒子里有什么

AppSeed 生成的所有启动器都具有一组共同的特性和特征:

• Up-to-date dependencies:烧瓶 2.0.1

• SCSS compilation通过 Gulp

• DBMS:SQLite、PostgreSQL(生产)

• DB Tools:SQLAlchemy ORM、Flask-Migrate(架构迁移)

• 蓝图,Session-Based authentication(通过烧瓶_login)

• Deployment scripts:Docker,Gunicorn / Nginx,Heroku

• 通过 Github(问题跟踪器)和Discord提供支持

---

✨ 什么是 Bootstrap

一句话,Bootstrap 通过提供一组 HTML 和 CSS 模板来帮助我们编写更快、更简单的用户界面,用于创建 UI 组件,如按钮、下拉列表、表单、警报、模式、选项卡、手风琴等。重用提供的资产通过 Bootstrap 框架,我们可能会赢得时间并提高最终产品的质量。为什么使用引导程序:

• Easy to use- 任何具有基本编程知识的开发人员都可以使用和组合 Bootstrap 组件来快速制作网页原型。

• Responsiveness- Bootstrap 组件旨在适应并在具有广泛分辨率的桌面和移动设备上正确显示。

• Alive Community- 这个惊人的框架得到了一个庞大的开源社区的积极支持和版本控制

• Cross-Browser Compatibility- Bootstrap 使代码库保持最新标准,以便在所有知名浏览器上顺利部署:Chrome、Safari、IE 或 Firefox。

---

✨ 什么是烧瓶

Flask 是一个用 Python 编码的开源 Web 框架,使用轻量级代码库,设计灵活。默认情况下,Flask 不附带数据库或任何其他硬依赖,使开发人员在使用的模块和如何构建项目方面拥有完全的自由。要使用 Flask 并编写测试应用程序,Python3 应该正确安装在工作站中并且可以在终端窗口中访问。

$ pip install flask

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

上面的命令使用 Python 的官方包管理器PIP安装Flask。安装Flask后,我们可以编写一个简单的应用程序并运行它:

from flask import Flask 
app = Flask(__name__) 

@app.route('/') 
def hello_world(): 
    return 'Flask & Boostrap works great!' 

if __name__ == '__main__': 
    app.run() 

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

如果我们执行上面的代码片段并在浏览器中打开http://localhost:5000,我们应该会看到消息 Flask & Boostrap works great。即使不是太多,我们也只是编写了一个可用的 Flask 应用程序,我们可以通过更多功能和模块对其进行改进。

不仅仅是一个简单的 Hello World,让我们回到我们的列表。

---

✨ 烧瓶模板材料 2

Material Dashboard 2 专为喜欢大胆元素和精美网站的用户而设计,可帮助您创建令人惊叹的网站和 Web 应用程序。 Material Dashboard 2 由 60 多个前端独立元素构建而成,例如按钮、输入、导航栏、导航选项卡、卡片或警报,让您可以自由选择和组合。

• 👉Flask Dashboard Material- 源代码

• 👉烧瓶仪表板材料- 实时部署

---

[](https://res.cloudinary.com/practicaldev/image/fetch/s--wdeLQfGq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws .com/uploads/articles/68rt4nri4odkql7lssdr.gif)

---

✨ Flask 模板 AdminLTE

AdminLTE 是最好的开源管理仪表板和控制面板主题之一。 AdminLTE 建立在 Bootstrap 之上,提供了一系列响应迅速、可重用和常用的组件。 Flask 提供了一个轻量级的代码库,可以轻松扩展为 API、简单的 Web 应用程序或复杂的电子商务平台。

• 👉AdminLTE Flask- 源代码

• 👉AdminLTE Flask- 实时部署

---

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

---

✨ Flask 模板材料套件

Material Kit 是一个免费的 Bootstrap 4 UI 工具包,采用全新的设计,灵感来自 Google 的材料设计。这个简单的 Flask 项目可用于编写具有现代设计的漂亮网站。

• 👉烧瓶材料套件- 源代码

• 👉烧瓶材料套件- 现场部署

---

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

---

✨ Flask 模板软仪表板

Soft UI Dashboard 专为喜欢大胆元素和精美网站的用户而设计,可帮助您创建令人惊叹的网站和 Web 应用程序。 Soft UI Dashboard 由 70 多个前端单独元素构建而成,例如按钮、输入、导航栏、导航选项卡、卡片或警报,让您可以自由选择和组合。

• 👉Flask Soft UI Dashboard- 源代码

• 👉Flask Soft UI 仪表板- 现场演示

---

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

---

✨ Flask 模板 SB Admin

SB Admin 是一个免费的、开源的、基于 Bootstrap 4 的管理主题,非常适合快速创建仪表板和 Web 应用程序。它的现代设计风格带有微妙的阴影和基于卡片的布局,可以说是平面材料,并受到材料设计原则以及简单、有吸引力的色彩系统的启发。 - StartBootstrap 提供的设计。

• 👉Flask SB Admin- 源代码

• 👉Flask SB 管理员- 实时部署

---

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

---

✨ Flask 模板 Datta Able

Datta Able Bootstrap Lite 是最风格化的 Bootstrap 4 Lite 管理模板,围绕市场上所有其他 Lite/免费管理模板。它带有功能丰富的页面和组件,以及完全以开发人员为中心的代码。

• 👉Datta Able Flask- 源代码

• 👉Datta Able Flask- 实时部署

---

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

---

✨ Flask 模板 CoreUI

CoreUI 是一个开源引导管理模板。但 CoreUI 不仅仅是另一个管理模板。由于透明的代码和文件结构,它超越了迄今为止的管理模板。如果这还不够,让我们补充一下,CoreUI 包含许多独特的功能和 1000 多个高质量图标。

• 👉CoreUI Flask- 源代码

• 👉CoreUI Flask- 实时部署

---

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

---

感谢阅读! 如需更多资源,请随时访问:

• ✨ AppSeed forSupport及更多FlaskStarters

• ✨免费仪表板- 用 Flask、Django 和React 制作