{\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}需要调制版 - 不

这个 neeto-templates-nano 便利模板的管理 在 neto 应用程序中设置模板。 纳米出口 @bigbinary/neeto-templates-frontend 国家防范机制一揽子计划 neeto-templates-engine 铁路发展引擎.

目录

1. 用主机应用程序开发

   • 发动机
     • 安装
     • 使用量
   • 前端软件包
     • 安装
     • 发展指示
     • 构成部分
     • 其他职能

2. 出版指令

用主机应用程序开发

发动机

该引擎用于管理整个neto的模板和模板设置 产品.

安装

1. 将此行添加到您的应用程序的 Gemfile 中 :

   source "NEETO_GEM_SERVER_URL" do
     # ..existing gems
   
     gem 'neeto-templates-engine'
   end
   

2. 然后执行:

   bundle install
   

3. 运行命令,将所有的迁移,路线,模型,协会,以及 从引擎到主机应用程序所需的控制器 :

   bundle exec rails neeto_templates_engine:install
   

   这将促使用户输入资源模型名称. 资源 模型名称是将作为模板使用的模型的名称. 对于 例如,如果资源模型名称是 Form,这将动态生成 《公约》规定的所有必要的协会、路线和管制人员 neeto_templates_engine 与小组委员会合作 Form 型号.

   说明: 你可能需要重新安排 协会的声明 通常插入到文件的大多数行上,以满足铁路 标准.

4. 添加迁移到数据库 :

   bundle exec rails db:migrate
   

使用量

这个 neeto_templates_engine 白名单 templates 创建子域 模板。 建立于 templates 子域作为模板在其它子域中获取.

您可以在此了解更多设置和用途:

1. 模型
2. 主计长

前端软件包

完美整合 NeetoTemplatesNano 在您的主机应用程序,它是 用于将 templates 子域名。 依此建立的实体 子域将作为模板在 CreateTemplateModal 组件.

安装

安装最新的 NeetoTemplatesNano 使用下列命令的软件包:

yarn add @bigbinary/neeto-templates-frontend

发展指示

检查 前端软件包开发指南 逐步指示制定

构成部分

CreateTemplateModal (单位:千美元)源代码(中文(简体) )

CreateTemplate Modal 组件是一个用于创建和 在网络应用程序中预览模板。 它提供了一个用户界面,用于 用户创建模板并查看其细节.

道具

• isOpen: 显示模式是否打开或关闭的布尔.
• onClose: 关闭模式的函数.
• isCreating: 显示模板是否正在运行的布尔旗 创建.
• refetchResource: 用于重置模板资源的函数.
• onCreate:处理模板创建的函数.
• afterCreate: 模板创建后执行动作的函数.
• title: 一个可选的道具来覆盖默认的窗格标题.
• description: 一个可选的道克来覆盖默认的窗格描述.

使用量

import React from "react";

import { CreateTemplateModal } from "@bigbinary/neeto-templates-frontend";

const App = () => {
  return (
    <CreateTemplateModal
      isOpen
      onClose={() => {}}
      isCreating={false}
      refetchResource={() => {}}
      onCreate={() => {}}
      afterCreate={() => {}}
    />
  );
};

TemplateSettings (单位:千美元)源代码(中文(简体) )

TemplateSettings 组件是一个用于配置和 编辑网络应用程序中的模板设置。 它提供了一个用户界面 用户可以自定义模板的各个方面,包括其图像、标记, 并预览.

道具

• onCancelTemplatePreview: 处理取消模板的函数 预览.
• breadcrumbs: 用于导航的面包屑项目.
• className:用于造型的 CSS 类名.
• resourceId: 字符串( 如: 窗体Id, 站点Id), 用于指定路径 实体。 默认是"id".

使用量

import React from "react";

import { TemplateSettings } from "@bigbinary/neeto-templates-frontend";

const App = () => {
  const breadcrumbs = [
    {
      link: "/forms",
      text: "Forms",
    },
  ];
  return (
    <TemplateSettings
      onCancelTemplatePreview={() => {}}
      breadcrumbs={breadcrumbs}
    />
  );
};

使用 PrivateRoute 组件,以条件使该组件仅用于 页:1 templates 子域名.

TemplateTags (单位:千美元)源代码(中文(简体) )

TemplateTags 组件是一个用于显示和管理的反应组件 网络应用程序中的标记。 它提供了一个用户界面,供用户添加, 删除、编辑和合并标签.

道具

• breadcrumbs: 用于导航的面包屑项目.

• tagsPath: 代表标记前端路径的字符串 页 次.

• otherProps: 附加道具将传递给组件.

  使用量

  import React from "react";
  import { TemplateTags } from "@bigbinary/neeto-templates-frontend";
  
  const App = () => {
    const breadcrumbs = [
      {
        link: "/forms",
        text: "Forms",
      },
    ];
    return (
      <TemplateTags
        breadcrumbs={breadcrumbs}
        tagsPath="/settings/templates/tags"
      />
    );
  };
  

  使用 PrivateRoute 组件(不需要精确添加) 使此部分仅用于 templates 子域名.

出版指令

咨询 构建和释放软件包 关于如何出版的详细指南.