Javascript 模拟mvc实现点餐程序案例详解

MVC模式是一个比较成熟的开发模式。M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。其中，View的定义比较清晰，就是用户界面。今天就来模拟使用MVC模式开发一个点餐程序，当然，只是就此案例来说明MVC在前端的实现参考，并没有完整的实现。程序很简单，与传统的MVC三层架构不谋而合。服务员将顾客和厨师连接到一起，但是顾客并不直接与厨师沟通与接触。服务员需要监听菜品的完成情况，一旦完成，厨师会通知服务员取餐，并送到顾客餐桌。我们看一下最终的界面：界面共分为4个区域：