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

news/2024/10/23 20:18:01/

目录

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)
    • 校验规则
    • 业务逻辑
    • 对象关系
    • ......
  • 封装计算和逻辑

 


http://www.ppmy.cn/news/989978.html

相关文章

函数重载与引用

文章目录 一、函数重载1. 重载规则2.重载列子3.函数名修饰规则 二、引用1.本质2.特性1. 引用必须在定义时初始化2 . 一个变量可以有多个引用3 . 引用一旦引用一个实体,就不能引用其他实体 3.引用例子4.引用的权限5.效率比较6.指针跟引用的区别 一、函数重载 函数重…

2022年全国职业院校技能大赛高职组软件测试——自动化测试任务

任务五 自动化测试 执行自动化测试 本部分按照要求,执行自动化测试;对页面元素进行识别和定位、编写自动化测试脚本、成功执行脚本并将脚本粘贴在自动化测试报告中。 自动化测试具体要求如下: 第一题:按照以下步骤在PyCharm中…

Elasticsearch入门笔记(一)

环境搭建 Elasticsearch是搜索引擎,是常见的搜索工具之一。 Kibana 是一个开源的分析和可视化平台,旨在与 Elasticsearch 合作。Kibana 提供搜索、查看和与存储在 Elasticsearch 索引中的数据进行交互的功能。开发者或运维人员可以轻松地执行高级数据分析…

无显示器设置家庭服务器树莓派4B,开启SSH,VNC,WIFI,配置内网穿透

前言 没有显示器对树莓派配置稍微有些繁琐,写一篇博客记录。 配置网络 以下都是在烧录好的sd卡根目录操作 创建一个ssh名字的空文件创建Wi-Fi配置,文件名称:wpa_supplicant.conf,内容: countryCN ctrl_interfaceD…

什么是Java中的Maven?

Java中的Maven,可以简单理解为“一个神奇的工具”,它可以自动帮你管理Java项目的依赖关系,让你不再为手动下载、配置各种库而烦恼。想象一下,你正在写一个Java项目,突然发现需要引入一个名为"第三方库"的模块…

【SLAM】A-LOAM 算法部署与测试(Win10 + VMWare + Ubuntu18.04)

基础环境 ubuntu及ROS安装,略;安装完ROS以后,默认已经安装好了PCL和Eigen库; 安装Ceres 下载Ceres源文件:( Vmware没有网络,到下面的网址手动下载安装包 ) - https://github.com…

3ds MAX绘制摄像机动画

之前,我们已经绘制了山地、山间小路、以及树林: 这里我们添加一个自由摄像机:(前视图) 在动作窗口,给摄像机添加一个按路径移动的设定: 这样,我们只要把指定的路径绘制出来&#xff…

【Python机器学习】实验03 logstic回归

文章目录 简单分类模型 - 逻辑回归1.1 准备数据1.2 定义假设函数Sigmoid 函数 1.3 定义代价函数1.4 定义梯度下降算法gradient descent(梯度下降) 1.5 绘制决策边界1.6 计算准确率1.7 试试用Sklearn来解决2.1 准备数据(试试第二个例子)2.2 假设函数与前h相同2.3 代价函数与前相…