Adminator Admin控制台-用两种Python风格编码的开源管理面板

您好编码员，

本文旨在通过使用以下三种版本的著名开源项目Adminator Dashboard帮助学生和初学者快速启动新项目：

• 纯/无生命的HTML版本，由ColorLib提供
• Python编码版本（Flask Dashboard Adminator和Django Adminator Panel）均使用具有相同功能集的自动化工具生成：身份验证（登录，注册），数据库，ORM，帮助程序和部署脚本。

所有版本均以MIT许可发布，并使用公共存储库在Github上发布。如果您喜欢其中一个项目，只需克隆一个项目，然后开始为您或客户编写一些代码（许可允许这样做）。谢谢阅读

对于那些匆忙的人，我将在此处放置指向Github存储库的链接：

• Adminator仪表板-ColorLib提供的HTML版本

• Flask仪表板添加器-Flask版本，MIT许可证

• Django Dashboard Adminator-Django版本，MIT许可证

关于用于生成应用程序的自动化过程，我在Dev上发表了一些文章，深入介绍了工作流程：

• 我如何使用自动化工具构建了100多个开源应用程序
• Dark Admin仪表板-开源和免费
• 开源Web应用程序-按UI套件分组

对于新手，我将用几句话重申自动化的工作流程：

• 该过程将平面HTML用作输入，并生成具有基本模块的UI-Ready Web应用程序，这些应用程序经过了增强，包括基本模块，身份验证，数据库，不同语言和模式的ORM。

• 阶段1-UI处理：使用Python BS4（非开源）编码的HTML解析器进行组件提取，母版页检测，硬编码文本删除，有时进行资产管理调整（CSS压缩，JS缩小等）。

• 阶段2-处理完HTML之后，自动化的工作流程会将布局和组件注入简单的样板代码中，这些样板代码具有以下基本功能和模块：身份验证，数据库，ORM，部署脚本。

使用这种新方法，使用内置电池和干净的代码库，可以更快地制作简单的UI-Ready Web应用程序，供开放源代码爱好者使用。

Adminator仪表板-HTML版本

Adminator是一个响应式Bootstrap 4管理模板。它为您提供了一系列随时可用的代码段和实用程序，自定义页面，一系列应用程序和一些有用的小部件。构建Adminator仪表板的HTML版本需要在我们的工作站上安装基本工具链：

• Node.js
• 纱线或NPM
• Git（克隆源）

如何建立HTML专案：

$# Clone the project from Github
$git clone https://github.com/app-generator/fork-adminator-admin-dashboard
$cd fork-adminator-admin-dashboard
$
$# Install Modules
$npm install
$
$# Start the project in dev mode
$npm run dev
$
$# Built HTML for production
$npm run build

不熟悉Node，还是开发与生产版本之间的差异？ AMA在评论中。

烧瓶仪表板搅拌器

Flask版本的Adminator Dashboard随附身份验证，SQLite数据库，SQLAlchemy ORM。对于新手来说，Flask是一个轻量级的WSGI Web应用程序框架。它旨在使快速，轻松地入门。

如何使用应用程式

$# Clone the sources
$git clone https://github.com/app-generator/flask-dashboard-adminator.git
$cd flask-dashboard-adminator
$
$# 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
$# .envScriptsactivate
$
$# Install requirements
$pip3 install -r requirements.txt
$
$# Set the FLASK_APP environment variable
$(Unix/Mac) export FLASK_APP=run.py
$(Windows) set FLASK_APP=run.py
$(Powershell) $env:FLASK_APP = ".run.py"
$
$# Set up the DEBUG environment
$# (Unix/Mac) export FLASK_ENV=development
$# (Windows) set FLASK_ENV=development
$# (Powershell) $env:FLASK_ENV = "development"
$
$# Run the application
$# --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 app in browser: http://127.0.0.1:5000/

如果一切顺利，我们应该会在浏览器中看到Adminator仪表板正在运行。

注意：未提供默认用户，我们需要使用注册页面创建一个新用户。如有任何问题，请在评论中使用AMA。

Django Dashboard Adminator

在Adminator Dashboard设计之上以Django Framework编码的开源管理面板。特征：

• 支持UI的模块化设计，简洁的代码库
• SQLite，Django本机ORM
• 基于会话的身份验证（登录，注册）
• 表格验证

如何使用它

$# Get the code
$git clone https://github.com/app-generator/django-dashboard-adminator.git
$cd django-dashboard-adminator
$
$# 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
$# .envScriptsactivate
$
$# Install modules
$# SQLIte version
$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:
$
$# Access the web app in browser: http://127.0.0.1:8000/

通过在浏览器中访问该应用程序，我们应该看到登录屏幕：

在通过注册页面创建新用户并通过登录后，我们将看到一个漂亮而简单的用户界面：

链接与资源

• 有关Flask的更多信息-如此漂亮的软件
• 有关Django的更多信息-包含许多电池的强大框架

• AppSeed使用自动化工具提供的开源管理仪表板

感谢您的阅读，并在评论中告诉我您的想法。