跳至主要內容

介绍

fxss原创大约 4 分钟

泛积木-低代码:可以广泛使用的积木框架,可以广泛适用的低代码平台。

项目介绍

泛积木-低代码是前后端分离项目,前端使用的是 Reactopen in new window,后端使用的是 Node.jsopen in new window (版本为 16+ 即可),前端代码只需部署一次,后续都在网站内进行页面开发,包含可视化页面编辑器,页面的开发不再局限于前端工程师,后端工程师、甚至不懂代码的也可以通过页面拖拽、配置生成页面。

泛积木-低代码的页面渲染是在 amisopen in new window 上封装的,在使用过程中可以使用 amisopen in new window 作为文档参考,amis 是一个低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率。

用 JSON 写页面有什么好处

为了实现用最简单方式来生成大部分页面,amis 的解决方案是基于 JSON 来配置,它的独特好处是:

  1. 不需要懂前端:在百度内部,大部分 amis 用户之前从来没写过前端页面,也不会 JavaScript,却能做出专业且复杂的后台界面,这是所有其他前端 UI 库都无法做到的;
  2. 不受前端技术更新的影响:百度内部最老的 amis 页面是 6 年多前创建的,至今还在使用,而当年的 Angular/Vue/React 版本现在都废弃了,当年流行的 Gulp 也被 Webpack 取代了,如果这些页面不是用 amis,现在的维护成本会很高;
  3. 享受 amis 的不断升级:amis 一直在提升细节交互体验,比如表格首行冻结、下拉框大数据下不卡顿等,之前的 JSON 配置完全不需要修改;
  4. 可以 完全 使用 可视化页面编辑器 来制作页面:一般前端可视化编辑器只能用来做静态原型,而 amis 可视化编辑器做出的页面是可以直接上线的。

amis 的亮点

  1. 提供完整的界面解决方案:其它 UI 框架必须使用 JavaScript 来组装业务逻辑,而 amis 只需 JSON 配置就能完成完整功能开发,包括数据获取、表单提交及验证等功能,做出来的页面不需要经过二次开发就能直接上线;
  2. 大量内置组件(120+),一站式解决:其它 UI 框架大部分都只有最通用的组件,如果遇到一些稍微不常用的组件就得自己找第三方,而这些第三方组件往往在展现和交互上不一致,整合起来效果不好,而 amis 则内置大量组件,包括了富文本编辑器、代码编辑器、diff、条件组合、实时日志等业务组件,绝大部分中后台页面开发只需要了解 amis 就足够了;
  3. 支持扩展:除了低代码模式,还可以通过 自定义组件 来扩充组件,实际上 amis 可以当成普通 UI 库来使用,实现 90% 低代码,10% 代码开发的混合模式,既提升了效率,又不失灵活性;
  4. 容器支持无限级嵌套:可以通过嵌套来满足各种布局及展现需求;
  5. 经历了长时间的实战考验:amis 在百度内部得到了广泛使用,在 6 年多的时间里创建了 5 万页面,从内容审核到机器管理,从数据分析到模型训练,amis 满足了各种各样的页面需求,最复杂的页面有超过 1 万行 JSON 配置。

项目特性

泛积木-低代码包含以下功能(前后端共同实现):

  1. 登录、注册、重置密码;
  2. 验证码(项目验证码发送采用邮箱模式);
  3. 页面权限控制(浏览、编辑、删除)及操作按钮权限控制;
  4. 页面支持启用、禁用,对外(不登录即可查看)功能;
  5. 可视化页面编辑器;
  6. PC、M双UI;
  7. debug模式;
  8. 网站页脚自定义配置;
  9. 查看日志;
  10. 适配对接。
  11. 系统设置包含以下功能:
    1. 权限设置;
    2. 菜单设置;
    3. 系统配置;
    4. 数据字典;
    5. CRUD增删改查生成器;
    6. mock数据;
    7. 浏览量统计;
  12. 用户中心包含以下功能:
    1. 个人中心;
    2. 用户列表;
  13. 代码管理包含以下功能:
    1. 版本设置;
    2. 页面版本;
    3. 页面发版;
    4. 发版历史;
    5. 代码比对;
  14. 文件管理包含以下功能:
    1. 文件目录;
    2. 文件上传。