1.创建虚拟环境及启动应用
还是基于Github上的教程先转到Django的主目录下,然后在虚拟环境下进行开发。为什么要进入虚拟环境呢?主要是将当前的Python与服务器本身的全局Python区别开来,还有就是当前soft-ui-dashboard-django这个版本好像是只支持虚拟环境下进行开发,至于具体是什么情况,后面再测试一下。
cd soft-ui-dashboard-django
virtualenv env
source env/bin/activate
python manage.py runserver
2.Soft UI Dashboard Builder使用教程
先进入网站,然后注册一个账号,就开始用拖拽的方法设计UI。

Try for free
设计好之后,把模板下载下来,然后到对应的文件夹中,用新设计好的文件,更换掉旧的文件即可。
比如当前我设计的是面板Dashboard,得到一下index.html,参考下面的文件列表位置:
< LIBRARY_ROOT > # This exists in ENV: LIB/admin_soft
|
|-- templates/ # Root Templates Folder
| |
| |-- accounts/
| | |-- login.html # Sign IN Page
| | |-- register.html # Sign UP Page
| |
| |-- includes/
| | |-- footer.html # Footer component
| | |-- sidebar.html # Sidebar component
| | |-- navigation.html # Navigation Bar
| | |-- scripts.html # Scripts Component
| |
| |-- layouts/
| | |-- base.html # Masterpage
| | |-- base-fullscreen.html # Masterpage for Auth Pages
| |
| |-- pages/
| |-- index.html # Dashboard page
| |-- profile.html # Settings Page
| |-- *.html # All other pages
|
|-- ************************************************************************
一步步找到文件夹所在位置。比如我自己的路径为/home/sengene/Django/soft-ui-dashboard-django/env/lib/python3.8/site-packages/admin_soft/templates/pages
参考列表只是列出主要的文件,如果自己的文件找不到,不妨退回上一层或者继续把当前文件夹都打开试试。
然后,把index.html删掉把原来的index.html改个名字,再把设计好的文件替换过来,命名为index.html。这样即使操作不成功,也可以倒回原来的模板。因为建这个文件夹的时候是root的身份,所以这些操作也是要在root下才有权限。
然后,刷新重启,就能看到了。

Dashboard设计
OK,初见成效,继续加油。