TypeScript实战篇 – TS实战:花田APP的架构

13,570次阅读
没有评论

共计 464 个字符,预计需要花费 2 分钟才能阅读完成。

目录

TS 实现花田 APP 的聊天 Node 端

整体架构

项目拆分

项目的特点

模型层

 所有系统都是模型的外设

模型层的优势


TS 实现花田 APP 的聊天 Node 端

整体架构

项目拆分

代号:@huatian

5 个独立的 npm 包

  • @huatian/ui 花田的主项目
  • @huatian/component 花田组件库
  • @huatian/utils 花田的工具函数库
  • @huatian/model 花田的模型层
  • @huatian/svc 花田的 node.js 服务

实现语言:TS + VUE3

项目的特点

  • 突出架构的 复杂性 ,技术的 多元化,弱化交互和体验
  • 突出 重点技能 实战技巧 减少重复
  • 重视 性能 优化

模型层

user===people

  • Chat Context 聊天场景【聊天】
  • Social Context 社交场景【发动态】
  • Account Context 账号场景【登入 / 登出, 维护个人信息】

对象和对象之间的关系

TypeScript 实战篇 - TS 实战:花田 APP 的架构

 所有系统都是模型的外设

TypeScript 实战篇 - TS 实战:花田 APP 的架构

 

模型层的优势

  • 前后端模型可以统一(Typescript)
    • 校验规则
    • 业务逻辑
    • 对象关系
    • ……
  • 封装计算和逻辑

 

原文地址: TypeScript 实战篇 – TS 实战:花田 APP 的架构

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-10-14发表,共计464字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)