琳琅娱乐-使用simpleui美化Django的界面,符合中国人的审美和使用习惯(避坑教程,请收藏,花了两个夜晚总结出来的)
你的位置:琳琅娱乐 > 关于琳琅娱乐 > 使用simpleui美化Django的界面,符合中国人的审美和使用习惯(避坑教程,请收藏,花了两个夜晚总结出来的)
使用simpleui美化Django的界面,符合中国人的审美和使用习惯(避坑教程,请收藏,花了两个夜晚总结出来的)
发布日期:2024-10-14 12:12    点击次数:90

[以下内容是我花了两个晚上重复实验总结的关于Django配置simpleui的教程,希望对大家有帮助,帮大家避坑。]

使用SimpleUI美化Django界面简单介绍Django

Django是一个强大的Python Web框架,而Django管理界面是开发者管理后台数据的重要工具。然而,默认的管理界面有些朴素,缺乏美感和交互性。为了提升用户体验,我们可以使用SimpleUI来美化Django管理界面。本文将为您详细介绍如何配置SimpleUI,并展示其强大的功能。

什么是SimpleUI

SimpleUI是一个基于Django的开源管理界面框架,它提供了丰富的UI组件和主题样式,可以让您的Django管理界面焕然一新。使用SimpleUI,您可以快速搭建出漂亮、易用的管理界面,提升用户的使用体验。

安装SimpleUI

在开始之前,请确保您已经安装了Django。接下来,我们将按照以下步骤来安装SimpleUI:

创建Django项目

图片

使用命令启动服务:

cd Django项目根目录python.exe manage.py runserver

初始化后启动服务,正常直接可以在浏览器访问 http://127.0.0.1:8000为下面的界面

图片

安装SimpleUI:

pip install django-simpleui -i https://pypi.tuna.tsinghua.edu.cn/simple

服务器上提前创建好数据库,后面需要存储数据

根据自身的情况,自己安装数据库即可,数据库以及数据库的授权用户信息需要记住,将连接信息配置在第4步中即可。 如果使用mysql数据库:#在终端工具中切换到项目的主目录,安装mysql驱动,重启pycharm!!!pip install pymysql#项目根目录init文件引入pymysql 用于代理django认可的mysql驱动,同时由于django的版本问题对pymysql的版本存在要求需要增加一个版本欺骗动作import pymysqlpymysql.version_info = (1, 3, 13, "final", 0)pymysql.install_as_MySQLdb()#项目的setting文件加入数据库连接信息DATABASES = {'default': {'ENGINE': 'django.db.backends.mysql','NAME':'Django','HOST':'47.109.71.188','USER':'django','PASSWORD':'d123456','PORT':'3306',}}

修改django后台模块默认的模板:

# 修改项目的setting文件,在INSTALLED_APPS 首行引入simple应用INSTALLED_APPS = ['simpleui',...]

字符集及时区设置

修改project的setting文件LANGUAGE_CODE = 'zh-hans'TIME_ZONE = 'Asia/Shanghai'USE_TZ = False # 这里务必调整为False,否则时区设置无效

静态资源

# 修改setting.pyimport os #新增STATIC_URL = '/static/'# 静态文件根目录目录STATIC_ROOT = os.path.join(BASE_DIR, "static")# 静态文件目录列表STATICFILES_DIRS = [ ] 

在项目根目录创建一个static文件夹。然后在终端工具中切换到项目的主目录执行如下命令

python manage.py collectstatic 

重新指定static文件路径及Debug状态,配置数据库连接信息。这里是最重要的,不按这个配置修改会出现无法找到静态文件的情况

# 修改setting.pyDEBUG = FalseALLOWED_HOSTS = ['*',]......STATIC_URL = '/static/'   # 静态文件的别名STATIC_ROOT = 'static'    # DEBUG=False新增行STATICFILES_DIRS = [os.path.join(BASE_DIR, '/static/')] #'static' 改为 '/static/'···#修改项目根目录下的urls.py文件from django.conf import settingsfrom django.conf import settingsfrom django.conf.urls import urlfrom django.contrib import adminfrom django.urls import path, includefrom django.views import staticurlpatterns = [path('admin/', admin.site.urls),#path('user/', include('App.urls')),#新增行url(r'^static/(?P<path>.*)$', static.serve, {'document_root': settings.STATIC_ROOT}, name='static'),]

admin模块进行数据库初始化

python manage.py migrate

创建admin模块超级管理员角色,记住用户名、密码

python manage.py createsuperuser

检查simple是否正确引入

python manage.py runserver

浏览器访问 127.0.0.1:8000/admin 使用admin账户登录确认是否生效 至此,SimpleUI已经成功安装到您的Django项目中。

图片

图片

<<< 左右滑动见更多 >>>

配置SimpleUI

配置SimpleUI非常简单,您只需要按照以下步骤进行操作:

在settings.py文件中添加SimpleUI的配置项:

SIMPLEUI_HOME_INFO = False  # 关闭首页信息展示SIMPLEUI_ANALYSIS = False  # 关闭页面分析SIMPLEUI_STATIC_OFFLINE = True  # 开启静态资源离线模式SIMPLEUI_DEFAULT_THEME = 'green'  # 设置默认主题为绿色
修改网站标题及logo创建一个app
python manage.py startapp app01 
将app01添加到setting.py中,并设置logo
INSTALLED_APPS = ['simpleui',....'app01',]SIMPLEUI_LOGO = “/static/logo.png”  将logo文件放到static目录下
修改app01目录下的admin.py
from django.contrib import adminfrom . import modelsadmin.site.site_header='知识库管理后台'admin.site.site_title='知识库管理后台'admin.site.index_title='知识库管理后台'

图片

图片

<<< 左右滑动见更多 >>>

总结一下SimpleUI提供了丰富的UI组件和主题样式,可以让您的管理界面更加美观和易用,但是在配置过程中很容易出现问题,典型的就是静态资源找不到,404报错,经过10多次的实验,按照我的教程来配置,问题不会太大,有问题,欢迎随时交流学习。关注、点赞、收藏、转发、看一看持续分享各类有趣的好项目,有任何问题留言探讨。 本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报。

相关资讯