CoreUI - 管理后台，提供 Jinja2 主题以及 Flask 和 Django Web 应用版本。
各位程序员好，
本文介绍了广为人知的CoreUI设计（免费版）的三种不同版本，所有版本均以 MIT 许可证发布在 GitHub 上。对于新手来说，CoreUI是一款开源的 Bootstrap 后台管理模板，在 GitHub 上拥有 1 万颗星和 2700 个 fork，并由与产品同名的机构 CoreUI 积极维护。
感谢阅读！ - 内容由App Generator提供。
- ✨ CoreUI Django - 产品页面Django 版本
- ✨ CoreUI Flask - 产品页面Flask 版本
✨ CoreUI 设计
供应商说明——CoreUI是一个开源的 Bootstrap 后台管理模板。但CoreUI不仅仅是另一个后台管理模板。凭借透明的代码和文件结构，它远远超越了以往的后台管理模板。不仅如此，CoreUI 还包含众多独特的功能和超过 1000 个高质量图标。
如何构建 HTML
$ # Clone the HTML
$ git clone https://github.com/coreui/coreui-free-bootstrap-admin-template.git
$ cd coreui-free-bootstrap-admin-template
$
$ yarn # install modules
$ yarn serve # development built
$
$ yarn build # production build
$ # HTML files generated in dist/ folder
✨ CoreUI Flask
Flask starter 使用简单的代码库编写，并增强了数据库、Flask SqlAlchemy ORM、Blueprints、app-factory模式以及 Docker 和 Gunicorn/Nginx 堆栈的部署脚本。
- CoreUI Flask - 产品页面
- CoreUI Flask 演示- 在线部署
代码库结构
< PROJECT ROOT >
|
|-- app/ # Implements app logic
| |-- base/ # Base Blueprint - handles login
| |-- home/ # Home Blueprint - serve UI Kit pages
| |
| __init__.py # Initialize the app
|
|-- requirements.txt # Development modules - SQLite storage
|-- requirements-mysql.txt # Production modules - Mysql DMBS
|-- requirements-pqsql.txt # Production modules - PostgreSql DMBS
|
|-- .env # Inject Configuration via Environment
|-- config.py # Set up the app
|-- run.py # Start the app - WSGI gateway
|
|-- ****************************************************************
应用引导流程
run.py加载.env文件- 使用指定的配置文件初始化应用程序：调试或生产环境。
- 如果将 env.DEBUG 设置为True，则使用 SQLite 存储。
- 如果将 env.DEBUG 设置为False ，则使用指定的数据库驱动程序（MySQL、PostgreSQL）。
create_app调用app/ init.py中定义的应用程序工厂方法。- 将访客用户重定向到登录页面
- 为已认证用户解锁主页蓝图提供的页面
如何使用代码
完整的使用说明保存在随源代码一起提供的README文件中。以下是简化版本：
$ # Get the code
$ git clone https://github.com/app-generator/flask-dashboard-coreui.git
$ cd flask-dashboard-coreui
$
$ # Install modules - SQLite Database
$ pip3 install -r requirements.txt
$
$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ flask run --host=0.0.0.0 --port=5000
$
$ # Access the dashboard in browser: http://127.0.0.1:5000/
默认情况下，该应用未配置任何权限（用户、角色）。要解锁私有页面，请访问注册页面并创建一个新用户。
CoreUI - Flask 版本，注册页面
CoreUI Django
Django 版本在功能和部署选项方面使用了类似的代码库：
- UI 就绪应用、SQLite 数据库、Django 原生 ORM
- 模块化设计，简洁的代码库
- 基于会话的身份验证、表单验证
- 部署脚本：Docker、Gunicorn / Nginx
- CoreUI Django - 产品页面
- CoreUI Django 演示- 在线部署
如何使用代码
$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-coreui.git
$ cd django-dashboard-coreui
$
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv env
$ # .\env\Scripts\activate
$
$ # Install modules - SQLite Storage
$ pip3 install -r requirements.txt
$
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
$
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
$
$ # Start the app - custom port
$ # python manage.py runserver 0.0.0.0:<your_port>
$
$ # Access the web app in the browser: http://127.0.0.1:8000/
如果一切顺利，我们应该能Login在浏览器中看到页面渲染完成。要访问私有页面（仪表盘、小部件、图表），请创建一个新用户并进行身份验证。之后，一些漂亮的仪表盘页面应该就会显示出来。
感谢阅读！欢迎在评论区提问。
✨ CoreUI Jinja 模板
在我的日常工作流程中，我通常使用 Python 后端（Flask 和 Django），当我处理新的设计时，首先想到的就是将其转换为 Jinja2。
这个主题被打包在一个非常简单的 Flask 应用中，没有数据库、ORM 或任何其他辅助工具参与其中——只有由 Flask 的魔法渲染的 Jinja2 文件。
- CoreUI Jinja 演示- 在线演示
- CoreUI Jinja模板- 源代码
如果您已经安装了 GIT 和 Python3，则可以轻松地在本地构建和渲染该主题——让我们打开终端并输入几个简单的命令：
$ git clone https://github.com/app-generator/jinja-coreui.git
$ cd jinja-coreui
$
$ # Install Flask
$ pip3 install -r requirements.txt
$
$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ flask run
$
$ # Access the UI in browser: http://127.0.0.1:5000/
如果一切顺利，CoreUI 设计应该可以在您常用的浏览器中正常显示。没有登录/注册限制，并且 HTML 主题提供的所有页面都应该能够正确渲染。
CoreUI - Jinja2 主题，登录页面
CoreUI - Jinja2 主题，颜色页面
链接与资源
- Jinja2 主题 - CoreUI
- Flask CoreUI
- Django CoreUI
- 更多基于CoreUI设计编写的入门级程序