Django Dashboard Black - 开源样板代码
各位程序员朋友们,大家好!
本文介绍了一个简单的开源Django 仪表盘,它基于Black Dashboard UI(免费版)构建,包含身份验证、数据库、基本模块和部署脚本。
对于新手来说,Black Dashboard是一款精美的 Bootstrap 4 管理后台,它包含大量组件,这些组件彼此完美契合,外观惊艳。它融合了赏心悦目的色彩、宽敞的卡片式布局、优美的字体和图形。
- 👉 Django Black 控制面板-
Product page - 👉 Django Black 控制面板-
LIVE Demo
什么是 Django
给新手的简要说明:Django是一个用Python 编程语言编写的开源 Web 应用程序框架。框架指的是一组逻辑上组合在一起的模块,它允许你通过重用现有代码来创建 Web 应用程序,而不是从头开始编写。
有用的Django 资源:
代码结构
该网络应用程序包含三个主要模块,按功能分组:
所有模块的相关文件都列在这个简单的ASCII图表中:
< PROJECT ROOT >
|
|-- core/ # Implements app logic and serve the static assets
| |-- settings.py # Django app bootstrapper
| |-- wsgi.py # Start the app in production
| |-- urls.py # Define URLs served by all apps/nodes
| |
| |-- static/
| | |-- <css, JS, images> # CSS files, Javascripts files
| |
| |-- templates/ # Templates used to render pages
| |
| |-- includes/ # HTML chunks and components
| | |-- navigation.html # Top menu component
| | |-- sidebar.html # Sidebar component
| | |-- footer.html # App Footer
| | |-- scripts.html # Scripts common to all pages
| |
| |-- layouts/ # Master pages
| | |-- base-fullscreen.html # Used by Authentication pages
| | |-- base.html # Used by common pages
| |
| |-- accounts/ # Authentication pages
| | |-- login.html # Login page
| | |-- register.html # Register page
| |
| index.html # The default page
| page-404.html # Error 404 page
| page-500.html # Error 404 page
| *.html # All other HTML pages
|
|-- authentication/ # Handles auth routes (login and register)
| |
| |-- urls.py # Define authentication routes
| |-- views.py # Handles login and registration
| |-- forms.py # Define auth forms
|
|-- app/ # A simple app that serve HTML files
| |
| |-- views.py # Serve HTML pages for authenticated users
| |-- urls.py # Define some super simple routes
|
|-- requirements.txt # Development modules - SQLite storage
|
|-- .env # Inject Configuration via Environment
|-- manage.py # Start the app - Django default start script
|
|-- ************************************************************************
环境
在使用该应用程序之前,我们需要在工作站上安装Python 3。要测试安装是否成功,请打开终端并输入:
PS C:\wamp64\www> python --version
Python 3.7.2 <--- All good
构建应用程序
如前所述,该应用程序已发布在Github平台上,源代码附带一个全面的README文件,其中包含构建该应用程序所需的所有说明:
克隆应用程序源代码(通过GIT)
$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-black.git
$ cd django-dashboard-black
安装依赖项
这些模块可以作为全局依赖项安装(不推荐),也可以使用 Virtualenv 在隔离环境中执行代码。
$ virtualenv env
$ source env/bin/activate
$ pip3 install -r requirements.txt
模块安装完成后,下一步是设置数据库。该应用自带 SQLite 数据库,这是 Django 简单应用的默认选项。
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
该makemigrations子命令将生成必要的 SQL 代码,并migrate创建数据库和表。该应用程序使用单个表进行用户注册和登录。如果一切顺利,现在我们应该可以启动应用程序了。
启动 Web 应用程序
$ # 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 browser: http://127.0.0.1:8000/
在浏览器中打开该应用,我们应该会看到登录界面:
目前我们的数据库中没有任何用户,但我们可以使用注册页面轻松创建一个用户:
在注册过程中,后端服务器会执行一些基本检查(用户已存在、密码强度不足),如果一切顺利,则会创建用户并将请求重定向到登录页面。
身份验证完成后,Web应用程序将显示所有菜单,并将用户信息(ID、电子邮件和用户名)注入到用户个人资料页面中:
用户信息以全局对象的形式存在于请求的任何视图中:
<form>
...
<div class="row">
<div class="col-md-5 pr-md-1">
<div class="form-group">
<label>UserID (disabled)</label>
<input type="text" class="form-control" disabled="" value="{{ request.user.id }}">
</div>
</div>
</div>
...
感谢阅读!更多资源,请访问:
- 👉 更多Django 仪表盘- 精选索引
- 👉 Django 应用生成器- 第二代应用构建器



