OneCode RAD：揭秘前端开发的配置化魔法

xui.merge(window.CONF, {
    productName: "JDSEasy Front-End Builder",
    version: '0.9',
    versionTag: 'Release',
    dftLang: 'cn',  // 默认语言设置
    serviceType: "remote",  // 服务类型
    // ...其他配置
});

openProjectService: xui.ini.appPath + 'openProject',
remoteService: xui.ini.appPath + 'request',
saveFile: xui.ini.appPath + 'saveContent',
getProjectListService: '/admin/getProjectList',
// 数据库相关API
getDbTreesService: xui.ini.appPath + 'fdt/GetDbTrees',
getColTreeService: xui.ini.appPath + 'fdt/GetColTree',
// ...更多API配置

designer_data_fontfamily: [
    { caption: "<span style='font-family:arial,helvetica,sans-serif'>Arial</span>", id: "arial,helvetica,sans-serif" },
    { caption: "<span style='font-family:courier new,courier,monospace'>Courier New</span>", id: "courier new,courier,monospace" },
    // ...更多字体配置
],
designer_themes: ["", "default", "army", "darkblue", "electricity", ...],
designer_background_position: ["", "top left", "top center", "top right", ...],
// ...更多设计器配置

xui.builtinFontIcon = {
    "fa fa-lg fa-calendar-plus-o": "fa fa-lg fa-calendar-plus-o",
    "spafont spa-icon-data": '&#xe601',
    "spafont spa-icon-debug": '&#xe602',
    // 大量图标定义...
};

FCPie: {
    "chart": {
        "caption": "Monthly Sales Summary",
        "subcaption": "For the year 2006",
        "xaxisname": "Month",
        "yaxisname": "Sales",
        // ...更多图表配置
    },
    "data": [{"label": "January", "value": "17400"}, ...]
},
FCsingle: { /* 单系列图表配置 */ },
FCmulti: { /* 多系列图表配置 */ },
// ...更多图表类型

xui.merge(window.CONF, {
    // 隐藏左侧工具箱中的组件
    widgets_hidden: {},
    // 隐藏右侧组件配置中的属性
    widgets_hiddenProps: {},
    // 隐藏右侧组件配置中的事件
    widgets_hiddenEvents: {
        "beforePrepareItem": 1,
        "beforePrepareRow": 1,
        "beforePrepareCol": 1
    },
    // ...更多隐藏规则
});

CONF.widgets = [
    {
        id: 'xui.UI.Layout',
        view: 'Gallery',
        key: 'xui.UI.Layout',
        caption: '布局',
        group: true,
        imageClass: 'spafont spa-icon-c-buttonviews',
        sub: [
            {
                id: 'xui.UI.TabsGroup',
                key: 'xui.UI.Tabs',
                group: true,
                comment: '层叠组件',
                // 子组件定义...
            },
            // 更多组件组...
        ]
    },
    // 更多组件分类...
];

{
    id: 'xui.UI.ButtonViews2',
    key: 'xui.UI.ButtonViews',
    caption: '',
    imageClass: 'spafont spa-icon-c-buttonviews',
    comment: '左侧按钮导航',
    draggable: true,
    iniProp: {
        barLocation: 'left',
        items: xui.copy(CONF.items3),
        autoItemColor: true,
        barSize: 220,
        value: 'a',
        caption: '导航栏'
    }
},

window.FCCONF = {
    gridAttr: {
        numVisiblePlot: {type: "spin", precision: 2, increment: 0.1, min: 2, max: 100},
        animate3D: {type: "checkbox"},
        animation: {type: "checkbox"},
        exeTime: {type: "spin", precision: 2, increment: 0.1, min: 0, max: 10},
        palette: {type: "spin", precision: 0, increment: 1, min: 1, max: 5},
        // 大量图表属性...
    },
    // ...更多图表配置
};

showLegend: {type: "checkbox"},
legendPosition: {type: "listbox", editorListItems: ["", "BOTTOM", "RIGHT"]},
legendItemFontBold: {type: "checkbox"},
useCrossLine: {type: "checkbox"},
mouseCursorColor: {type: "color"},
// ...更多交互配置

// 页面外观配置
xui.ini.$PageAppearance = {
    "theme":"default"
};

// 开发环境设置
xui.ini.$DevEnv = {
    "designViewConf":{
        "width":800,
        "height":600
    }
};

// 页面外观配置
xui.ini.$PageAppearance = {
    "theme":"darkblue"  // 切换到深色主题，保护眼睛
};

// 开发环境设置
xui.ini.$DevEnv = {
    "designViewConf":{
        "width":1200,  // 扩大设计视图，显示更多内容
        "height":800
    }
};

// 在合适的位置添加自定义组件
{
    id: 'custom.HighTrafficChart',
    key: 'xui.UI.Chart',
    caption: '高流量图表',
    comment: '适合展示高流量数据的图表配置',
    imageClass: 'spafont spa-icon-c-chart',
    draggable: true,
    iniProp: {
        chartType: 'line',
        refreshInterval: 5,
        showRealTimeValue: true,
        dataStreamURL: '/api/real-time-data',
        chart: {
            caption: '实时流量监控',
            yaxisname: '访问量',
            numDisplaySets: 20,
            refreshInstantly: true
        }
    }
}

// 在 gridAttr 中添加或修改以下配置
{
    // 启用动画效果，提升用户体验
    animation: {type: "checkbox", defaultValue: true},
    exeTime: {type: "spin", precision: 2, increment: 0.1, min: 0, max: 10, defaultValue: 1},
    // 优化标签显示
    labelDisplay: {type: "listbox", editorListItems: ["", "AUTO", "WRAP", "STAGGER", "ROTATE", "NONE"], defaultValue: "WRAP"},
    // ...更多优化配置
}

// 在合适的位置添加自定义服务配置
xui.merge(window.CONF, {
    // 自定义API服务
    customApiService: xui.ini.appPath + 'custom-api',
    // 业务数据服务
    businessDataService: xui.ini.appPath + 'business-data',
    // ...更多服务配置
});