基于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)主要存放购物车表及商品表数据
2)创建model的单例,外部主要操作的是model单例
5.VO层:主要用来定义一些常量,或者说是配置文件,方便根据不同需求直接修改配置文件中的参数即可,不用去每个程序文件中修改
6.Interface层:
0)存放接口

你可能感兴趣的:(前端,html5,前端技术文章,前端,mvc,javascript)