如何在 Laravel 上進行多權限登入管理

因為之前寫 Codeigniter 時習慣把一般用戶與能進後台的用戶在 login 時就把他們分開,所以想說用 laravel

也來實現相同的功能。因為對 laravel 還不熟,所以想遵從 laravel 的規範用最少的修正來完成。

Provider

需求:

  • 該功能基於原有的 users 表不作變動的情況下,讓一位使用者有多個權限,並限制某權限能否登入該系統

    事前準備:

  • 安裝好 Laravel 並且最少建立起能夠執行登入登出的功能

  • 建立一張名為 role 的表,表內最少包含以下欄位

  • id(int)

  • user_id(int)

  • role(int)

node.js如何降版本

自己的node.js升上來之後發現會有一些依存性問題沒辦法解決,想要切回去舊的版本

安裝版本切換工具

sudo npm install -g n

切換特定版本

sudo n 11.15.0

想看有哪寫已安裝版本可以切換時

sudo n

以上

Laravel中使用Vue與VueRoute

現在不管在台灣還是在日本,使用 Laravel 框架的人相當的多,我從事碼農工作四年多以來,Codeigniter用了三年多(剩下一年都在寫Java),雖然我很愛Codeigniter,不是很想放棄使用它。但是為了糊口飯吃,還是得學習一下熱門的框架怎麼用(泣)

因為我現在前端也用蠻多的,而且熱衷寫 Vue.js 所以紀錄一下怎麼在 Laravel 裡用 vue.js

一個簡單的預約行程表 vue-scheduler-lite

SampleGif

還記得之前的案子,需要用到一個能夠直接拖動預約的行程表功能。
而且還需要可以變換時間單位,週期顯示等等。

網路上找的通常都是像 Google calendar那樣子直列式(日期在上時間在左)的居多
但客人需求是時間日期在上,機器或房間在左。

因次有製作了這次的 scheduler 組件。以前是用jQuery寫的。這次當作練習製作了

一個 vue.js 版本的。大家可以上 demo 頁看看實際用法 :)

Online Demo

NPM

Cordova + Vue.js 開發手機App

Cordova或是PhoneGap可以用HTML5來開發手機APP

當然現在也可以用ReactNative來開發。但說起來還是得再額外學習新的語言

對於已經是Web開發者想直接寫手機APP其實可以採用Cordova + Vue.js + OnsenUI

這樣的組合來做,其實做出來還是有80%像原生APP的。

今天介紹一下怎麼弄好環境,首先先用以下指令把 Cordova 與 VueCLI 裝好

如何利用 Vuex 來管理狀態

當一個案子越來越大的時候,狀態(State)的管理就顯得重要了起來

目前自己做的小案子其實只要一個簡單的 store 就能搞定。

但是多少學習一下 Vuex 的用法,所以還是加上了 Vuex 來管理狀態。

今天把 Vuex 官方手冊的內容做了一個小小的範例,範例內提供了

所有官方手冊理解說的用法。

DEMO:TRY DEMO
代碼:https://github.com/linmasahiro/vuex-sample