11 |
14 |
29 |
30 |
31 | <%-server_html%>
32 |
33 |
34 |
35 |
38 |
39 |
45 |
46 |
47 |
48 |
49 |
--------------------------------------------------------------------------------
/client/com.chezhil.cookbook/main.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | import './main.css'
3 | import Vue from 'vue'
4 | import VueRouter from 'vue-router'
5 | import plugin from '../lib/cm-plugin'
6 | import timeDiff from '../filter/date.filter'
7 |
8 | //Vue.config.debug = true;
9 | //Vue.config.silent = true;//取消 Vue.js 所有的日志与警告。
10 | Vue.use(VueRouter);
11 | Vue.use(plugin);
12 |
13 | timeDiff(Vue); //定义过滤器
14 |
15 | var router = new VueRouter({
16 | history: true, //html5模式 去掉锚点
17 | saveScrollPosition: true //记住页面的滚动位置 html5模式适用
18 | })
19 |
20 | //定义路由
21 | router.map({
22 | '/cookbook/:id': {
23 | component: function(resolve){
24 | //webpack自带功能 实现异步加载路由
25 | require.ensure([], function() {
26 | let route = require('./states/cookbook-list/route').default;
27 | resolve(route);
28 | })
29 | }
30 | },
31 | '/cookbookDetail/:id': {
32 | component: function(resolve){
33 | //webpack自带功能 实现异步加载路由
34 | require.ensure([], function() {
35 | let route = require('./states/cookbook/route').default;
36 | resolve(route);
37 | })
38 | }
39 | }
40 | })
41 | router.redirect({
42 | '*': '/cookbook/1'
43 | })
44 |
45 | var App = Vue.extend({})
46 |
47 | //启动APP
48 | router.start(App, '#app');
49 |
50 | console.log('本地存储用了',JSON.stringify(localStorage).length/1024,'K');
--------------------------------------------------------------------------------
/client/filter/date.filter.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"date.filter.js","sourceRoot":"","sources":["date.filter.ts"],"names":[],"mappings":";AACA,OAAO;AACP,mBAAwB,GAAG;IACvB,GAAG,CAAC,MAAM,CAAC,WAAW,EAAC,UAAS,QAAQ;QACpC,IAAI,KAAK,GAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAE,MAAM;QACrC,IAAI,KAAK,GAAC,IAAI,IAAI,EAAE,CAAC,CAAI,MAAM;QAE/B,IAAI,KAAK,GAAC,KAAK,CAAC,OAAO,EAAE,GAAC,KAAK,CAAC,OAAO,EAAE,CAAA,CAAE,SAAS;QAGpD,SAAS;QACT,IAAI,IAAI,GAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAC,CAAC,EAAE,GAAC,IAAI,GAAC,IAAI,CAAC,CAAC,CAAA;QAEzC,QAAQ;QACR,IAAI,MAAM,GAAC,KAAK,GAAC,CAAC,EAAE,GAAC,IAAI,GAAC,IAAI,CAAC,CAAA,CAAI,aAAa;QAChD,IAAI,KAAK,GAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAC,CAAC,IAAI,GAAC,IAAI,CAAC,CAAC,CAAA;QAExC,SAAS;QACT,IAAI,MAAM,GAAC,MAAM,GAAC,CAAC,IAAI,GAAC,IAAI,CAAC,CAAA,CAAQ,cAAc;QACnD,IAAI,OAAO,GAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAC,CAAC,EAAE,GAAC,IAAI,CAAC,CAAC,CAAA;QAExC,QAAQ;QACR,IAAI,MAAM,GAAC,MAAM,GAAC,CAAC,EAAE,GAAC,IAAI,CAAC,CAAA,CAAM,cAAc;QAC/C,IAAI,OAAO,GAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAC,IAAI,CAAC,CAAA;QAEnC,EAAE,CAAA,CAAC,IAAI,GAAC,CAAC,CAAC,CAAA,CAAC;YACP,MAAM,CAAC,IAAI,GAAC,GAAG,CAAA;QACnB,CAAC;QAAA,IAAI,CAAC,EAAE,CAAA,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA,CAAC;YAChB,MAAM,CAAC,KAAK,GAAC,IAAI,CAAA;QACrB,CAAC;QAAA,IAAI,CAAC,EAAE,CAAA,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA,CAAC;YAClB,MAAM,CAAC,OAAO,GAAC,IAAI,CAAA;QACvB,CAAC;QAAA,IAAI,CAAC,EAAE,CAAA,CAAC,OAAO,GAAG,CAAE,CAAC,CAAA,CAAC;YACnB,MAAM,CAAC,OAAO,GAAC,GAAG,CAAA;QACtB,CAAC;QAAA,IAAI,CAAA,CAAC;YACF,MAAM,CAAC,IAAI,CAAA;QACf,CAAC;IACL,CAAC,CAAC,CAAC;AACP,CAAC;AAnCD;8BAmCC,CAAA"}
--------------------------------------------------------------------------------
/__build__/layout.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
29 |
30 |
31 | <%-server_html%>
32 |
33 |
34 |
35 |
38 |
39 |
45 |
46 |
47 |
48 |
49 |
--------------------------------------------------------------------------------
/server/routes/cookbookDetail.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | var vueServer = require("vue-server");
3 | var fs = require('fs');
4 | var request = require('request'); //第3方http请求的插件
5 | var queryString = require('querystring'); //转换get参数的插件
6 | var env_1 = require('../../env');
7 | var Vue = new vueServer.renderer();
8 | function index(req, res) {
9 | var cookbook_id = req.params.id;
10 | var vm, b, options;
11 | options = {
12 | method: 'GET',
13 | url: 'http://apis.baidu.com/tngou/cook/show?' + queryString.stringify({
14 | id: cookbook_id
15 | }),
16 | headers: {
17 | //百度API的开放接口凭证
18 | 'apikey': 'a369f43a6392605426433831e10765ec'
19 | }
20 | };
21 | request(options, function (err, resp, body) {
22 | //这个接口 没有返回这个ID的title
23 | if (!err && resp.statusCode == 200) {
24 | b = JSON.parse(body);
25 | console.log(b.img);
26 | vm = new Vue({
27 | replace: false,
28 | template: fs.readFileSync(env_1.config.PATH_COOKBOOK + '/states/cookbook/template.html', 'utf-8'),
29 | data: {
30 | cookbookDetail: b
31 | }
32 | });
33 | }
34 | vm.$on('vueServer.htmlReady', function (html) {
35 | res.render('layout', {
36 | server_html: html,
37 | server_data: "\n window.cm_cookbookDetail = " + JSON.stringify(b)
38 | });
39 | });
40 | });
41 | }
42 | exports.index = index;
43 | ;
44 | //# sourceMappingURL=cookbookDetail.js.map
--------------------------------------------------------------------------------
/server/views/dev/layout.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
28 |
29 |
30 | <%-server_html%>
31 |
32 |
33 |
34 |
37 |
38 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/server/routes/cookbookDetail.ts:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | import express = require("express")
3 | import vueServer = require("vue-server")
4 | import fs = require('fs')
5 | import request = require('request'); //第3方http请求的插件
6 | import queryString = require('querystring'); //转换get参数的插件
7 | import {config} from '../../env'
8 |
9 | var Vue = new vueServer.renderer();
10 |
11 | export function index(req: express.Request, res: express.Response) {
12 |
13 | let cookbook_id:number = req.params.id;
14 |
15 | let vm:vueServer,
16 | b:Object,
17 | options:Object;
18 |
19 | options = {
20 | method: 'GET',
21 | url: 'http://apis.baidu.com/tngou/cook/show?'+queryString.stringify({
22 | id : cookbook_id,
23 | }),
24 | headers: {
25 | //百度API的开放接口凭证
26 | 'apikey': 'a369f43a6392605426433831e10765ec'
27 | }
28 | };
29 | request(options,function(err,resp,body){
30 | //这个接口 没有返回这个ID的title
31 | if (!err && resp.statusCode == 200) {
32 | b = JSON.parse(body);
33 | console.log(b.img);
34 | vm = new Vue({
35 | replace : false,
36 | template : fs.readFileSync(config.PATH_COOKBOOK+'/states/cookbook/template.html','utf-8'),
37 | data : {
38 | cookbookDetail : b
39 | }
40 | });
41 | }
42 | vm.$on('vueServer.htmlReady', function(html:string) {
43 | res.render('layout',{
44 | server_html:html,
45 | server_data:`
46 | window.cm_cookbookDetail = ${JSON.stringify(b)}`
47 | })
48 | });
49 |
50 | });
51 |
52 |
53 |
54 | };
--------------------------------------------------------------------------------
/server/routes/index.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | var vueServer = require("vue-server");
3 | var Vue = new vueServer.renderer();
4 | function index(req, res) {
5 | res.writeHead(301, {
6 | 'Location': '/cookbook/1'
7 | });
8 | res.end();
9 | //let vm:vueServer,
10 | // b:Object,
11 | // options:Object;
12 | //
13 | //options = {
14 | // method: 'GET',
15 | // url: 'http://apis.baidu.com/tngou/cook/classify?'+queryString.stringify({
16 | // id : 0,
17 | // }),
18 | // headers: {
19 | // //百度API的开放接口凭证
20 | // 'apikey': 'a369f43a6392605426433831e10765ec'
21 | // }
22 | //};
23 | //request(options,function(err,resp,body){
24 | //
25 | // if (!err && resp.statusCode == 200) {
26 | // b = JSON.parse(body);
27 | // vm = new Vue({
28 | // replace : false,
29 | // template : fs.readFileSync(config.PATH_COOKBOOK+'/states/cookbook-class/template.html','utf-8'),
30 | // data : {
31 | // title : '菜谱首页',
32 | // cookbookClasses: b.tngou,
33 | // }
34 | // });
35 | // }
36 | // vm.$on('vueServer.htmlReady', function(html:string) {
37 | // res.render('layout',{
38 | // server_html:html,
39 | // server_data:`
40 | // window.cm_cookbookClasses = {
41 | // title : '菜谱首页',
42 | // cookbookClasses: ${JSON.stringify(b.tngou)}
43 | // }`
44 | // })
45 | // });
46 | //
47 | //});
48 | }
49 | exports.index = index;
50 | ;
51 | //# sourceMappingURL=index.js.map
--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | var express = require("express");
3 | var bodyParser = require("body-parser");
4 | var errorHandler = require("errorhandler");
5 | var methodOverride = require("method-override");
6 | var cookieParser = require('cookie-parser');
7 | var env_1 = require('./env');
8 | var index = require("./server/routes/index");
9 | var cookbook = require("./server/routes/cookbook");
10 | var cookbookDetail = require('./server/routes/cookbookDetail');
11 | var app = express();
12 | // Configuration
13 | var env = env_1.config.NODE_ENV || 'development';
14 | if (env === 'development') {
15 | var webpack = require('webpack');
16 | var webpackDevMiddleware = require('webpack-dev-middleware');
17 | var WebpackConfig = require('./webpack.dev.config');
18 | app.use(errorHandler());
19 | app.use(webpackDevMiddleware(webpack(WebpackConfig), {
20 | publicPath: '/__build__/',
21 | stats: {
22 | colors: true
23 | }
24 | }));
25 | app.set('views', __dirname + '/server/views/dev');
26 | }
27 | else {
28 | app.set('views', env_1.config.PATH_BUILD);
29 | }
30 | app.set('view engine', 'html');
31 | app.engine('.html', require('ejs').__express);
32 | app.use(bodyParser.urlencoded({ extended: true }));
33 | app.use(bodyParser.json());
34 | app.use(methodOverride());
35 | app.use(cookieParser());
36 | app.use(express.static(__dirname));
37 | // Routes
38 | app.get('/', index.index);
39 | app.get('/cookbook', index.index);
40 | app.get('/cookbook/:id', cookbook.index);
41 | app.get('/cookbookDetail/:id', cookbookDetail.index);
42 | app.listen(env_1.config.PORT, function () {
43 | console.log("Demo Express server listening on port %d in %s mode", env_1.config.PORT, env_1.config.NODE_ENV);
44 | });
45 | exports.App = app;
46 | //# sourceMappingURL=server.js.map
--------------------------------------------------------------------------------
/server.ts:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | import * as express from "express";
3 | import * as bodyParser from "body-parser";
4 | import errorHandler = require("errorhandler");
5 | import methodOverride = require("method-override");
6 | import * as cookieParser from 'cookie-parser';
7 | import {config} from './env'
8 |
9 |
10 | import * as index from "./server/routes/index";
11 | import * as cookbook from "./server/routes/cookbook";
12 | import * as cookbookDetail from './server/routes/cookbookDetail';
13 |
14 |
15 | var app = express();
16 |
17 | // Configuration
18 | var env = config.NODE_ENV || 'development';
19 | if (env === 'development') {
20 | var webpack = require('webpack');
21 | var webpackDevMiddleware = require('webpack-dev-middleware');
22 | var WebpackConfig = require('./webpack.dev.config');
23 | app.use(errorHandler());
24 | app.use(webpackDevMiddleware(webpack(WebpackConfig), {
25 | publicPath: '/__build__/',
26 | stats: {
27 | colors: true
28 | }
29 | }));
30 | app.set('views',__dirname + '/server/views/dev');
31 | }else{
32 | app.set('views',config.PATH_BUILD);
33 | }
34 |
35 | app.set('view engine', 'html');
36 | app.engine('.html', require('ejs').__express)
37 |
38 | app.use(bodyParser.urlencoded({ extended: true }));
39 | app.use(bodyParser.json());
40 | app.use(methodOverride());
41 | app.use(cookieParser());
42 | app.use(express.static(__dirname));
43 |
44 |
45 | // Routes
46 | app.get('/', index.index);
47 | app.get('/cookbook', index.index);
48 | app.get('/cookbook/:id', cookbook.index);
49 | app.get('/cookbookDetail/:id', cookbookDetail.index);
50 |
51 |
52 | app.listen(config.PORT, function(){
53 | console.log("Demo Express server listening on port %d in %s mode", config.PORT, config.NODE_ENV);
54 | });
55 |
56 | export var App = app;
--------------------------------------------------------------------------------
/server.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"server.js","sourceRoot":"","sources":["server.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,IAAY,OAAO,WAAM,SAAS,CAAC,CAAA;AACnC,IAAY,UAAU,WAAM,aAAa,CAAC,CAAA;AAC1C,IAAO,YAAY,WAAW,cAAc,CAAC,CAAC;AAC9C,IAAO,cAAc,WAAW,iBAAiB,CAAC,CAAC;AACnD,IAAY,YAAY,WAAM,eAAe,CAAC,CAAA;AAC9C,oBAAqB,OAGrB,CAAC,CAH2B;AAG5B,IAAY,KAAK,WAAM,uBAAuB,CAAC,CAAA;AAC/C,IAAY,QAAQ,WAAM,0BAA0B,CAAC,CAAA;AACrD,IAAY,cAAc,WAAM,gCAAgC,CAAC,CAAA;AAGjE,IAAI,GAAG,GAAG,OAAO,EAAE,CAAC;AAEpB,gBAAgB;AAChB,IAAI,GAAG,GAAG,YAAM,CAAC,QAAQ,IAAI,aAAa,CAAC;AAC3C,EAAE,CAAC,CAAC,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC;IACxB,IAAI,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACjC,IAAI,oBAAoB,GAAG,OAAO,CAAC,wBAAwB,CAAC,CAAC;IAC7D,IAAI,aAAa,GAAG,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACpD,GAAG,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC;IACxB,GAAG,CAAC,GAAG,CAAC,oBAAoB,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;QACjD,UAAU,EAAE,aAAa;QACzB,KAAK,EAAE;YACH,MAAM,EAAE,IAAI;SACf;KACJ,CAAC,CAAC,CAAC;IACJ,GAAG,CAAC,GAAG,CAAC,OAAO,EAAC,SAAS,GAAG,mBAAmB,CAAC,CAAC;AACrD,CAAC;AAAA,IAAI,CAAA,CAAC;IACF,GAAG,CAAC,GAAG,CAAC,OAAO,EAAC,YAAM,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC;AAED,GAAG,CAAC,GAAG,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAC/B,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAA;AAE7C,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AACnD,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;AAC3B,GAAG,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC,CAAC;AAC1B,GAAG,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC;AACxB,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;AAGnC,SAAS;AACT,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;AAC1B,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;AAClC,GAAG,CAAC,GAAG,CAAC,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;AACzC,GAAG,CAAC,GAAG,CAAC,qBAAqB,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;AAGrD,GAAG,CAAC,MAAM,CAAC,YAAM,CAAC,IAAI,EAAE;IACpB,OAAO,CAAC,GAAG,CAAC,qDAAqD,EAAE,YAAM,CAAC,IAAI,EAAE,YAAM,CAAC,QAAQ,CAAC,CAAC;AACrG,CAAC,CAAC,CAAC;AAEQ,WAAG,GAAG,GAAG,CAAC"}
--------------------------------------------------------------------------------
/server/routes/index.ts:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | import express = require("express")
3 | import vueServer = require("vue-server")
4 | import fs = require('fs')
5 | import request = require('request'); //第3方http请求的插件
6 | import queryString = require('querystring'); //转换get参数的插件
7 | import {config} from '../../env'
8 |
9 | var Vue = new vueServer.renderer();
10 |
11 | export function index(req: express.Request, res: express.Response) {
12 |
13 | res.writeHead(301,{
14 | 'Location':'/cookbook/1'
15 | });
16 | res.end();
17 |
18 | //let vm:vueServer,
19 | // b:Object,
20 | // options:Object;
21 | //
22 | //options = {
23 | // method: 'GET',
24 | // url: 'http://apis.baidu.com/tngou/cook/classify?'+queryString.stringify({
25 | // id : 0,
26 | // }),
27 | // headers: {
28 | // //百度API的开放接口凭证
29 | // 'apikey': 'a369f43a6392605426433831e10765ec'
30 | // }
31 | //};
32 | //request(options,function(err,resp,body){
33 | //
34 | // if (!err && resp.statusCode == 200) {
35 | // b = JSON.parse(body);
36 | // vm = new Vue({
37 | // replace : false,
38 | // template : fs.readFileSync(config.PATH_COOKBOOK+'/states/cookbook-class/template.html','utf-8'),
39 | // data : {
40 | // title : '菜谱首页',
41 | // cookbookClasses: b.tngou,
42 | // }
43 | // });
44 | // }
45 | // vm.$on('vueServer.htmlReady', function(html:string) {
46 | // res.render('layout',{
47 | // server_html:html,
48 | // server_data:`
49 | // window.cm_cookbookClasses = {
50 | // title : '菜谱首页',
51 | // cookbookClasses: ${JSON.stringify(b.tngou)}
52 | // }`
53 | // })
54 | // });
55 | //
56 | //});
57 |
58 | };
--------------------------------------------------------------------------------
/server/routes/cookbook.ts:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | import express = require("express");
3 | import fs = require('fs');
4 | import {getCookbookClass,getCookbookList} from '../lib/apiService'
5 | import Vue from '../lib/vueServerFactory'
6 | import timeDiff from '../../client/filter/date.filter'
7 | import {config} from '../../env'
8 |
9 | export async function index(req: express.Request, res: express.Response) {
10 |
11 | let cookbook_id:number = req.params.id;
12 |
13 | let vm;
14 |
15 | try {
16 |
17 | let classes = await getCookbookClass();
18 | let list = await getCookbookList(cookbook_id);
19 |
20 |
21 | timeDiff(Vue);
22 | vm = new Vue({
23 | replace : false,
24 | template : fs.readFileSync(config.PATH_COOKBOOK+'/states/cookbook-list/template.html','utf-8'),
25 | data : {
26 | cookbookClasses : classes.tngou,
27 | title : '菜谱列表',
28 | cookbookItems: list.tngou,
29 | id : cookbook_id,
30 | page : 1,
31 | maxItems : list.total,
32 | updateTime : '',
33 | valOptions : [],
34 | }
35 | });
36 | vm.$on('vueServer.htmlReady', function(html:string) {
37 | res.render('layout',{
38 | server_html:html,
39 | server_data:`
40 | window.cm_cookbookItems = {
41 | cookbookClasses : ${JSON.stringify(classes.tngou)},
42 | title : '菜谱列表',
43 | cookbookItems: ${JSON.stringify(list.tngou)},
44 | id : ${cookbook_id},
45 | page : 2,
46 | maxItems : ${list.total},
47 | updateTime : new Date().getTime(),
48 | valOptions : []
49 | }`
50 | })
51 | });
52 |
53 | }catch(err){
54 | res.writeHead(500);
55 | res.end();
56 | }
57 | };
--------------------------------------------------------------------------------
/server/lib/apiService.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3 | return new (P || (P = Promise))(function (resolve, reject) {
4 | function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5 | function rejected(value) { try { step(generator.throw(value)); } catch (e) { reject(e); } }
6 | function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
7 | step((generator = generator.apply(thisArg, _arguments)).next());
8 | });
9 | };
10 | var request = require('request-promise');
11 | var queryString = require('querystring');
12 | //获取菜谱分类
13 | function getCookbookClass() {
14 | return __awaiter(this, void 0, void 0, function* () {
15 | var options = {
16 | method: 'GET',
17 | url: 'http://apis.baidu.com/tngou/cook/classify?' + queryString.stringify({
18 | id: 0
19 | }),
20 | headers: {
21 | //百度API的开放接口凭证
22 | 'apikey': 'a369f43a6392605426433831e10765ec'
23 | },
24 | json: true
25 | };
26 | return request(options).promise();
27 | });
28 | }
29 | exports.getCookbookClass = getCookbookClass;
30 | //获取菜谱分类中的列表
31 | function getCookbookList(cookbook_id) {
32 | return __awaiter(this, void 0, void 0, function* () {
33 | var options = {
34 | method: 'GET',
35 | url: 'http://apis.baidu.com/tngou/cook/list?' + queryString.stringify({
36 | id: cookbook_id,
37 | page: 1,
38 | rows: 20
39 | }),
40 | headers: {
41 | //百度API的开放接口凭证
42 | 'apikey': 'a369f43a6392605426433831e10765ec'
43 | },
44 | json: true
45 | };
46 | return request(options).promise();
47 | });
48 | }
49 | exports.getCookbookList = getCookbookList;
50 | //# sourceMappingURL=apiService.js.map
--------------------------------------------------------------------------------
/client/com.chezhil.cookbook/states/cookbook/route.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | import Vue from 'vue'
3 | import Tpl from './template.html'
4 | import cookbookService from '../../service/cookbook.service'
5 |
6 | let Index = Vue.extend({
7 | //replace : false, //必须注释掉 不然动画失效
8 | template : Tpl,
9 | ready : function(){
10 |
11 | },
12 | data : ()=>{
13 | return {
14 | cookbookDetail : {
15 | img : '',
16 | }
17 | }
18 | },
19 | methods: {
20 | goBack(){
21 | try{
22 | let from = this.$route.router._currentTransition.from
23 | if(typeof from.path != 'undefined'){
24 | this.$router.go(from.path);
25 | }else{
26 | this.$router.go('cookbook/1');
27 | }
28 | }catch(e){
29 | this.$router.go('cookbook/1');
30 | }
31 | }
32 | },
33 | route : {
34 | data : function(transition){
35 | //如果是服务端渲染的,应该设置全局变量,那么客户端就不用异步请求数据了
36 | if(window.cm_cookbookDetail && window.cm_cookbookDetail.id == transition.to.params.id){
37 | this.$data = {
38 | cookbookDetail:window.cm_cookbookDetail
39 | };
40 | transition.next();
41 | }else{
42 | let qa_id = transition.to.params.id;
43 | $.showIndicator()
44 | cookbookService.getCookbookDetail(qa_id).then((response)=>{
45 | if(response.status){
46 | this.$data = {
47 | cookbookDetail : response
48 | };
49 | transition.next();
50 | }else{
51 | transition.abort();
52 | }
53 | }).catch(()=>{
54 | transition.abort();
55 | }).finally(()=>{
56 | $.hideIndicator();
57 | })
58 | }
59 | }
60 | }
61 | })
62 |
63 | export default Index
--------------------------------------------------------------------------------
/client/com.chezhil.cookbook/states/cookbook-list/template.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
8 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/server/routes/cookbook.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3 | return new (P || (P = Promise))(function (resolve, reject) {
4 | function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5 | function rejected(value) { try { step(generator.throw(value)); } catch (e) { reject(e); } }
6 | function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
7 | step((generator = generator.apply(thisArg, _arguments)).next());
8 | });
9 | };
10 | var fs = require('fs');
11 | var apiService_1 = require('../lib/apiService');
12 | var vueServerFactory_1 = require('../lib/vueServerFactory');
13 | var date_filter_1 = require('../../client/filter/date.filter');
14 | var env_1 = require('../../env');
15 | function index(req, res) {
16 | return __awaiter(this, void 0, void 0, function* () {
17 | var cookbook_id = req.params.id;
18 | var vm;
19 | try {
20 | var classes_1 = yield apiService_1.getCookbookClass();
21 | var list_1 = yield apiService_1.getCookbookList(cookbook_id);
22 | date_filter_1["default"](vueServerFactory_1["default"]);
23 | vm = new vueServerFactory_1["default"]({
24 | replace: false,
25 | template: fs.readFileSync(env_1.config.PATH_COOKBOOK + '/states/cookbook-list/template.html', 'utf-8'),
26 | data: {
27 | cookbookClasses: classes_1.tngou,
28 | title: '菜谱列表',
29 | cookbookItems: list_1.tngou,
30 | id: cookbook_id,
31 | page: 1,
32 | maxItems: list_1.total,
33 | updateTime: '',
34 | valOptions: []
35 | }
36 | });
37 | vm.$on('vueServer.htmlReady', function (html) {
38 | res.render('layout', {
39 | server_html: html,
40 | server_data: "\n window.cm_cookbookItems = {\n cookbookClasses : " + JSON.stringify(classes_1.tngou) + ",\n title : '\u83DC\u8C31\u5217\u8868',\n cookbookItems: " + JSON.stringify(list_1.tngou) + ",\n id : " + cookbook_id + ",\n page : 2,\n maxItems : " + list_1.total + ",\n updateTime : new Date().getTime(),\n valOptions : []\n }"
41 | });
42 | });
43 | }
44 | catch (err) {
45 | res.writeHead(500);
46 | res.end();
47 | }
48 | });
49 | }
50 | exports.index = index;
51 | ;
52 | //# sourceMappingURL=cookbook.js.map
--------------------------------------------------------------------------------
/__build__/2.09f6781b.js:
--------------------------------------------------------------------------------
1 | webpackJsonp([2],{13:function(o,t,e){"use strict";function a(o){return o&&o.__esModule?o:{"default":o}}function n(o,t){return r["default"].Promise(function(e,a){$.ajax({type:"GET",url:"http://apis.baidu.com/tngou/cook/list",data:{id:o,page:t},headers:{apikey:"a369f43a6392605426433831e10765ec"},success:function(n){if(n.status){if(1==t)localStorage.setItem("cookbook_list_"+o,JSON.stringify({id:o,updateTime:(new Date).getTime(),page:2,cookbookItems:n.tngou,maxItems:n.total}));else{for(var i=JSON.parse(localStorage.getItem("cookbook_list_"+o)),c=0;c菜谱demo
5 |
16 |
17 |
52 |
53 |
18 |
19 |
20 |
22 |
23 | {{updateTime | time-diff}}前更新过
21 |
24 |
25 |
51 |
26 |
50 |
27 |
45 |
46 |
28 |
44 |
29 |
43 | -
30 |
-
31 | 32 |34 |
33 |
35 |40 |36 |38 |{{item.name}}37 |{{item.food}}39 |
41 |
47 |
48 |
49 | {{cookbookDetail.name}}
\n\n
\n'}});
2 | //# sourceMappingURL=2.09f6781b.js.map
--------------------------------------------------------------------------------
/__build__/app.24b5d33b.js:
--------------------------------------------------------------------------------
1 | webpackJsonp([0],[function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}o(1);var r=o(2),a=n(r),i=o(4),c=n(i),l=o(5),u=n(l),f=o(6),s=n(f);a["default"].use(c["default"]),a["default"].use(u["default"]),(0,s["default"])(a["default"]);var d=new c["default"]({history:!0,saveScrollPosition:!0});d.map({"/cookbook/:id":{component:function(e){o.e(1,function(){var t=o(7)["default"];e(t)})}},"/cookbookDetail/:id":{component:function(e){o.e(2,function(){var t=o(14)["default"];e(t)})}}}),d.redirect({"*":"/cookbook/1"});var g=a["default"].extend({});d.start(g,"#app"),console.log("本地存储用了",JSON.stringify(localStorage).length/1024,"K")},function(e,t){},,,,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},n={};n.install=function(e,t){e.cookie=function(e,t,o){var n,r,a,i;return arguments.length>1&&"[object Object]"!==String(t)?(o=$.extend({},o),null!==t&&void 0!==t||(o.expires=-1),"number"==typeof o.expires&&(n=24*o.expires*60*60*1e3,r=o.expires=new Date,r.setTime(r.getTime()+n)),t=String(t),document.cookie=[encodeURIComponent(e),"=",o.raw?t:encodeURIComponent(t),o.expires?"; expires="+o.expires.toUTCString():"","; path=/",o.domain?"; domain="+o.domain:"",o.secure?"; secure":""].join("")):(o=t||{},i=o.raw?function(e){return e}:decodeURIComponent,(a=new RegExp("(?:^|; )"+encodeURIComponent(e)+"=([^;]*)").exec(document.cookie))?i(a[1]):null)},e.prototype.goBack=function(e){var t=void 0;try{t=e.$router._currentTransition.from.path,t?t.match("member")&&!$.localStorage.getItem("webapp_userInfo")?e.$router.replace("/cookbook/1"):window.history.back():e.$router.replace("/cookbook/1")}catch(o){console.log(o),e.$router.replace("/cookbook/1")}},e.prototype.$device=function(e){return $.device[e]},$.localStorage={getItem:function(e){if("object"===("undefined"==typeof localStorage?"undefined":o(localStorage)))try{return JSON.parse(localStorage.getItem(e))}catch(t){alert("本站无痕浏览模式,请关闭后再试!")}},setItem:function(e,t){if("object"===("undefined"==typeof localStorage?"undefined":o(localStorage)))try{return localStorage.setItem(e,JSON.stringify(t))}catch(n){alert("请关闭[无痕浏览]模式后再试!")}},removeItem:function(e){if("object"===("undefined"==typeof localStorage?"undefined":o(localStorage)))try{return localStorage.removeItem(e)}catch(t){alert("请关闭[无痕浏览]模式后再试!")}},getUseSize:function(){if("object"===("undefined"==typeof localStorage?"undefined":o(localStorage)))try{return JSON.stringify(localStorage).length}catch(e){alert("请关闭[无痕浏览]模式后再试!")}}},$.ajaxSettings.timeout=5e3,$.ajaxSettings.complete=function(e,t){if("abort"==t)$.toast("请求失败");else if("timeout"==t)$.toast("请求超时");else if("error"==t)try{var o=JSON.parse(e.responseText);$.toast(o.message)}catch(n){$.toast("服务器错误")}},Date.prototype.Format=function(e){var t={"M+":this.getMonth()+1,"d+":this.getDate(),"H+":this.getHours(),"m+":this.getMinutes(),"s+":this.getSeconds(),"q+":Math.floor((this.getMonth()+3)/3),S:this.getMilliseconds()};/(y+)/.test(e)&&(e=e.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length)));for(var o in t)new RegExp("("+o+")").test(e)&&(e=e.replace(RegExp.$1,1==RegExp.$1.length?t[o]:("00"+t[o]).substr((""+t[o]).length)));return e}},t["default"]=n},function(e,t){"use strict";function o(e){e.filter("time-diff",function(e){var t=new Date(e),o=new Date,n=o.getTime()-t.getTime(),r=Math.floor(n/864e5),a=n%864e5,i=Math.floor(a/36e5),c=a%36e5,l=Math.floor(c/6e4),u=c%6e4,f=Math.round(u/1e3);return r>0?r+"天":i>0?i+"小时":l>0?l+"分钟":f>0?f+"秒":"刚刚"})}t.__esModule=!0,t["default"]=o}]);
2 | //# sourceMappingURL=app.24b5d33b.js.map
--------------------------------------------------------------------------------
/server/typings/serve-static/serve-static.d.ts:
--------------------------------------------------------------------------------
1 | // Type definitions for serve-static 1.7.1
2 | // Project: https://github.com/expressjs/serve-static
3 | // Definitions by: Uros Smolnik \n
\n \n \n \n \n\n \n \n\n\n
'},function(o,t){},function(o,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e={cookbookClasses:[],id:0,page:1,title:"菜谱列表",cookbookItems:[],maxItems:-1,updateTime:"",valOptions:[]};t["default"]=e},,,function(o,t,e){"use strict";function i(o){return o&&o.__esModule?o:{"default":o}}function s(o,t){return l["default"].Promise(function(e,i){$.ajax({type:"GET",url:"http://apis.baidu.com/tngou/cook/list",data:{id:o,page:t},headers:{apikey:"a369f43a6392605426433831e10765ec"},success:function(s){if(s.status){if(1==t)localStorage.setItem("cookbook_list_"+o,JSON.stringify({id:o,updateTime:(new Date).getTime(),page:2,cookbookItems:s.tngou,maxItems:s.total}));else{for(var n=JSON.parse(localStorage.getItem("cookbook_list_"+o)),a=0;a菜谱demo
\n\n \n
\n\n\n \n \n
\n\n {{updateTime | time-diff}}前更新过
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n - \n
- \n \n\n
\n
\n\n\n\n{{item.name}}\n{{item.food}}\n \n
\n \n
\n \\n \\n \\n \\n \\n\\n \\n
\"\n\n/***/ }\n\n});\n\n\n/** WEBPACK FOOTER **\n ** 2.09f6781b.js\n **/","'use strict';\nimport Q from 'q'\n\nfunction getCookbookList(id,page){\n return Q.Promise((success,error)=>{\n $.ajax({\n type : 'GET',\n url : 'http://apis.baidu.com/tngou/cook/list',\n data : {\n id : id ,\n page : page\n },\n headers : {\n apikey : 'a369f43a6392605426433831e10765ec'\n },\n success : function(response){\n if(response.status){\n //拿第一页的时候保存到本地\n if(page == 1){\n localStorage.setItem('cookbook_list_'+id,JSON.stringify({\n id : id,\n updateTime : new Date().getTime(),\n page : 2,\n cookbookItems : response.tngou,\n maxItems : response.total\n }));\n }else{\n let oldValue = JSON.parse(localStorage.getItem('cookbook_list_'+id));\n for(let i=0;i{{cookbookDetail.name}}
\\n\\n
\\n\\n
\\n \\n \\n \\n \\n \\n\\n \\n
\"\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./client/com.chezhil.cookbook/states/cookbook/template.html\n ** module id = 15\n ** module chunks = 2\n **/"],"sourceRoot":""}
--------------------------------------------------------------------------------
/__build__/app.24b5d33b.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["webpack:///app.24b5d33b.js","webpack:///./client/com.chezhil.cookbook/main.js","webpack:///./client/lib/cm-plugin.js","webpack:///./client/filter/date.filter.js"],"names":["webpackJsonp","module","exports","__webpack_require__","_interopRequireDefault","obj","__esModule","default","_vue","_vue2","_vueRouter","_vueRouter2","_cmPlugin","_cmPlugin2","_date","_date2","use","router","history","saveScrollPosition","map","/cookbook/:id","component","resolve","e","route","/cookbookDetail/:id","redirect","*","App","extend","start","console","log","JSON","stringify","localStorage","length","Object","defineProperty","value","_typeof","Symbol","iterator","constructor","MyPlugin","install","Vue","option","cookie","key","options","days","time","result","decode","arguments","String","$","undefined","expires","Date","setTime","getTime","document","encodeURIComponent","raw","toUTCString","domain","secure","join","s","decodeURIComponent","RegExp","exec","prototype","goBack","_this","path","$router","_currentTransition","from","match","getItem","replace","window","back","$device","device","parse","alert","setItem","removeItem","getUseSize","ajaxSettings","timeout","complete","xhr","status","toast","error","responseText","message","Format","fmt","o","M+","this","getMonth","d+","getDate","H+","getHours","m+","getMinutes","s+","getSeconds","q+","Math","floor","S","getMilliseconds","test","$1","getFullYear","substr","k","default_1","filter","dateTime","date1","date2","date3","leave1","hours","leave2","minutes","leave3","seconds","round"],"mappings":"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","file":"app.24b5d33b.js","sourcesContent":["webpackJsonp([0],[\n/* 0 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\t__webpack_require__(1);\n\t\n\tvar _vue = __webpack_require__(2);\n\t\n\tvar _vue2 = _interopRequireDefault(_vue);\n\t\n\tvar _vueRouter = __webpack_require__(4);\n\t\n\tvar _vueRouter2 = _interopRequireDefault(_vueRouter);\n\t\n\tvar _cmPlugin = __webpack_require__(5);\n\t\n\tvar _cmPlugin2 = _interopRequireDefault(_cmPlugin);\n\t\n\tvar _date = __webpack_require__(6);\n\t\n\tvar _date2 = _interopRequireDefault(_date);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\t//Vue.config.debug = true;\n\t//Vue.config.silent = true;//取消 Vue.js 所有的日志与警告。\n\t_vue2.default.use(_vueRouter2.default);\n\t_vue2.default.use(_cmPlugin2.default);\n\t\n\t(0, _date2.default)(_vue2.default); //定义过滤器\n\t\n\tvar router = new _vueRouter2.default({\n\t history: true, //html5模式 去掉锚点\n\t saveScrollPosition: true //记住页面的滚动位置 html5模式适用\n\t});\n\t\n\t//定义路由\n\trouter.map({\n\t '/cookbook/:id': {\n\t component: function component(resolve) {\n\t //webpack自带功能 实现异步加载路由\n\t __webpack_require__.e/* nsure */(1, function () {\n\t var route = __webpack_require__(7).default;\n\t resolve(route);\n\t });\n\t }\n\t },\n\t '/cookbookDetail/:id': {\n\t component: function component(resolve) {\n\t //webpack自带功能 实现异步加载路由\n\t __webpack_require__.e/* nsure */(2, function () {\n\t var route = __webpack_require__(14).default;\n\t resolve(route);\n\t });\n\t }\n\t }\n\t});\n\trouter.redirect({\n\t '*': '/cookbook/1'\n\t});\n\t\n\tvar App = _vue2.default.extend({});\n\t\n\t//启动APP\n\trouter.start(App, '#app');\n\t\n\tconsole.log('本地存储用了', JSON.stringify(localStorage).length / 1024, 'K');\n\n/***/ },\n/* 1 */\n/***/ function(module, exports) {\n\n\t// removed by extract-text-webpack-plugin\n\n/***/ },\n/* 2 */,\n/* 3 */,\n/* 4 */,\n/* 5 */\n/***/ function(module, exports) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t value: true\n\t});\n\t\n\tvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol ? \"symbol\" : typeof obj; };\n\t\n\tvar MyPlugin = {};\n\tMyPlugin.install = function (Vue, option) {\n\t\n\t // 设置cookie\n\t Vue.cookie = function (key, value, options) {\n\t var days, time, result, decode;\n\t\n\t if (arguments.length > 1 && String(value) !== \"[object Object]\") {\n\t // Enforce object\n\t options = $.extend({}, options);\n\t\n\t if (value === null || value === undefined) options.expires = -1;\n\t\n\t if (typeof options.expires === 'number') {\n\t days = options.expires * 24 * 60 * 60 * 1000;\n\t time = options.expires = new Date();\n\t\n\t time.setTime(time.getTime() + days);\n\t }\n\t\n\t value = String(value);\n\t\n\t return document.cookie = [encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', '; path=/', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : ''].join('');\n\t }\n\t\n\t // Key and possibly options given, get cookie\n\t options = value || {};\n\t\n\t decode = options.raw ? function (s) {\n\t return s;\n\t } : decodeURIComponent;\n\t\n\t return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;\n\t };\n\t\n\t // 返回上一页\n\t Vue.prototype.goBack = function (_this) {\n\t var path = void 0;\n\t try {\n\t path = _this.$router._currentTransition.from.path;\n\t if (path) {\n\t if (path.match('member') && !$.localStorage.getItem('webapp_userInfo')) {\n\t _this.$router.replace('/cookbook/1');\n\t } else {\n\t window.history.back();\n\t }\n\t } else {\n\t _this.$router.replace('/cookbook/1');\n\t }\n\t } catch (e) {\n\t console.log(e);\n\t _this.$router.replace('/cookbook/1');\n\t }\n\t };\n\t\n\t // 判断设备环境\n\t Vue.prototype.$device = function (key) {\n\t return $.device[key];\n\t };\n\t\n\t // 简单封装本地存储\n\t $.localStorage = {\n\t getItem: function getItem(key) {\n\t if ((typeof localStorage === 'undefined' ? 'undefined' : _typeof(localStorage)) === 'object') {\n\t try {\n\t return JSON.parse(localStorage.getItem(key));\n\t } catch (e) {\n\t alert('本站无痕浏览模式,请关闭后再试!');\n\t }\n\t }\n\t },\n\t setItem: function setItem(key, value) {\n\t if ((typeof localStorage === 'undefined' ? 'undefined' : _typeof(localStorage)) === 'object') {\n\t try {\n\t return localStorage.setItem(key, JSON.stringify(value));\n\t } catch (e) {\n\t alert('请关闭[无痕浏览]模式后再试!');\n\t }\n\t }\n\t },\n\t removeItem: function removeItem(key) {\n\t if ((typeof localStorage === 'undefined' ? 'undefined' : _typeof(localStorage)) === 'object') {\n\t try {\n\t return localStorage.removeItem(key);\n\t } catch (e) {\n\t alert('请关闭[无痕浏览]模式后再试!');\n\t }\n\t }\n\t },\n\t getUseSize: function getUseSize() {\n\t if ((typeof localStorage === 'undefined' ? 'undefined' : _typeof(localStorage)) === 'object') {\n\t try {\n\t return JSON.stringify(localStorage).length;\n\t } catch (e) {\n\t alert('请关闭[无痕浏览]模式后再试!');\n\t }\n\t }\n\t }\n\t };\n\t\n\t //全局ajax设置\n\t $.ajaxSettings.timeout = 5000;\n\t\n\t $.ajaxSettings.complete = function (xhr, status) {\n\t //console.log('status=',status)\n\t if (status == 'abort') {\n\t $.toast('请求失败');\n\t } else if (status == 'timeout') {\n\t $.toast('请求超时');\n\t } else if (status == 'error') {\n\t try {\n\t var error = JSON.parse(xhr.responseText);\n\t $.toast(error.message);\n\t } catch (e) {\n\t $.toast('服务器错误');\n\t }\n\t }\n\t };\n\t\n\t Date.prototype.Format = function (fmt) {\n\t //author: meizz\n\t var o = {\n\t \"M+\": this.getMonth() + 1, //月份\n\t \"d+\": this.getDate(), //日\n\t \"H+\": this.getHours(), //小时\n\t \"m+\": this.getMinutes(), //分\n\t \"s+\": this.getSeconds(), //秒\n\t \"q+\": Math.floor((this.getMonth() + 3) / 3), //季度\n\t \"S\": this.getMilliseconds() //毫秒\n\t };\n\t if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + \"\").substr(4 - RegExp.$1.length));\n\t for (var k in o) {\n\t if (new RegExp(\"(\" + k + \")\").test(fmt)) fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : (\"00\" + o[k]).substr((\"\" + o[k]).length));\n\t }return fmt;\n\t };\n\t};\n\texports.default = MyPlugin;\n\n/***/ },\n/* 6 */\n/***/ function(module, exports) {\n\n\t\"use strict\";\n\t//计算时间差\n\t\n\tfunction default_1(Vue) {\n\t Vue.filter('time-diff', function (dateTime) {\n\t var date1 = new Date(dateTime); //开始时间\n\t var date2 = new Date(); //结束时间\n\t var date3 = date2.getTime() - date1.getTime(); //时间差的毫秒数\n\t //计算出相差天数\n\t var days = Math.floor(date3 / (24 * 3600 * 1000));\n\t //计算出小时数\n\t var leave1 = date3 % (24 * 3600 * 1000); //计算天数后剩余的毫秒数\n\t var hours = Math.floor(leave1 / (3600 * 1000));\n\t //计算相差分钟数\n\t var leave2 = leave1 % (3600 * 1000); //计算小时数后剩余的毫秒数\n\t var minutes = Math.floor(leave2 / (60 * 1000));\n\t //计算相差秒数\n\t var leave3 = leave2 % (60 * 1000); //计算分钟数后剩余的毫秒数\n\t var seconds = Math.round(leave3 / 1000);\n\t if (days > 0) {\n\t return days + '天';\n\t } else if (hours > 0) {\n\t return hours + '小时';\n\t } else if (minutes > 0) {\n\t return minutes + '分钟';\n\t } else if (seconds > 0) {\n\t return seconds + '秒';\n\t } else {\n\t return '刚刚';\n\t }\n\t });\n\t}\n\texports.__esModule = true;\n\texports[\"default\"] = default_1;\n\t//# sourceMappingURL=date.filter.js.map\n\n/***/ }\n]);\n\n\n/** WEBPACK FOOTER **\n ** app.24b5d33b.js\n **/","'use strict';\nimport './main.css'\nimport Vue from 'vue'\nimport VueRouter from 'vue-router'\nimport plugin from '../lib/cm-plugin'\nimport timeDiff from '../filter/date.filter'\n\n//Vue.config.debug = true;\n//Vue.config.silent = true;//取消 Vue.js 所有的日志与警告。\nVue.use(VueRouter);\nVue.use(plugin);\n\ntimeDiff(Vue); //定义过滤器\n\nvar router = new VueRouter({\n history: true, //html5模式 去掉锚点\n saveScrollPosition: true //记住页面的滚动位置 html5模式适用\n})\n\n//定义路由\nrouter.map({\n '/cookbook/:id': {\n component: function(resolve){\n //webpack自带功能 实现异步加载路由\n require.ensure([], function() {\n let route = require('./states/cookbook-list/route').default;\n resolve(route);\n })\n }\n },\n '/cookbookDetail/:id': {\n component: function(resolve){\n //webpack自带功能 实现异步加载路由\n require.ensure([], function() {\n let route = require('./states/cookbook/route').default;\n resolve(route);\n })\n }\n }\n})\nrouter.redirect({\n '*': '/cookbook/1'\n})\n\nvar App = Vue.extend({})\n\n//启动APP\nrouter.start(App, '#app');\n\nconsole.log('本地存储用了',JSON.stringify(localStorage).length/1024,'K');\n\n\n/** WEBPACK FOOTER **\n ** ./client/com.chezhil.cookbook/main.js\n **/","'use strict'\n\nvar MyPlugin = {};\nMyPlugin.install = function (Vue, option) {\n \n // 设置cookie\n Vue.cookie = function (key, value, options) {\n var days, time, result, decode;\n\n if (arguments.length > 1 && String(value) !== \"[object Object]\") {\n // Enforce object\n options = $.extend({}, options)\n\n if (value === null || value === undefined) options.expires = -1\n\n if (typeof options.expires === 'number') {\n days = (options.expires * 24 * 60 * 60 * 1000)\n time = options.expires = new Date()\n\n time.setTime(time.getTime() + days)\n }\n\n value = String(value)\n\n return (document.cookie = [\n encodeURIComponent(key), '=',\n options.raw ? value : encodeURIComponent(value),\n options.expires ? '; expires=' + options.expires.toUTCString() : '',\n '; path=/',\n options.domain ? '; domain=' + options.domain : '',\n options.secure ? '; secure' : ''\n ].join(''))\n }\n\n // Key and possibly options given, get cookie\n options = value || {}\n\n decode = options.raw ? function (s) { return s } : decodeURIComponent\n\n return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null\n };\n \n // 返回上一页\n Vue.prototype.goBack = function(_this){\n let path;\n try{\n path = _this.$router._currentTransition.from.path;\n if(path){\n if(path.match('member') && !$.localStorage.getItem('webapp_userInfo')){\n _this.$router.replace('/cookbook/1')\n }else{\n window.history.back();\n }\n }else{\n _this.$router.replace('/cookbook/1')\n }\n }catch (e){\n console.log(e)\n _this.$router.replace('/cookbook/1')\n }\n };\n\n // 判断设备环境\n Vue.prototype.$device = function(key){\n return $.device[key];\n };\n\n // 简单封装本地存储\n $.localStorage = {\n getItem : function(key){\n if (typeof localStorage === 'object') {\n try {\n return JSON.parse(localStorage.getItem(key));\n } catch (e) {\n alert('本站无痕浏览模式,请关闭后再试!');\n }\n }\n },\n setItem : function(key,value){\n if (typeof localStorage === 'object') {\n try {\n return localStorage.setItem(key,JSON.stringify(value));\n } catch (e) {\n alert('请关闭[无痕浏览]模式后再试!');\n }\n }\n },\n removeItem : function(key){\n if (typeof localStorage === 'object') {\n try {\n return localStorage.removeItem(key);\n } catch (e) {\n alert('请关闭[无痕浏览]模式后再试!');\n }\n }\n },\n getUseSize : function(){\n if (typeof localStorage === 'object') {\n try {\n return JSON.stringify(localStorage).length;\n } catch (e) {\n alert('请关闭[无痕浏览]模式后再试!');\n }\n }\n }\n };\n\n //全局ajax设置\n $.ajaxSettings.timeout = 5000;\n \n $.ajaxSettings.complete = function(xhr, status){\n //console.log('status=',status)\n if(status == 'abort'){\n $.toast('请求失败');\n }else if(status == 'timeout'){\n $.toast('请求超时');\n }else if(status == 'error'){\n try {\n let error = JSON.parse(xhr.responseText);\n $.toast(error.message);\n }catch(e){\n $.toast('服务器错误');\n }\n }\n };\n\n Date.prototype.Format = function (fmt) { //author: meizz\n var o = {\n \"M+\": this.getMonth() + 1, //月份\n \"d+\": this.getDate(), //日\n \"H+\": this.getHours(), //小时\n \"m+\": this.getMinutes(), //分\n \"s+\": this.getSeconds(), //秒\n \"q+\": Math.floor((this.getMonth() + 3) / 3), //季度\n \"S\": this.getMilliseconds() //毫秒\n };\n if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + \"\").substr(4 - RegExp.$1.length));\n for (var k in o)\n if (new RegExp(\"(\" + k + \")\").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : ((\"00\" + o[k]).substr((\"\" + o[k]).length)));\n return fmt;\n }\n\n};\nexport default MyPlugin;\n\n\n/** WEBPACK FOOTER **\n ** ./client/lib/cm-plugin.js\n **/","\"use strict\";\n//计算时间差\nfunction default_1(Vue) {\n Vue.filter('time-diff', function (dateTime) {\n var date1 = new Date(dateTime); //开始时间\n var date2 = new Date(); //结束时间\n var date3 = date2.getTime() - date1.getTime(); //时间差的毫秒数\n //计算出相差天数\n var days = Math.floor(date3 / (24 * 3600 * 1000));\n //计算出小时数\n var leave1 = date3 % (24 * 3600 * 1000); //计算天数后剩余的毫秒数\n var hours = Math.floor(leave1 / (3600 * 1000));\n //计算相差分钟数\n var leave2 = leave1 % (3600 * 1000); //计算小时数后剩余的毫秒数\n var minutes = Math.floor(leave2 / (60 * 1000));\n //计算相差秒数\n var leave3 = leave2 % (60 * 1000); //计算分钟数后剩余的毫秒数\n var seconds = Math.round(leave3 / 1000);\n if (days > 0) {\n return days + '天';\n }\n else if (hours > 0) {\n return hours + '小时';\n }\n else if (minutes > 0) {\n return minutes + '分钟';\n }\n else if (seconds > 0) {\n return seconds + '秒';\n }\n else {\n return '刚刚';\n }\n });\n}\nexports.__esModule = true;\nexports[\"default\"] = default_1;\n//# sourceMappingURL=date.filter.js.map\n\n\n/** WEBPACK FOOTER **\n ** ./client/filter/date.filter.js\n **/"],"sourceRoot":""}
--------------------------------------------------------------------------------
/server/typings/mongodb/mongodb.d.ts:
--------------------------------------------------------------------------------
1 | // Type definitions for MongoDB
2 | // Project: https://github.com/mongodb/node-mongodb-native
3 | // Definitions by: Boris Yankov {{cookbookDetail.name}}
\\n\\n
\\n\\n
\\n \\n \\n \\n \\n\\n \\n \\n\\n\\n
\"\n\n/***/ },\n/* 9 */\n/***/ function(module, exports) {\n\n\t// removed by extract-text-webpack-plugin\n\n/***/ },\n/* 10 */\n/***/ function(module, exports) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t value: true\n\t});\n\tvar value = {\n\t cookbookClasses: [],\n\t id: 0,\n\t page: 1,\n\t title: '菜谱列表',\n\t cookbookItems: [],\n\t maxItems: -1,\n\t updateTime: '',\n\t valOptions: []\n\t};\n\t\n\texports.default = value;\n\n/***/ },\n/* 11 */,\n/* 12 */,\n/* 13 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t value: true\n\t});\n\t\n\tvar _q = __webpack_require__(11);\n\t\n\tvar _q2 = _interopRequireDefault(_q);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction getCookbookList(id, page) {\n\t return _q2.default.Promise(function (_success, _error) {\n\t $.ajax({\n\t type: 'GET',\n\t url: 'http://apis.baidu.com/tngou/cook/list',\n\t data: {\n\t id: id,\n\t page: page\n\t },\n\t headers: {\n\t apikey: 'a369f43a6392605426433831e10765ec'\n\t },\n\t success: function success(response) {\n\t if (response.status) {\n\t //拿第一页的时候保存到本地\n\t if (page == 1) {\n\t localStorage.setItem('cookbook_list_' + id, JSON.stringify({\n\t id: id,\n\t updateTime: new Date().getTime(),\n\t page: 2,\n\t cookbookItems: response.tngou,\n\t maxItems: response.total\n\t }));\n\t } else {\n\t var oldValue = JSON.parse(localStorage.getItem('cookbook_list_' + id));\n\t for (var i = 0; i < response.tngou.length; i++) {\n\t oldValue.cookbookItems.push(response.tngou[i]);\n\t }\n\t oldValue.page = ++page;\n\t oldValue.maxItems = response.total;\n\t localStorage.setItem('cookbook_list_' + id, JSON.stringify(oldValue));\n\t }\n\t _success(response);\n\t } else {\n\t _error('请求失败');\n\t }\n\t },\n\t error: function error(xhr) {\n\t _error('请求失败');\n\t }\n\t });\n\t });\n\t}\n\t\n\tfunction getCookbookClass() {\n\t\n\t return _q2.default.Promise(function (_success2, _error2) {\n\t\n\t var classes = $.localStorage.getItem('cookbook_classes');\n\t if (classes) {\n\t _success2(classes);\n\t } else {\n\t $.ajax({\n\t type: 'GET',\n\t url: 'http://apis.baidu.com/tngou/cook/classify',\n\t data: {\n\t id: 0\n\t },\n\t headers: {\n\t apikey: 'a369f43a6392605426433831e10765ec'\n\t },\n\t success: function success(response) {\n\t if (response.status) {\n\t localStorage.setItem('cookbook_classes', JSON.stringify(response.tngou));\n\t _success2(response);\n\t } else {\n\t _error2('请求失败!');\n\t }\n\t },\n\t error: function error(xhr, errorType) {\n\t _error2('请求失败');\n\t }\n\t });\n\t }\n\t });\n\t}\n\t\n\tfunction getCookbookDetail(id) {\n\t return _q2.default.Promise(function (_success3, _error3) {\n\t $.ajax({\n\t type: 'GET',\n\t url: 'http://apis.baidu.com/tngou/cook/show',\n\t data: {\n\t id: id\n\t },\n\t headers: {\n\t apikey: 'a369f43a6392605426433831e10765ec'\n\t },\n\t success: function success(response) {\n\t if (response.status) {\n\t _success3(response);\n\t } else {\n\t _error3('请求失败');\n\t }\n\t },\n\t error: function error(xhr, errorType) {\n\t _error3('请求失败');\n\t }\n\t });\n\t });\n\t}\n\tvar cookbookService = {\n\t getCookbookList: getCookbookList,\n\t getCookbookClass: getCookbookClass,\n\t getCookbookDetail: getCookbookDetail\n\t};\n\t\n\texports.default = cookbookService;\n\n/***/ }\n]);\n\n\n/** WEBPACK FOOTER **\n ** 1.0ce212e3.js\n **/","'use strict';\nimport Vue from 'vue'\nimport Tpl from './template.html'\nimport './style.css'\nimport value from './value'\nimport Q from 'q'\nimport cookbookService from '../../service/cookbook.service'\n\nlet Index = Vue.extend({\n //replace : true, //必须注释掉 不然动画失效\n template : Tpl,\n ready : function(){ //做浏览器判断 和 兼容\n let loading = false;\n //$('#class_tab').attr('data-offset',$('header.bar.bar-nav')[0].offsetHeight-1)\n //绑定无限滚动事件\n $('.infinite-scroll-bottom').on('infinite',()=>{\n if(loading){ return; }\n loading = true;\n\n cookbookService.getCookbookList(this.id,this.page).then((data)=>{\n this.page += 1;\n for(let i=0;i<=data.tngou.length;i++){\n if(data.tngou[i]){\n this.cookbookItems.push(data.tngou[i])\n }\n }\n if(this.maxItems == -1){\n this.maxItems = data.total;\n }\n loading = false;\n }).catch(()=>{\n console.error('出错啦');\n }).finally(()=>{\n if(!this.isShowLoad){\n //解绑无限加载事件\n $.detachInfiniteScroll($('.infinite-scroll'));\n // 删除加载提示符\n $('.infinite-scroll-preloader').remove();\n }\n })\n\n });\n\n //绑定下拉刷新事件\n $('.pull-to-refresh-content').on('refresh',()=>{\n if(loading){ return; }\n loading = true;\n\n this.page = 1;\n cookbookService.getCookbookList(this.id,this.page).then((data)=>{\n this.page += 1;\n this.updateTime = new Date().getTime();\n this.cookbookItems = data.tngou;\n if(this.maxItems > 0){\n this.maxItems = data.total;\n }\n loading = false;\n // 加载完毕需要重置\n $.pullToRefreshDone('.pull-to-refresh-content');\n }).catch(()=>{\n console.error('出错啦');\n //加载完毕需要重置\n $.pullToRefreshDone('.pull-to-refresh-content');\n })\n });\n\n //需要初始化一下,不然监听不到infinite事件\n $.init();\n \n setTimeout(()=>{\n this.scrollTabBtn(this.id);\n },3e2);\n\n },\n data : ()=>{\n return value\n },\n methods: {\n goCookbook(id){\n this.$router.go('/cookbook/'+id);\n this.scrollTabBtn(id);\n },\n goCookbookDetail(id){\n this.$router.go('/cookbookDetail/'+id);\n },\n goBack(){\n this.$router.go('/cookbook/1');\n },\n goRoute(route){\n //$.closePanel();\n $('body').removeClass('with-panel-left-reveal');\n //setTimeout(()=>{\n this.$router.go(route);\n //},5e2)\n },\n openPanel(panel_id){\n $.openPanel('#'+panel_id)\n },\n scrollTabBtn(id){\n let class_id = id;\n let $el = $('.button.class_'+class_id);\n let el = $el[0];\n if($el.length == 0 ){\n return;\n }\n\n let scrollLeft = el.offsetLeft - el.parentNode.offsetLeft;\n let scrollLeft_active = $('#class_tab')?$('#class_tab')[0].scrollLeft:0;\n\n\n if($.device.android && $.device.isWeixin){\n $('#class_tab').scrollLeft(scrollLeft-50);\n }else{\n if(scrollLeft_active - scrollLeft < 0){\n for(let i=0;i<50;i++){\n (function(){\n setTimeout(()=>{\n $('#class_tab').scrollLeft(Math.abs(scrollLeft_active+(scrollLeft-scrollLeft_active)/50*i)-i);\n },5*i)\n })()\n }\n }else{\n for(let i=0;i<50;i++){\n (function(){\n setTimeout(()=>{\n $('#class_tab').scrollLeft(scrollLeft-(scrollLeft_active-scrollLeft)/50*i-i);\n },5*i)\n })()\n }\n }\n }\n\n }\n },\n computed : {\n isShowLoad : function(){\n return (!this.maxItems || !this.cookbookItems || this.maxItems > this.cookbookItems.length);\n }\n },\n route : {\n data : function(transition){\n this.title = '菜谱列表';\n\n if(typeof localStorage.getItem('cookbook_classes') == 'string'){\n this.cookbookClasses = JSON.parse(localStorage.getItem('cookbook_classes'));\n }\n //如果是服务端渲染的,应该设置全局变量,那么客户端就不用异步请求数据了\n if(window.cm_cookbookItems && window.cm_cookbookItems.id == transition.to.params.id){\n console.log('应该只进入一次');\n this.$data = window.cm_cookbookItems;\n $.localStorage.setItem('cookbook_list_'+transition.to.params.id,{\n id : transition.to.params.id,\n updateTime : new Date().getTime(),\n page : 2,\n cookbookItems : window.cm_cookbookItems.cookbookItems,\n maxItems : window.cm_cookbookItems.maxItems\n });\n window.cm_cookbookItems = null;\n }\n let cookbook = $.localStorage.getItem('cookbook_list_'+transition.to.params.id);\n //缓存里面还有数据\n if(this.id == transition.to.params.id){\n setTimeout(()=>{\n $('.content').scrollTop(this.scrollTop);\n });\n }\n else if(cookbook && cookbook.cookbookItems.length >= 10){\n //本地如果有数据的话拿本地数据\n this.id = cookbook.id;\n this.page = cookbook.page;\n this.cookbookItems = cookbook.cookbookItems;\n this.maxItems = cookbook.maxItems;\n this.updateTime = cookbook.updateTime;\n\n }\n else{\n $.showIndicator()\n //没有本地数据再去请求数据\n let qa_id = transition.to.params.id;\n\n let promise = [\n cookbookService.getCookbookList(qa_id,1)\n ];\n if(typeof localStorage.getItem('cookbook_classes') != 'string'){\n promise.push(cookbookService.getCookbookClass());\n }\n\n Q.all(promise).then((data)=>{\n let data0 = data[0];\n if(data0.status){\n this.id = qa_id;\n this.page = 2;\n this.cookbookItems = data0.tngou;\n this.maxItems = data0.total;\n }else{\n transition.abort();\n }\n if(data.length > 1){\n this.cookbookClasses = data[1].tngou;\n }\n }).catch((e)=>{\n $.toast(\"操作失败\");\n }).finally(()=>{\n $.hideIndicator()\n })\n \n transition.next();\n }\n },\n canReuse: true, //可以被重用,跳转到其他cookbook/? 页面时触发. 设置为True跳转失败会无限跳转\n activate : function(transition){\n if(window.cm_cookbookItems){\n this.cookbookClasses = window.cm_cookbookItems.cookbookClasses;\n }\n if(!this.cookbookClasses.length > 0){\n cookbookService.getCookbookClass().then((data)=>{\n if(data.length > 0){\n this.cookbookClasses = data.tngou;\n }\n })\n }\n transition.next();\n },\n deactivate: function(transition){\n transition.next();\n }\n }\n})\n\nexport default Index\n\n\n/** WEBPACK FOOTER **\n ** ./client/com.chezhil.cookbook/states/cookbook-list/route.js\n **/","module.exports = \"菜谱demo
\\n\\n \\n
\\n\\n\\n \\n \\n
\\n\\n {{updateTime | time-diff}}前更新过
\\n \\n \\n
\\n \\n
\\n \\n
\\n \\n \\n
\\n \\n
\\n - \\n
- \\n \\n\\n
\\n
\\n\\n\\n\\n{{item.name}}\\n{{item.food}}\\n \\n
\\n \\n
\\n \\n \\n \\n \\n\\n \\n \\n\\n\\n
\"\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./client/com.chezhil.cookbook/states/cookbook-list/template.html\n ** module id = 8\n ** module chunks = 1\n **/","'use strict';\nlet value = {\n cookbookClasses : [],\n id : 0,\n page : 1,\n title : '菜谱列表',\n cookbookItems : [],\n maxItems : -1,\n updateTime : '',\n valOptions : [],\n}\n\nexport default value;\n\n\n/** WEBPACK FOOTER **\n ** ./client/com.chezhil.cookbook/states/cookbook-list/value.js\n **/","'use strict';\nimport Q from 'q'\n\nfunction getCookbookList(id,page){\n return Q.Promise((success,error)=>{\n $.ajax({\n type : 'GET',\n url : 'http://apis.baidu.com/tngou/cook/list',\n data : {\n id : id ,\n page : page\n },\n headers : {\n apikey : 'a369f43a6392605426433831e10765ec'\n },\n success : function(response){\n if(response.status){\n //拿第一页的时候保存到本地\n if(page == 1){\n localStorage.setItem('cookbook_list_'+id,JSON.stringify({\n id : id,\n updateTime : new Date().getTime(),\n page : 2,\n cookbookItems : response.tngou,\n maxItems : response.total\n }));\n }else{\n let oldValue = JSON.parse(localStorage.getItem('cookbook_list_'+id));\n for(let i=0;i菜谱demo
\\n\\n \\n
\\n\\n\\n \\n \\n
\\n\\n {{updateTime | time-diff}}前更新过
\\n \\n \\n
\\n \\n
\\n \\n
\\n \\n \\n
\\n \\n
\\n - \\n
- \\n \\n\\n
\\n
\\n\\n\\n\\n{{item.name}}\\n{{item.food}}\\n \\n
\\n \\n
\\n