1

Author: deltafx35c

.babelrc

@@ -3,7 +3,7 @@
     ["env", { "modules": false }],
     "stage-2"
   ],
-  "plugins": ["transform-runtime"],
+  "plugins": ["transform-runtime",["component",[{"libraryName":"mint-ui","style":true}]]],
   "comments": false,
   "env": {
     "test": {

.gitignore

@@ -4,5 +4,4 @@ dist/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-.vscode
-static
+.vscode

api/photos.js

@@ -11,12 +11,6 @@ const gm = require('gm').subClass({imageMagick:true})
 mongoose.Promise = global.Promise;
 Gridfs.mongo = mongoose.mongo
 
-const users = [
-  { name: 'Alexandre' },
-  { name: 'Sébastien' },
-  { name: 'Ludovic' }
-]
-
 let dbFiles = mongoose.createConnection(ENV.MANGOOSE_CONN_STR,'files')
 let dbVueWebpack = mongoose.createConnection(ENV.MANGOOSE_CONN_STR,'vue-webpack')
 let PhotosModel = dbVueWebpack.model('Photos',PhotosSchema)
@@ -41,12 +35,7 @@ router.get('/photos', (req, res, next) => {
 
 /* GET photo by ID. */
 router.get('/photo/:id', (req, res, next) => {
-  var id = parseInt(req.params.id)
-  if (id >= 0 && id < users.length) {
-    res.json(users[id])
-  } else {
-    res.sendStatus(404)
-  }
+  res.json({status:'ok'})
 })
 
 // 解析mutipart formdata的中间件
@@ -67,7 +56,7 @@ router.post('/photos', multipartyMiddleware, (req, res, next) => {
         //     type:"photo"
         //   }
         // })
-        let writeStream = fs.createWriteStream('./static/images/' + file.name)
+        let writeStream = fs.createWriteStream('./upload/images/' + file.name)
         gm(path).resize(500).stream().pipe(writeStream)
         writeStream.on('close',() => {
           // 记录图片业务关联信息
@@ -92,7 +81,7 @@ router.post('/photos', multipartyMiddleware, (req, res, next) => {
       //     type:"photo"
       //   }
       // })
-      let writeStream = fs.createWriteStream('./static/images/' + file.name)
+      let writeStream = fs.createWriteStream('./upload/images/' + file.name)
       gm(path).resize(400).stream().pipe(writeStream)
       writeStream.on('close',() => {
         // 记录图片业务关联信息

apiServer.js

@@ -1,6 +1,7 @@
-const app = require('express')()
+const express = require('express')
+const app = express()
 const host = process.env.HOST || '127.0.0.1'
-const port = process.env.PORT || 3090
+const port = process.env.PORT || 3000
 
 app.set('port', port)
 
@@ -18,5 +19,11 @@ app.set('port', port)
 // 设置api routes
 app.use('/api', require('./api/index'))
 
+// 设置本地上传文件的静态资源服务
+if (process.env.NODE_ENV === "development"){
+    app.use(express.static(__dirname))
+    console.log('server static resource at '+ __dirname)
+}
+
 app.listen(port, host)
 console.log('app listening at http://%s:%s',host,port)

config/index.js

@@ -24,17 +24,21 @@ module.exports = {
   dev: {
     env: require('./dev.env'),
     port: 8080,
-    autoOpenBrowser: true,
+    autoOpenBrowser: false,
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
     proxyTable: {
       '/api': {
-            target: 'http://127.0.0.1:3090/',
+            target: 'http://127.0.0.1:3000/',
             changeOrigin: true,
             pathRewrite: {
                 //'^/api': ''
             }
-        }
+      },
+      '/upload': {
+        target: 'http://127.0.0.1:3000/',
+        changeOrigin: true,
+      }
     },
     // CSS Sourcemaps off by default because relative paths are "buggy"
     // with this option, according to the CSS-Loader README

package-lock.json

@@ -30,6 +30,7 @@
     "autoprefixer": "^6.7.2",
     "babel-core": "^6.22.1",
     "babel-loader": "^6.2.10",
+    "babel-plugin-component": "^0.9.1",
     "babel-plugin-transform-runtime": "^6.22.0",
     "babel-preset-env": "^1.3.2",
     "babel-preset-stage-2": "^6.22.0",

package.json

@@ -5,20 +5,10 @@
 				<router-link to="/photo" :class=" pathName == navUrl[0] ? 'active' : ''">
 		    		<i class="iconfont">&#xe67f;</i><span>照片</span>
 		    	</router-link>
-	    		<!--<a v-on:click="showNav()" :class=" pathName == navUrl[0] ? 'active' : ''">
-	    			<i class="iconfont">&#xe6a8;</i>
-	    			<span>景区</span>
-	    		</a>
-	    		<transition name="slide-fade">
-					<ul v-show="isShow" class="sub-nav">
-						<li><router-link to="/todo">景区服务</router-link></li>
-						<li><router-link to="/todo">虚拟景区</router-link></li>
-					</ul>
-				</transition>-->
 	    	</li>
 	    	<li>
 		    	<router-link to="/todo" :class=" pathName == navUrl[1] ? 'active' : ''">
-		    		<i class="iconfont">&#xe69e;</i><span>资源</span>
+		    		<i class="iconfont">&#xe69e;</i><span>动态</span>
 		    	</router-link>
 	    	</li>
 	    	<li>
@@ -27,13 +17,13 @@
 	    		</router-link>
 	    	</li>
 	    	<li>
-				<router-link to="/todo" :class=" pathName == navUrl[3] ? 'active' : ''">
+				<router-link to="/blog" :class=" pathName == navUrl[3] ? 'active' : ''">
 					<i class="iconfont">&#xe675;</i><span>微博</span>
 				</router-link>
 	    	</li>
 	    	<li>
 	    		<router-link to="/cart" :class=" pathName == navUrl[4] ? 'active' : ''">
-	    			<i class="iconfont">&#xe668;</i><span>下载</span>
+	    			<i class="iconfont">&#xe668;</i><span>资源</span>
 	    		</router-link>
 	    	</li>
 	    </ul>
@@ -46,7 +36,7 @@
                 showEvent: undefined,
 				isShow: false,
 				pathName : 'home',
-				navUrl : ['photo', 'todo', 'home', 'todo', 'cart']
+				navUrl : ['photo', 'todo', 'home', 'blog', 'cart']
 			}
 		},
 		created() {

src/components/Footer.vue

@@ -6,7 +6,6 @@ import router from './router'
 import axios from 'axios'
 import VueTouch from 'vue-touch'
 import MintUI from 'mint-ui'
-import 'mint-ui/lib/style.css'
 
 Vue.config.productionTip = false
 Vue.use(VueTouch,{name: 'v-touch'})

src/main.js

@@ -0,0 +1,23 @@
+<template>
+	<div>
+		<v-header showBackBtn="true" headTitle="微博"></v-header>
+        <v-footer></v-footer>
+	</div>
+</template>
+<script>
+	import vHeader from '../components/Header'
+	import vFooter from '../components/Footer'
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		components: {
+			vHeader,vFooter
+		},
+	}
+</script>
+<style scoped lang="scss">
+
+</style>