Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/qxl1231/generator-loopback-vue
app版本管理,(热更新)前后端分离,vue page分页功能,authenticate 权限控制,accesstoken机制,credentials,CI,docker
https://github.com/qxl1231/generator-loopback-vue
accesstoken daocloud docker loopback loopback-vue restful-api slc-loopback version-manager vue vue-resoure
Last synced: 2 months ago
JSON representation
app版本管理,(热更新)前后端分离,vue page分页功能,authenticate 权限控制,accesstoken机制,credentials,CI,docker
- Host: GitHub
- URL: https://github.com/qxl1231/generator-loopback-vue
- Owner: qxl1231
- Created: 2016-01-29T00:56:10.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2021-08-27T08:58:08.000Z (over 3 years ago)
- Last Synced: 2024-10-02T20:16:58.913Z (3 months ago)
- Topics: accesstoken, daocloud, docker, loopback, loopback-vue, restful-api, slc-loopback, version-manager, vue, vue-resoure
- Language: JavaScript
- Homepage:
- Size: 1.48 MB
- Stars: 200
- Watchers: 21
- Forks: 52
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-vue - generator-loopback-vue - loopback-vue?style=social) - 典型前后端分离项目模板 (Demo示例)
- awesome-github-vue - generator-loopback-vue - 典型前后端分离项目模板 (Demo示例)
- awesome - generator-loopback-vue - 典型前后端分离项目模板 (Demo示例)
- awesome-github-vue - generator-loopback-vue - 典型前后端分离项目模板 (Demo示例)
README
# generator-loopback-vue ``热更新,热部署 前后端分离实践``
[![License][license-img]][license-url]
[![NPM Version][npm-img]][npm-url]
[![Node Version][node-image]][node-url]
[![Build Status][travis-img]][travis-url]
[![Downloads][downloads-image]][downloads-url]
[](https://nodei.co/npm/generator-loopback-vue/)
[travis-img]: https://travis-ci.org/qxl1231/generator-loopback-vue.svg?branch=master
[travis-url]: https://travis-ci.org/qxl1231/generator-loopback-vue
[npm-img]: https://img.shields.io/npm/v/generator-loopback-vue.svg
[npm-url]: https://npmjs.org/package/generator-loopback-vue
[david-img]: https://img.shields.io/david/qxl1231/generator-loopback-vue.svg
[david-url]: https://david-dm.org/qxl1231/generator-loopback-vue
[downloads-image]: https://img.shields.io/npm/dm/generator-loopback-vue.svg
[downloads-url]: https://npmjs.org/package/generator-loopback-vue
[license-img]: http://img.shields.io/badge/license-MIT-green.svg
[license-url]: http://opensource.org/licenses/MIT
[node-image]: https://img.shields.io/badge/node.js-v4.0.0-blue.svg
[node-url]: http://nodejs.org/download/
## 首先,为什么需要前后端分离?强烈推荐看下

> http://2014.jsconf.cn/slides/herman-taobaoweb
## 以下是本项目的feature:(loopback中国讨论组-群号:575600225)
- Strongloop是是如何通过一行命令和代码实现restful API接口,包括CRUD等14个接口
- model是如何定义的,以及model-relation 定义,以及ACL接口权限控制等
- CI持续集成的配置,Docker容器,docker部署文件
- **如何登录鉴权,以及接口权限控制**
- vue1.0/2.0 是如何玩?以及vue-resouce的使用,vue-router,webpack,babel等
- loopback自带的authenticate 权限控制,accesstoken机制,credentials
- strong-pm 部署命令,以及slc主要命令
- 如何把项目部署在daocloud中,以及集成daovoice服务
- ***增加了个vue-pagenav 组件的使用 实现分页功能***
## Docker镜像
> 最新版本: latest
> 镜像地址: daocloud.io/qxl1231/lb-vue2
## 在线demo:(使用第三方daocloud平台(免费版),每天手动启动,如遇服务挂了,请见谅^.^)
> http://loopback-vue.daoapp.io/
帐号:test,密码:testpwd
> http://loopback-vue.daoapp.io/explorer
## 部分截图
> 集成了daovoice玩玩哈哈~~~炫酷!客服系统很赞,还有统计图标等,注意这不是广告!!确实不错哦
The project is generated by [LoopBack](http://loopback.io).+[vue.js](http://vuejs.org).
## 如何启动:(国内用cnpm(先运行npm i cnpm -g),国外用npm)
```
1. npm 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
## 其他help===>loopback 常用命令行:
> - 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
## 捐赠
| No | ID | github |
| ------------- |:-------------:| -----:|
| 1 | JLF | https://github.com/cnJLF |
| 2 | 萧大大 | https://github.com/freemember007 |
| 3 | you | |
| 4 | are next | |
> ❤❤❤❤感谢我的兄弟们大力支持❤❤❤❤❤❤:
- No.1 [JLF]:https://github.com/cnJLF
- No.2 [萧大大]:https://github.com/freemember007
 | 