gulp-health_Tracker-PROSAGA-码农传奇

项目作者： LwcReber

项目描述：

  health-Tracker 是一个响应式的食物健康应用，用于查询和计算食物的卡路里数。使用 gulp 工具构建，利用 backbone JS 框架搭建应用，使用 Nutritionix API 查询对应的食物卡路里

高级语言： JavaScript

项目主页： https://lwcreber.github.io/health_Tracker/

项目地址: git://github.com/LwcReber/health_Tracker.git

创建时间： 2017-07-08T13:28:02Z
项目社区：https://github.com/LwcReber/health_Tracker
开源协议：
关键词：
backbonejs
下载

health-Tracker

health-Tracker 是一个响应式的食物健康应用，用于查询和计算食物的卡路里数。使用 gulp 工具构建，使用框架 backbone JS，使用 Nutritionix API 查询对应的食物卡路里

install

在项目根目录运行命令行
```
$> cnpm install
```
成功安装后，在dist文件夹里面运行命令行（需要安装 python 3.6 版本），创建一个本地服务器
```
$> python -m http.server 8080
```
浏览器输入网址 http://localhost:8080 ，即可看到项目网站，
如果没有安装python您也可以在根目录运行命令行
```
$> npm run server
```
浏览器输入网址 http://localhost:8080/dist/ 即可
如何修改项目代码
1. 在项目根目录运行命令行
```
$> npm run start
```
  修改src文件夹的代码即可

应用使用说明

在输入框输入食物名称后，按ENTER键或者点击Search按钮就可以查询，查询过程将出现 加载显示器，查询成功将返回该类食物的不同卡路里数
点击查询的食物列表中的食物后，将把食物添加到卡路里计算列表中同时查询的食物列表将消失，卡路里列表计算出已经选择的食物的卡路里总数

代码补充说明

食物 M: Food, V: FoodView, C:FoodList

查询食物 V: AppView

选择其中一个食物 V: SeletedFoodView, C: SelcetedFoods

卡路里计算列表 V: CalCaloriesView


