前言
我为什么选择用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", // 缓存清理接口
}
类似上面的修改,都改一遍,效果如下: