Django中集成layuimini管理框架

307 阅读2分钟

前言

我为什么选择用django模板来渲染数据?

现在很多人使用前后端分离方案,但是有个极大的问题就是数据安全问题,前后端分离必然要调用后端接口,这个接口就一定能够被破解,数据极度不安全!如果不用接口,虽然也不安全,但是可以增加数据爬取难度

我为什么使用django集成layuimini框架?

对比了很多框架,发现框架都要么是前后端分离架构,要么是不够美观,只有layuimini具备做模板的条件(虽然作者已经不维护了)

django集成layuimini框架核心技术点

1,所有文件放到static里,作为资源文件 2,涉及到动态数据的放到templates里,作为模板 3,static中的文件在需要的时候放到templates里,比如登录

在线预览地址

这里使用的是iframe v2版 仓库地址

创建和配置Django工程

创建一个空的Django项目,给项目创建一个app:layuiapp

配置静态文件夹:
STATICFILES_DIRS = [    BASE_DIR, "static",]
​
配置路由:
urls.py:
      path('layuiapp/', include(("layuiapp.urls", "layuiapp"), )),

集成layuimini

下载layuimini代码,直接拖进layuiapp/static/layuimini文件夹下

创建文件夹layuiapp/templates模板文件夹,把index.html拖进来

设置views

def index(request):
    return render(request, template_name="index.html")

目前index.html是模板文件,需改里面的文件路径

{% load static %}
 <link rel="icon" href="{% static 'layuimini/images/favicon.ico' %}">
  <link rel="stylesheet" href="{% static 'layuimini/lib/layui-v2.6.3/css/layui.css' %}" media="all">
  <link rel="stylesheet" href="{% static 'layuimini/css/layuimini.css' %}" media="all">
  <link rel="stylesheet" href="{% static 'layuimini/css/themes/default.css' %}" media="all">
  <link rel="stylesheet" href="{% static 'layuimini/lib/font-awesome-4.7.0/css/font-awesome.min.css' %}" media="all">

类似这种修改,把里面涉及到的路径全部修改一遍

静态文件路径修改

static/layuimini/api/init.json 文件里面

"homeInfo": {
    "title": "首页",
    "href": "/static/layuimini/page/welcome-1.html"
  }

index.html里面的这块注意:

var options = {
    iniUrl: "/static/layuimini/api/init.json",    // 初始化接口
    clearUrl: "/static/layuimini/api/clear.json", // 缓存清理接口
}

类似上面的修改,都改一遍,效果如下:

image-20240311192228934