基于TS手写前端MVC框架简单实现购物车功能

一、后端TS版搭起MVC架构的WEB服务器

注意点:

1.用TS写node服务器需要先下node API的TS库

2.通过引入文件,通过回调方式,将参数传入引入文件进行不同层的联动操作

3.事件侦听,抛发的方式完成路由操作

项目目录说明:

1.main:
    0)入口文件
    1)创建了main单例,在当前页面执行main实例的init方法,即直接node main.js开启服务
    2)init方法中根据引入的sever类,创建server对象开启web服务
    3)main类,创建时即注册了购物车增删改查操作的事件以及对应的触发函数dataHandler
    4)因为所有的触发函数是同一个,根据传进来事件类型的不同而去创建command对象并执行其exec方法
2.sever:
    0)负责web服务
    1)接收处理接口请求传过来的data数据及type接口类型
    2)抛发给main的实例去处理type类型,data数据,同时将http的req,res也传递出去
3.command:
    0)主要用来处理各种业务逻辑,连接Model层等,工作类似于controller层(这里包括ResDataShow,ResGoodsOperate,ResShoppingShow文件)
    1)这里只写了部分功能的注释,请查看ResGoodsOperate类的addGoods,deleteGoods,getShoppingItem,getShoppingIndex方法
4.model:
    0)充当数据库的角色,web服务只要不挂,这些数据就会一直保持动态更新(挂了,就恢复为初始值了)
    1)主
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值