Developer 2024 🎇限时优惠进行中,现在购买立即享受

现在购买

Simple UI基础教程

avatar社区小助手
1月3日7.0k次阅读

欢迎大家使用SimpleUI

在使用SimpleUI之前,大家需要了解下以下几个问题:

什么是SimpleUI?

SimpleUI 可以理解为是一个html的皮肤,用于美化Django Admin。

有什么功能?

功能与Django Admin一直,并不涉及任何业务代码。

在使用Simple UI之前,建议大家先学习Django的一些基础知识,毕竟心急吃不了热豆腐。遇到问题的时候,一味责怪Simpleui,那我们就非常冤枉了。

如何安装?

安装simpleui有种中方式

  • pip安装

    pip安装,建议使用python3,对应的pip就是pip3

pip3 install django-simpleui
  • 源码安装

源码安装的方式不在赘述,在simpleui的文档中有清晰的介绍。

一些常见的问题

  • 文档地址

https://simpleui.88cto.com/docs/simpleui/

  • 在线demo

https://www.88cto.com/admin

  • 下载demo源码

Github:https://github.com/newpanjing/simpleui_demo

  • QQ群

  • 社区提问

https://simpleui.88cto.com

  • 移除首页simpleui信息

在simpleui的文档中已经有介绍: 文档:https://simpleui.88cto.com/docs/simpleui/QUICK.html#%E6%9C%8D%E5%8A%A1%E5%99%A8%E4%BF%A1%E6%81%AF

只需要在settings.py中加入以下代码即可

SIMPLEUI_HOME_INFO = False
  • 修改首页

文档:

  1. https://simpleui.88cto.com/docs/simpleui/QUICK.html#%E9%A6%96%E9%A1%B5-%E4%BF%AE%E6%94%B9%E9%BB%98%E8%AE%A4

  2. https://simpleui.88cto.com/docs/simpleui/quick.html#%E6%A8%A1%E6%9D%BF

  • 替换logo

文档:

https://simpleui.88cto.com/docs/simpleui/QUICK.html#%E4%BF%AE%E6%94%B9logo

settings.py中加入:

#自定义SIMPLEUI的Logo
SIMPLEUI_LOGO = 'https://avatars2.githubusercontent.com/u/13655483?s=60&v=4'
  • 页面空白、报错

页面报错、空白有2种原因

  1. 关闭了debug模式,导致静态文件不能正常被读取。debug关闭后,需要自己用nginx之类的静态服务器来处理静态文件。具体配置请参考django文档和百度。

  2. 升级导致静态文件缓存,只需要克隆下静态文件,清理下浏览器的缓存。即可正常运行。

  • 克隆静态

具体如何配置和操作,请查询django文档和百度,举个例子:

python3 manage.py collecstatic

友情提示:在执行该句命令的时候,请保证settings.py中有STATIC_ROOT的存在,否则会报错。

  • 页面打开速度慢

页面打开慢有以下几个原因

  1. django处理静态文件慢,建议采用nginx来处理静态文件。

  2. 网络加载第三方的cdn资源过慢

  3. debug模式也会导致执行较慢

  4. 服务器配置太差

  5. 数据没有进行分页,在某些代码中查询了全部数据

例如:

qs=Student.objects.filter(.....)

# 这里直接调用qs,将会查询所有的数据,与qs.all()效果雷同。
if qs:
  print(qs.count())

return qs
  • 列表怎么显示图片

django admin和simpleui 以及simplepro目前都不会直接显示图片,建议大家自己重写个自定义的方法来加载图片

例子:

Model:


from django.utils.html import format_html
class Student(...):

    image=models.ImageFiled(......)

    def display(self):
       # self.image.url 可能会出现url 404的情况,需要在settings.py中配置MEDIA_URL前缀
       return format_html('<img src="{}"/>',self.image.url)

Admin:


class StudentAdmin(ModelAdmin):

    list_display=('display','image')
发布评论
登录后发表内容
0个评论