那些年趟过的坑:node.js,vue.js,loopback--restful API接口最好实践

《那些年趟过的坑: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状况:

《那些年趟过的坑:node.js,vue.js,loopback--restful API接口最好实践》
《那些年趟过的坑:node.js,vue.js,loopback--restful API接口最好实践》

Docker镜像 项目: loopback-vue

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

在线demo:

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

《那些年趟过的坑:node.js,vue.js,loopback--restful API接口最好实践》

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

《那些年趟过的坑:node.js,vue.js,loopback--restful API接口最好实践》

《那些年趟过的坑:node.js,vue.js,loopback--restful API接口最好实践》

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

LICENSE

MIT

    原文作者:qxl1231
    原文地址: https://segmentfault.com/a/1190000007533951
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞