那些年趟過的坑:node.js,vue.js,loopback--restful API接口最佳實踐

新增了個vue 分頁功能

舉個上圖的例子,樓上這個位兄弟想要實現的這個CRUD,你們是否是很熟悉?若是用express實現確定要寫不少代碼,可是若是你會loopback的話,我很負責任的告訴你,你只須要寫很是少的代碼就能夠實現~具體請參考我如下源碼~

如今國內玩node的羣體愈來愈多,固然了知道express的不少,使用koa的也不少,可是知道loopback(劃重點!在國外這個框架是一個很是具備生產力的東東~~~)的人卻少之又少.鑑於目前這種狀況,我把我本身作的項目,源碼共享給你們,用來幫助你們學習.

我做爲一個老碼農,後端主業,也略有涉及前端,玩過angular和react,可是最後我我的喜歡上了Vue.js ,同時認爲vue 大法好,哈哈..嗯,後端呢?固然是大loopback啦..別的不吹,相對express那絕對是提高起碼2倍有的.固然了官方的文檔也是至關的給力...好處多,坑也多

github地址: https://github.com/qxl1231/generator-loopback-vue

同時也有publish到npm,也順便玩了一把yeoman,可是yeoman 不知道爲何總是抽風...順便我還把CI持續集成也玩了一把,還有docker容器...這些你都能在項目裏看到~

哈哈,自吹自擂有點過了,歡迎你們幫我點個Star 啊~~有問題歡迎提issue!

generator-loopback-vue :

經過本源碼你能夠學習到:

• Strongloop是是如何經過一行命令和代碼實現restful API接口,包括CRUD等14個接口

• model是如何定義的,以及model-relation 定義,以及ACL接口權限控制等

• CI持續集成的配置,Docker容器,docker部署文件

• 如何migrate數據庫

• vue1.0 是如何玩?以及vue-resouce的使用,vue-router,webpack,babel等

• loopback自帶的authenticate 權限控制,accesstoken機制,credentials

• strong-pm 部署命令,以及slc主要命令

• 如何把項目部署在daocloud中,以及集成daovoice服務

當前build,CI狀態:

Docker鏡像 項目: loopback-vue

最新版本: latest
鏡像地址: daocloud.io/qxl1231/lb-vue2

在線demo:

http://loopback-vue.daoapp.io/

集成了daovoice玩玩哈哈~~~炫酷!

The project is generated by LoopBack.+vue.js.

啓動:(國內用cnpm,國外用npm)

1. cnpm i   
   2. 修改datasources.json 中的數據庫配置好比:localhost:27017
   3. node server/bin/create-admin.js 添加管理員賬號,密碼
   3.npm run build:js & node .(cold reload) --hot reload npm run watch:js

遇到問題1:loopback+vue 不能運行

答:1.npm install 2.npm run build:js 3.node .

問題2:熱部署

To use hot reload, please try this command:npm run watch:js & node .

啓動:$npm run watch:js & node .

問題3:If you have error, try this:

npm install

vueify-insert-css vue-hot-reload-api
babel-core babel-preset-es2015
babel-plugin-transform-runtime babel-runtime@5
--save-dev

Hot reloading detail:

https://github.com/vuejs/vueify

loopback cmd:

• slc loopback 初始化項目

• slc loopback:datasource

• slc loopback:model

• slc loopback:relation

• slc loopback boot-script

others:deploy and status

• slc deploy http://usr:pwd@localhost :port

• slpmctl -C http://usr:pwd@localhost :8701 ls

• slpmctl -C http://usr:pwd@domain :8701 status

• pm2 start -n weather app.js

• pm2 start -n app_update_server server.js

LICENSE

MIT