delogic

0.0.1 • Public • Published

delogic

一种 UI & 逻辑分离的编程设计思路。

  • UI 层仅依赖 Service,基本上为纯 UI 组件
  • Service 代码只依赖 DAO 的 interface,不依赖具体 DAO 实现,TodoService

image

Quick Start

$ git clone git@gitlab.alibaba-inc.com:pipe/delogic.git
$ cd delogic
$ lerna bootstrap
$ cd packages/todo-page && npm run dev

Online Demo

todolist

Principle

  • UI
    • 【允许】和 DOM、Service 交互
    • 【禁止】直接和 DAO 做数据交互
    • 【允许】自身组件的临时存储和状态,但不应过于复杂
  • Service
    • 【禁止】和 DOM 交互,任何 document.querySelector 都不允许
    • 【禁止】任何(除 DAO 外的)IO 交互,包括网络 IO(fetch)、本地 IO(localStorage)
    • 【允许】和 DAO 交互,所有 IO 都通过 DAO 接口
  • DAO Interface
    • 【仅】做数据模型定义,即模型字段的定义
  • DAO Implement
    • 【禁止】和 DOM 交互

/delogic/

    Package Sidebar

    Install

    npm i delogic

    Weekly Downloads

    0

    Version

    0.0.1

    License

    ISC

    Unpacked Size

    4.75 kB

    Total Files

    6

    Last publish

    Collaborators

    • zhoukekestar