首页 > 其他分享 >DTCloud结合amis编辑器下篇~外联版

DTCloud结合amis编辑器下篇~外联版

时间:2023-05-04 10:13:47浏览次数:50  
标签:__ DTCloud py html 外联 editor import os amis

项目目录
image.png

最终需要展示的amis编辑器的html文件

参考编辑器源码链接

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="format-detection" content="telephone=no"/> <meta name="viewport" content="initial-scale=1,user-scalable=no,width=device-width,viewport-fit=cover"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>amis-editor Demo</title> <link rel="stylesheet" href="https://bce.bdstatic.com/iconfont/iconfont.css"/> <link rel="stylesheet" href="https://unpkg.com/[email protected]/animate.min.css"/> <link data-react-helmet="true" rel="shortcut icon" href="https://avatars.githubusercontent.com/u/78204817?s=200&v=4"/> <link href="https://aisuda.github.io/amis-editor-demo/demo/css/vendor.fcbe040c.css" rel="stylesheet"><link href="https://aisuda.github.io/amis-editor-demo/demo/css/index.ed44d890.css" rel="stylesheet"></head> <body> <div id="root"></div> <script defer src="https://aisuda.github.io/amis-editor-demo/demo/scripts/chunk/vendor.41754546.js"></script><script defer src="https://aisuda.github.io/amis-editor-demo/demo/scripts/chunk/index.36c0b146.js"></script></body> </html> 

控制器main.py

import os
from dtcloud import http
from jinja2 import Environment, FileSystemLoader
from dtcloud.addons.web.controllers.home import Home

# 是os找到模块的路径
BASE_DIR = os.path.dirname(os.path.dirname(__file__))
# 解析静态资源路径
templateLoader = FileSystemLoader(searchpath=BASE_DIR + "/static/dist")
# 加入到环境中
env = Environment(loader=templateLoader)


class Editor(Home):
  @http.route('/editor_zip', type='http', auth="none", csrf=False, method=["POST", 'get'],
              website=True, cors="*")
  def editor_zip_preview(self, **kwargs):
    """
    示例:http://127.0.0.1:9099/editor_zip
    端口根据自己项目 dtcloud.conf 中定义的 xmlrpc_port 值
    """
    values = dict()
    # 获取模板文件
    template = env.get_template('/index.html')
    # 渲染 
    html = template.render(object=values)
    return html

控制器__init__.py

from . import main

视图xml文件,不需要填写内容,但需要有

<?xml version="1.0" encoding="utf-8"?>
<dtcloud>
    <data></data>
</dtcloud>

根路径__init__.py

from . import controllers

manifest.py 按照默认的,不用引入文件

作者:白马不是马

标签:__,DTCloud,py,html,外联,editor,import,os,amis
From: https://www.cnblogs.com/DTCLOUD/p/17370213.html

相关文章

  • dtcloud中台菜单图标添加方式
    在更新之后的dtcloud框架中,引入了菜单的图标,显示在菜单的左侧。这里给出添加的方法步骤。进入图标库点击个人图标下的“FontIcon”,进入图标库界面,可以在这里选择与模块相符合的图标。图标选择在图标库的界面中,按F12开启开发工具,进行元素检查,获取对应图标的class图例中......
  • DTCloud异常与解决方法一览
    Dtcloud的异常抛出往往令人摸不着头脑,本文记录了一些本人在使用过程中遇到的一些异常以及解决的方式,配上异常截图方便日后可以”按图索骥”。目前所记录的问题可能还比较片......
  • DTcloud 装饰器
    什么是装饰器?python装饰器本质上就是一个函数,它可以让其他函数在不需要做任何代码变动的前提下增加额外的功能,装饰器的返回值也是一个函数对象。DTCloud自带的api装饰器......
  • Amis配置
    一、穿梭器{"type":"transfer-picker","name":"parentMenuId","label":"父菜单ID","id":"transfer-picker-receiver","resetValue":"",......
  • DTCLOUDv3.0
    在过去的3年中,中亿丰数字已形成了基于DTCLOUD智能建造工业互联网平台为核心的“1平台+6场景”智能建造系统解决方案。作为智能建造体系的技术核心,DTCLOUD智能建造中台是国......
  • 给外联样式表和JavaScript脚本增加版本号的方法
    方法和问题方法一:前端使用JQuery的方法增加版本号方法二:前端使用JavaScript来增加版本号方法三:后端代码加载方法一:前端使用JQuery的方法增加版本号先上代码<scri......
  • DTCloud附件上传
    classLastFile(models.Model):_name="last_file"_description="最新文件"name=fields.Char("文件标题")udate_file=fields.Many2many('ir.a......
  • vue集成amis
    一、下载amis方式一:git下载sdk.tar.gz,https://github.com/baidu/amis/releases方式二:npmiamis来下载,在node_modules\amis\sdk目录里就能找到二、把下载的amis目录......
  • Django 中使用 Amis 的方法
    使用django模板的extend方法,子模板中只需要配置AmisJson对象即可。templates中的代码如下:<!DOCTYPEhtml>{%loadstatic%}<htmllang="zh"><head><metacha......
  • DTCloud模块开发规范
    开源市场介绍DTCloud开发者社区,赋能开发者,共建企业应用市场。个人开发者,可在开源市场下载安装模块,也可将自己开发的模块,上传开源市场。DTCloud模块开发规范1.应用模块......