使用 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了解更多。

学院君

学院君 has written 548 articles

资深PHP工程师,Laravel学院院长