使用 Laravel 快速构建网站系列 —— Laravel 5 Angular Material Starter

Laravel 5.1 Angular Material Starter

1、简介

这是一个Laravel 5.1和AngularJS的原型项目,我们为你配置好了Laravel和AngularJS,上手即可使用。下面是一些你可以从本项目学到的东西: 点击查看本项目完整特性:http://laravel-ng-material.elasticbeanstalk.com/#/features

2、网站

http://laravel-ng-material.elasticbeanstalk.com/

3、GitHub

https://github.com/jadjoubran/laravel5-angular-material-starter

4、安装

Windows + Vagrant用户在开始前先修复这个问题:issue #61 具体安装步骤如下:
composer create-project jadjoubran/laravel5-angular-material-starter --prefer-dist
cd laravel5-angular-material-starter
#fix database credentials in .env
npm install -g gulp bower
npm install
bower install
gulp && gulp watch
php artisan serve
接下来就可以去浏览器测试了。

5、部署

运行如下命令:
#ssh to your server here
php artisan route:clear
php artisan config:cleargit pull
php artisan migrate
composer install
php artisan route:cache
php artisan config:cache
php artisan optimize
或者在Linux中运行项目根目录下的deploy.sh
注:一旦修改配置/路由,需要再次清除缓存才能生效。

6、主题

通过编辑angular/config/theme.js修改主题:
(function(){
    "use strict";

    angular.module('app.config').config( function($mdThemingProvider) {
        /* For more info, visit https://material.angularjs.org/#/Theming/01_introduction */
        $mdThemingProvider.theme('default')
        .primaryPalette('indigo')
        .accentPalette('grey')
        .warnPalette('red');
    });

})();
访问 https://material.angularjs.org/#/Theming/01_introduction了解更多。

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

下一篇: 使用 Laravel 快速构建网站系列 —— 内容管理系统:Bootstrap CMS