/vue-saas

Primary LanguageTypeScript

低代码，高性能自定义装修商城系统

外网点击预览

境内地址暂未配置

TODO 2024/01/05 尝试实现新功能，模仿 Gitpage 和 lark 文档的形式来管理组件

主要功能

  • 容器的添加，修改，删除，以及复制
  • 可在容器中添加自定义组件
  • 可动态编辑容器等自定义组件的基础样式
  • 可动态配置开发自定义组件，并且可灵活配置对应组件的属性编辑面板
  • 可拖拽根容器排序
  • 目前提供 4 个基本测试组件

后续功能

  • 开发定制初套商城组件模型，以及对应的属性编辑器开发
  • 开发模拟活动编辑也，活动组件
  • 开发商品列表页，商品组件等
  • 开发商城预览功能
  • 开发模板保存，导入功能

基于 Vue 实现的 SaaS 系统

2023-12-26

  1. added Virtual Dom Basic node render
  2. added component add neibornode feature
  3. added component delete feature
  4. added "add neighbor" and "delete" features history storage and undo feature

2023-12-27

  1. change design pattern to composition patter.
  2. revamp code, refactor all code
  3. fixed history operation bugs
  4. added copy feature

12/18/2023 Done

  1. develop component select feature
  2. develop component toolbar.
  3. enhance component type. limit component type

Component Type

  • Root - Level 1 Component
  • RootContainer - Level 2 Component
  • Container - Level 3 Component
  • CustomComponent - Level 4 Component

Root
根节点， 只允许新增 RootContainer
> RootContainer
根容器， 允许添加 子容器 或者 设置为自定义组
> ChildContainer
子容器， 允许 添加一个自定义组件
> CustomComponent
自定义组件，为最后一级，无法新增下级容器

12/18/2023 Done

  • 使用媒体模式或者中间件模式或者订阅者模式，来进行主 Application 和 Floatingbar 和 StylePannel 之间进行通信

  • 12/18 结果，引用了观察者模式，实现了 不同组件之间的同行，

  • 12/18 应用了状态模式来控制主面板的选中，取消选中，以后等其他状态。

Done 阶段 3 Stage 3

  • 完成左侧组件控制面板 develop left side Component Controller
  • 完成右侧组件样式控制面板 develop
  • 优化 floating bar 样式， enhance Floating bar style

Done 12/20/2023 阶段 3

  • 确认属性面板和组件直接得关系，如何在两则之间建立联系，交互，如何
  • 开发属性面板，定义好 属性类型，需要开发一个动态表单来动态设置组件属性

12/23/2023

  • 开发 vue 插件 给绑定的组件新增生命周期和方法来和主应用进行通信。这是一个理想的 idea.