Open vieyahn2017 opened 1 year ago
我能不能写一个模板工具,生成这种类似的list/item/edit页面 设置字段即可
ng还可以参考 angular-questionnaire-master
js模板渲染工具 ejs
ng-alain 是一个企业级中后台前端/设计解决方案脚手架,目标也非常简单,希望在Angular上面开发企业后台更简单、更快速。随着『设计者』的不断反馈,将持续迭代,逐步沉淀...
ng-alain,一个阿里的 angular 脚手架。基于 ng-zorro ,进行再次封装。 这里记录一些如何生成一个 ng-alain 项目,以
/d/lang-pro/front/D_front/over $ ls angular_heroes_editor-master.zip ng2-contextmenu-master.zip angular2-heroes-editor-turorial-master.zip
今天看到了个 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;
https://zhuanlan.zhihu.com/p/419016497 Form Schema 定义详解
文字例子也是以react来的
基于 contacts-demo