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

ribbbon-tasks

1、简介 Ribbon是一款基于Laravel 5.1和Vue.js构建的免费开源项目管理系统,具备以下功能特性: 用户创建 客户创建 项目创建 任务创建 分配任务权重 项目分享 API驱动 2、安装 安装流程很简单,项目源码可以从Github获取: git clone https://github.com/canvasowl/ribbbon.git 进入ribbbon目录,运行comp…

快速构建 RESTful API 以及现代化 Web 应用的 Laravel 原型项目 —— Someline

someline starter

1、简介 Someline Starter 是一个以现代设计模式为基础,用于快速构建 Web App 和 RESTful API 的 PHP 框架,基于 Laravel 5、Vue.js、RESTful API、Repository设计、OAuth 2、JWT、单元测试等前端和后端技术,充满潮流感和现代感。 Someline Starter 的诞生原因有二: 快速构建应用或 RESTfu…

[ Laravel 5.3 文档 ] 安全 —— API认证(Passport)

laravel文档

1、简介 Laravel通过传统的登录表单已经让用户认证变得很简单,但是API怎么办?API通常使用token进行认证并且在请求之间不维护session状态。Laravel使用Laravel Passport让API认证变得轻而易举,Passport基于Alex Bilbie维护的League OAuth2 server,可以在数分钟内为Laravel应用提供完整的OAuth2服务器实现…

[ Laravel 5.3 文档 ] JavaScript & CSS —— 起步

laravel文档

1、简介 Laravel并不强制你使用什么JavaScript或者CSS预处理器,不过也确实提供了对很多应用都很有用的Bootstrap和Vue的一些基本使用。默认情况下,Laravel使用NPM来安装这些前端包。 CSS Laravel Elixir提供了干净的、优雅的API用于编译SASS或Less,SASS和Less都是在原生CSS的基础上新增了变量、混合(MixIn)以及其它强大…

基于 Laravel 的 Vue.js 中文学习教程 —— Class 与 Style 绑定

vuejs-logo

数据绑定一个常见的需求就是操作元素的class列表和内联样式,由于它们都是属性,所以我们可以使用v-bind来处理:我们只需要使用表达式来计算最终的字符串。不过,字符串拼接既麻烦又容易出错,因为这个原因,在v-bind用于class和style的时候,Vue.js对此专门进行了增强,除了字符串以外,这些表达式还可以计算为对象或数组。 绑定HTML Class 尽管你可以使用Mustach…

Laravel 5.1 中使用 Vue2.0 组件化开发(配置)

vue-laravel-example

现今前端组件化开发、MVVM 模式,给开发带来了很多的便利,可读性、可维护性更高。然而自 Laravel 5.3 开始,VueJS 成为框架默认的标配。 本文基于 Laravel 5.1 LTS 版本引入 Vue 2.0 进行配置。 我已在 Github 配置好,Clone 下来后按照 README 安装依赖后即可用:https://github.com/jcc/vue-laravel-…

基于 Laravel 的 Vue.js 中文学习教程 —— 计算属性

vuejs-logo

在模板中绑定表达式非常方便,但这仅限于一些简单的操作,因为模板的主要作用是用于描述视图的结构,将过多逻辑放到模板中会让其变得臃肿且不易维护,这就是为什么Vue.js限制一次只能绑定一个表达式,对于那些需要多个表达式的逻辑,需要使用计算属性。 基本示例 HTML代码: <div id=”example”> a=@{{ a }}, b=@{{ b }} </div> …

基于 Laravel 的 Vue.js 中文学习教程 —— 数据绑定语法

vuejs-logo

Vue.js的模板基于DOM实现,这意味着所有的Vue.js模板都是有效的、可解析的HTML,并通过一些特殊属性做了增强。请记住这点,因为正是这个原因,使得Vue模板从本质上区分于基于字符串的模板。 1、插值 文本 最基本的数据绑定形式莫过于使用“Mustache”语法(mustache是一种模板语法,关于mustache参考:http://mustache.github.io/)插入文…

基于 Laravel 的 Vue.js 中文学习教程 —— Vue实例

MVVM模式

1、构造器 每一个Vue.js应用都是通过使用Vue构造器方法创建一个Vue根实例启动: var vm = new Vue({ // options }) Vue实例实质上就是MVVM模式(Model-View-ViewModel,关于MVC、MVP和MVVM之间的区别可参考阮一峰这篇博客:http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvv…

12