一款基于 Laravel 5.1 和 Vue.js 的项目管理系统 —— Ribbbon

   2016-11-23 0
核心提示:1、简介Ribbon是一款基于Laravel 5.1 和Vue.js构建的免费开源项目管理系统,具备以下功能特性:用户创建 客户创建 项目创建 任务创建 分配任务权重 项目分享 API驱动 2、安装 安装流程很简单,项目源码可以从Github获取:git clone https://github.com/canvas

1、简介

Ribbon是一款基于Laravel 5.1 和Vue.js构建的免费开源项目管理系统,具备以下功能特性:

  • 用户创建
  • 客户创建
  • 项目创建
  • 任务创建
  • 分配任务权重
  • 项目分享
  • API驱动

2、安装

安装流程很简单,项目源码可以从Github获取:

git clone https://github.com/canvasowl/ribbbon.git

进入 ribbbon 目录,运行 composer install 安装项目依赖扩展包。安装完成后,修改 .env 中的数据库配置,之后运行以下Artisan命令创建数据表并填充:

php artisan migrate
php artisan db:seed

一款基于 Laravel 5.1 和 Vue.js 的项目管理系统 —— Ribbbon

可以看到我们在最后获取到了登录账号信息。接下来我们使用这个账号信息进行登录:

一款基于 Laravel 5.1 和 Vue.js 的项目管理系统 —— Ribbbon

登录成功后,就可以进入后台页面:

一款基于 Laravel 5.1 和 Vue.js 的项目管理系统 —— Ribbbon

3、使用

我们可以新建一个Client,并且在Client下新建项目:

一款基于 Laravel 5.1 和 Vue.js 的项目管理系统 —— Ribbbon

然后我们可以在某个项目下创建任务:

一款基于 Laravel 5.1 和 Vue.js 的项目管理系统 —— Ribbbon

任务可以设置优先级、进度、描述等信息。

就是这样,很纯净、很简单的一个项目管理系统。

 
标签: Vue.js Laravel
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • vue.js 学习笔记3——TypeScript
    目录vue.js 学习笔记3——TypeScript工具基础类型数组元组枚举字面量接口类类型类类型要素函数函数参数this对象和类型重载迭代器 Symbol.iterator声明、解构、展开、类型断言泛型泛型约束交叉类型、联合类型索引类型映射类型类型兼容类型保护、推断模块和命名
    02-09
  • nodejs表单验证 vue.js表单验证
    //创建express连接var exp = require('xepress'),  http = require('http');//初始化exprerss模块  var app = exp();//配置端口号app.set('post',8080);//设置静态路径app.use(exp.static(__dirname +"储存前台数据的文件夹路径及名字"));//设置图标app.
    02-09
  • swoole-vue-webim:基于 Vue 和 Swoole 构建的 Web 聊天应用
    swoole-vue-webim:基于 Vue 和 Swoole 构建的
    swoole-vue-webim 这是一个 Web 版的聊天应用,前端基于 Vue 来构建,用 Vuex 来进行状态管理, webpack 构建;服务端通过 Swoole 来实现。基本功能有单聊、群聊、用户状态、消息状态以及通知信息。 如何部署?1.前期准备 需要安装 npm 和 Swoole ,其中还要
    12-01 SwooleVue.js
  • [入门] Laravel 5.3 与 Vue 组件如何协作,轻松的完成前端的工作
    [入门] Laravel 5.3 与 Vue 组件如何协作,轻松
    2016.11.06,中国海南?海口 见过很多同学对写 JavaScript 代码都很头疼,因为后台代码的编写一般由框架规范了很多东西,大多数人其实都能快高效率的进入开发,而前端项目的代码就会粘贴复制居多,而且可复用性也很差。 Laravel 本身对前端开发就提供了很多支
  • 如何在 PhpStorm 打造 Vue.js 開發環境?
    如何在 PhpStorm 打造 Vue.js 開發環境?
    我是一個很依賴語法提示才能寫程式的人,一來我記憶力很差,我記不了很多API,二來我很容易 typo,所以只能依賴語法提示用選的,所以寫 Vue.js 的第一件事情,就是在 PhpStorm 先把開發環境弄好。VersionVue.js 1.0.24PhpStorm 2016.1.2Plugin : vue-for-idea
  • 基于 Laravel 的 Vue.js 中文学习教程 —— 条
    v-if在字符串模板中,例如Handlebars,我们会这样编写一个条件区块:!-- Handlebars template --{{#if ok}}h1Yes/h1{{/if}}在Vue.js 中,我们通过v-if指令来实现这一目的:h1 v-if=okYes/h1还可以通过v-else添加一个“else”区块:h1 v-if=okYes/h1h1 v-elseN
点击排行