vieyahn2017 / jsup

0 stars 1 forks source link

ivdenv #10

Open vieyahn2017 opened 1 year ago

vieyahn2017 commented 1 year ago

基于 contacts-demo

vieyahn2017 commented 1 year ago

我能不能写一个模板工具,生成这种类似的list/item/edit页面 设置字段即可

vieyahn2017 commented 1 year ago

ng还可以参考 angular-questionnaire-master

vieyahn2017 commented 1 year ago

js模板渲染工具 ejs

vieyahn2017 commented 1 year ago

ng-alain 是一个企业级中后台前端/设计解决方案脚手架,目标也非常简单,希望在Angular上面开发企业后台更简单、更快速。随着『设计者』的不断反馈,将持续迭代,逐步沉淀...

ng-alain,一个阿里的 angular 脚手架。基于 ng-zorro ,进行再次封装。 这里记录一些如何生成一个 ng-alain 项目,以

vieyahn2017 commented 1 year ago

/d/lang-pro/front/D_front/over $ ls angular_heroes_editor-master.zip ng2-contextmenu-master.zip angular2-heroes-editor-turorial-master.zip

vieyahn2017 commented 1 year ago

今天看到了个 https://gitee.com/dream2023/react-schema-render 好像跟我上面的 【模板工具,生成这种类似的list/item/edit页面 设置字段即可】 思路相似

import React from 'react';
import { Collapse } from 'antd';
import { setComponents, SchemaRender } from 'react-schema-render';

const { Panel } = Collapse;
const components = {
  collapse: Collapse,
  panel: Panel,
};

setComponents(components);

const App = () => {
  const schema = {
    component: 'collapse',
    defaultActiveKey: ['1'],
    children: [
      {
        component: 'panel',
        header: '《出塞》',
        key: '1',
        // children 为字符串
        children:
          '秦时明月汉时关,万里长征人未还。但使龙城飞将在,不教胡马度阴山。',
      },
      {
        component: 'panel',
        header: '《寻隐者不遇》',
        key: '2',
        // children 为 jsx
        children: (
          <>
            <p>松下问童子,言师采药去。</p>
            <p>只在此山中,云深不知处。</p>
          </>
        ),
      },
      {
        component: 'panel',
        header: '《凉州词》',
        key: '3',
        // children 为 schema 数组
        children: [
          {
            component: 'p',
            key: 1,
            children: '葡萄美酒夜光杯,欲饮琵琶马上催。',
          },
          {
            component: 'p',
            key: 2,
            children: '醉卧沙场君莫笑,古来征战几人回?',
          },
        ],
      },
    ],
  };

  return <SchemaRender schema={schema}></SchemaRender>;
};

export default App;
vieyahn2017 commented 1 year ago

https://zhuanlan.zhihu.com/p/419016497 Form Schema 定义详解

文字例子也是以react来的

vieyahn2017 commented 1 year ago

https://github.com/dschnelldavis/angular2-json-schema-form

vieyahn2017 commented 1 year ago

https://github.com/guillotinaweb/ngx-schema-form