README.md · uopen/layui_binder

## layui视图管理器

> 简介

为了在使用layui组件时更加得心应手，会在layui的原有基础上加以扩展，这里是将这些修改总结了起来。在功能设计时将自己的内容封装到一个视图管理对象中从而减少对layui原生内容的影响。binder.js的功能就是用来创建这个管理对象。
  使用的版本是layui的2.5.6版本。等layui的2.8正式发布之后会相应的更新。

> 软件架构

包括以binder.js为首的视图管理模块。以及依赖它的windows.js图层管理子模块和vform.js表单管理子模块。

1. binder.js  数据管理与模版引擎
    由于后续子模块开发需要对这个模块进行重构。在v4版本中主要包括四个部分: proxy主体代码、AOP事件管理、AST词法分析、RENDERER模版渲染。

2. vform.js   表单管理
    将layui表单元素通过上面的视图管理对象与一个object绑定。实现js修改object的方式更新layui表单

3. windows.js  窗口管理
    为layui.layer.open窗口提供多窗口管理与维护,还添加了windows.shake、windows.tips、windows.flip等功能

4. vtable.js  在v3版本提供table的快速搭建。v4版本移除。

5. 更多的功能陆续添加

> 4.0版本

由于需要创作新的子模块,现将binder.js更新至v4版本。因为是将v3的代码全部重写，所以不支持之前的子模块。

更新内容：

- 基础
      - 移除:移除对lodash和jQuery库的依赖，即使不引用也不会有啥子问题。
      - 新增:自动将子模块windows和vform注册到layui中
      - 新增:binder.AST进行词法分析。3版本使用jQuery的contents方法。
      - 新增:binder.AOP进行事件管理。3版本使用是一种观察者模式
      - 新增:binder.RENDERER完成虚拟节点的上树

- 语法修改
      - 新增:动态属性,可以使用attr="key"取代attr="{{key}}"。(动态属性仅包含取值时可以省去{{}})
      - 调整:{{}}现在仅用作从视图对象中取值
      - 调整:指令函数的binding参数调整
      - 调整:动态属性:style也支持与style合并了

- 指令修改
      - 新增:新增指令v-else作为与v-if配套使用的指令
      - 新增:新增指令v-model,这个指令之前是放在vform里面的
      - 新增:新增指令v-clock
      - 调整:v-each指令重写
      - 调整:v-if指令重写

- 模块修改
      - 调整:vform子模块重写
      - 移除:vtable子模块移除

- 其它
      - 目录结构调整

> 预览

### windows v3.0.0预览

---

<img src="https://foruda.gitee.com/images/1666544160672911415/a67d16ea_5667644.png"/>
  
      
> 3.0版本在线体验

#### [在线体验](https://layuibinder.demo.yunjiaowu.cn/)

uopen/layui_binder

简介

发行版

贡献者

近期动态

uopen/layui_binder .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

uopen/layui_binder