首页 > 其他分享 > Django 中使用 Amis 的方法

Django 中使用 Amis 的方法

时间:2023-02-07 23:14:33浏览次数:33  
标签:body name title 方法 Django width let type Amis

使用 django 模板的 extend 方法,子模板中只需要配置 AmisJson 对象即可。
templates中的代码如下:

<!DOCTYPE html>
{% load static %}
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>{% block title %} 我的站点 {% endblock title %}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1"
/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<link rel="stylesheet" href="{% static 'sdk/sdk.css' %}" />
<link rel="stylesheet" href="{% static 'sdk/helper.css' %}" />
<link rel="stylesheet" href="{% static 'sdk/iconfont.css' %}" />
<style>
{% block style %}
html,
body,
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
{% endblock style %}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="{% static 'sdk/sdk.js' %}"></script>
<script type="text/javascript">
(function () {
let amis = amisRequire('amis/embed');
// 通过替换下面这个配置来生成不同页面
let amisJSON = {% block amisjson %}
{
type: 'page',
title: '表单页面',
body: {
type: 'form',
mode: 'horizontal',
api: '/saveForm',
body: [
{
label: '账号',
type: 'input-text',
name: 'name'
},
{
label: '密码',
type: 'input-email',
name: 'email'
}
]
}
}
{% endblock amisjson %};
let amisScoped = amis.embed('#root', amisJSON);
})();
</script>
</body>
</html>

标签:body,name,title,方法,Django,width,let,type,Amis
From: https://www.cnblogs.com/shentian123/p/17100101.html

相关文章

  • 结构体参数传递的方法
    结构体参数在容器及其适配器传递的方法在刷二叉树前序迭代遍历的时候,我要用栈存入这样的一个结构体(二叉树的定义):structTreeNode{intval;TreeNode*left......
  • repeat方法重复 ES6 2302027
    repeat方法让字符串重复......
  • 物联网中利用OTA进行远程升级的详细操作方法
    物联网设备OTA软件升级之:升级包下载过程之旅第一:OTA概述大家好,我是一个软件升级包。这几天呢,我将会进行一次神奇的网络之旅,从开发者的电脑中,一直跑到终端嵌入式设备中。大家......
  • 28-回顾方法的调用
    packagecom.oop;publicclassDemo01{//静态方法static//非静态方法publicstaticvoidmain(String[]args){Student.say();//类名.方法......
  • 硬件控制方法——11.1应用和硬件无关?
    在用C语言等高级编程语言开发的Windows应用中,大家很少能接触到直接控制硬件的指令。这是因为硬件的控制是由Windows全权负责的。不过,Windows提供了通过应用来间接控......
  • 10.11循环处理的实现方法
    接下来,让我们继续解析汇编语言的源代码,看一下for循环及if条件分支等C语言程序的流程控制是如何实现的。代码清单10-8是将局部变量i作为循环计数器“连续进行10次......
  • 10.12条件分支的实现方法
    下面让我们来看一下条件分支的实现方法。条件分支的实现方法同循环处理的实现方法类似,使用的也是cmmp指令和跳转指令,这一点估计大家也预料到了。没错,条件分支就是利用这......
  • java-Stream流的常用方法
    一 常见创建流的三种方式//list集合创建流方式newArrayList<>().stream();newHashSet<>().stream();//map集合创建流方式,原......
  • python django 商品进销存管理系统(课设、学习、毕设)
    pythondjango商品进销存管理系统pythondjango进销存系统python商品库存系统后端:pythondjango数据库:MySQL5.7前端:html cssjs等涉及功能:登陆、退出、库存管......
  • Python django 门户网站(课设、学习、毕设)
     Pythondjango门户网站pythondjango官网网站pythondjango门户网站pythondjango公司官网源码后端:pythondjango数据库:MySQL前端:html cssjs等涉及功能:......