持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第13天，点击查看活动详情

Low Code 平台 设计思路

接下来，我会通过几期文章和大家分享我对low code 平台的设计思路和实践经验

• 功能设计\

  • 看板（首页）展示\

    • 基础数据展示\

      • 适应多平台界面大小，流式布局\

  • 登陆/注册\

    • 权限路由\

  • 客户端--图表应用界面展示\

    • 多种类型图表数据展示\

      • 明细表\
      • 汇总表\
      • 柱图\
      • 饼图\
      • 折线图\
      • 曲线图\
      • 环形图\
    • 多表关联，筛选\
    • 不同区域图表模块独立大数据骨架屏加载状态显示\
    • 区域模块放大，平铺\
    • 应用分享\
    • 图表模块下载功能\
    • 独立报表数据刷新功能\

  • 后端--看板配置\

    • 数据源选择\

      • 对应源报表选择\

        • 字段选择\

          • 新增自定义字段/修改字段配置（临时修改：不影响报表源）\

    • 拖拽，排序字段到编辑展示区域\

      • 设置具体字段详细规则：时间格式字段显示，字段信息加密，数字字段小数位显示，字段显示效果过滤等\
      • 禁止重复字段\

    • 配置本表其他信息配置\

      • 报表名称\

      • 其他内容配置\

        • 关联联动其他表，配置具体不同规则等\

  • 其他功能\

    • 多语言\
    • 主题色\
    • 权限管理\
    • HTTP接口拦截器\

• 技术框架\

  • 服务端\

    • nodejs+mongodb\
    • nodb\

  • 客户端（前端）\

    • UI框架组件库\

      • element-plus\

    • 核心技术栈\

      • vue3.0\

    • 状态管理\

      • 模块化状态管理+pinia\

    • 图表控件\

      • vue-echarts\
      • echarts\

    • 拖拽组件\

      • vue.draggable.next\

    • 页面布局组件\

      • vue-grid-layout\
      • element-plus\

    • 多语言\

      • vue-il8n-next\

    • 接口请求\

      • axios+promise/await\

    • 第三方js库\

      • Lodash.js\

    • vue第三方引导库\

      • driver.js：madewith.cn/vuejs\

    • Excel文件解析\

      • xlsx\

    • 客户端文件保存\

      • file-saver\

    • 数据埋点\

      • sentry\