先拿主页来讲吧。通过前面的截图，我们可以知道，主页上的数据包括展示菜品的图片、名称、价格，另外需要根据不同的菜品跳转到对应的详情页，因此还需要一个id来用作标识符。最后，可以得到如下的数据模型（下面的模型我使用json描述，你也可以采取其他办法）。这个数据模型描述了主页的数据模型，即首页有很多个食品foods，用数组表示，每个数据元素代表一个食品。每个食品包括四项信息，id，image，name，price。id的值是一个数字，作为唯一标识符。image是一个字符串，用来指明图片地址。name的值是字符串，表示食品的名字，price的值是一个字符串，表示食品的价格。
{ "foods": [{ "id": "number", "image": "string", "name": "string", "price": "string" }] }
设计好数据模型的目的是方便我们设计伪数据，也方便我们对数据进行操作，一般在开始编程之前要做的事情就是设计好数据模型（数据结构），这样写程序时候才会更加顺利，很多接口才能规范下来。虽然我这里把model这一步放在了最后，但我这里model里面只是写了数据访问模块，不代表数据模型是最后才设计的，只是因为我这里讲解的思路是自定向下，刚好讲到model就顺带提一提数据模型设计。
下面以foods.js为例来讲解如何编写model。代码如下所示。这里由于没有数据库（涉及数据库的话对于新手来说比较麻烦，为了讲清楚过程本文将不采用数据库存储数据），我将所有数据使用json文件存储，例如foods.json中存储了主页的所有食品的数据。foods model将对外提供接口，用于支持访问主页的食品数据，修改食品数据等操作（数据库常说的增删查改CRUD四个操作）。本项目只需要用到查询所有视频的操作，所以我这里简单实现了一个获取所有食品的方法，另外附带一个根据id获取单个食品的方法（这个方法仅是示例，没有用到）。
var fs = require('fs'); module.exports = function() { // 读取文件中的数据，将其转成一个对象方便使用 var data = JSON.parse(fs.readFileSync(__dirname + '/../data/foods.json')); var foods = { getAllFoods: getAllFoods, getFood: getFood }; // 获取所有食品 function getAllFoods() { return data.foods; } // 根据id获取单个食品 function getFood(id) { for (var i = 0; i < data.foods.length; ++i) { if (data.foods[i].id == id) return data.foods[i]; } } return foods; };
model里面的模块一般提供数据操作的服务供控制器使用，所以在这一层就主要关注实现数据CRUD操作即可，基本没有什么业务逻辑了。
照着写foods的思路，我们再把detail写完，整个项目就完成了。是不是挺简单的。进到项目目录下面，使用node server.js启动服务器跑一跑吧。
最后，看完整个项目，你大概可以发现整个编写过程，或者说每个模块的划分，都好像遵照某种特定的模式在进行，其实我是按照MVC的模式来编写这个项目的，最近在另外一门学课的学习中也经常用到MVC，觉得还是挺不错的一种设计模式，有兴趣可以研究一下。当然，我不能说我写的代码完全符合MVC的规范，毕竟每个人的理解都可能有那么一些出入。本文仅供参考，欢迎交流建议，谢谢！