iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

React.js & Laravel 30天訓練 系列

這是一個手頭正在執行的專案,原本的架構主要是ASP.net MVC + AngularJs,因為團隊需求現在要將他轉成 PHP Laravel + React.js,希望可以在這30天當中,將基礎架構及實際的幾個案例分享出來!

參賽天數 30 天 | 共 30 篇文章 | 15 人訂閱 訂閱系列文 RSS系列文 團隊2018 新年快樂
DAY 1

【Day 1】Transfer SQL into MySQL & Initialize Laravel

這是一個舊專案 改寫成 新專案的過程舊專案的架構是 Asp.Net MVC & AngularJs新專案的架構是 Laravel 5.1 & R...

2017-12-19 ‧ 由 gary_lin 分享
DAY 2

【Day 2】Create Laravel Project & Json Web Token

關於Laravel專案的建立,我想安裝方式都是找的到了Laravel Get Started 我就不做複製貼上衝版面了~ 但是列出幾項安裝環境還有重點項目 V...

2017-12-20 ‧ 由 gary_lin 分享
DAY 3

【Day 3】How to Create Reactjs ?

會在主題這樣寫 代表我建立的方式稍微不同 首先 我是已經有整個做完 React js 101 這一個中文教材之後(除了Server Side Render),才...

2017-12-21 ‧ 由 gary_lin 分享
DAY 4

【Day 4】The Detail Structure Of My React.js Project

其實這好像才是昨天的主題,但是我好像太急著要說坑的部分,所以就忘了先仔細介紹我專案的架構 當然,我還沒有完全移除 example的部分,也就是我下載回來改的 R...

2017-12-22 ‧ 由 gary_lin 分享
DAY 5

【Day 5】HomePage LeftDrawer and Header

好 昨天我們把整個專案架構大概地看了一次 今天就來了解一下Header 與 LeftDrawer 在 React Component 裡面是如何變出來的 首先,...

2017-12-23 ‧ 由 gary_lin 分享
DAY 6

【Day 6】The implementation of Sign In & Out

好的 昨天我們初步看完component 相關的架構 今天來真的面對專案裡面的功能 那就是登入與登出的詳細實作 首先 我們是如何決定顯示頁面 這在上一篇有提到...

2017-12-24 ‧ 由 gary_lin 分享
DAY 7

【Day 7】Semantic UI in React.js by NPM

今天是聖誕節 所以沒有什麼時間打文章 不過今天的內容 也是算有點東西 因為SemanticUI 也算是專案裡面需要的一部分 畢竟我們不可能要的東西自己從頭用 大...

2017-12-25 ‧ 由 gary_lin 分享
DAY 8

【Day 8】A Part of implementation of Service in Laravel

今天要在 Laravel 主要做幾件事情 登入後去對 使用者 Table 做已經登入的紀錄 (Insert) 登入後去修改 使用者 目前登入的公司ID (Up...

2017-12-26 ‧ 由 gary_lin 分享
DAY 9

【Day 9】A Part2 of implementation of Service in Laravel

今天還是在 Laravel 裡面 因為今天遇到了個難題 卡住了一陣子 不過這也沒有什麼不好 我以前一直就很希望 不要大家都是教學 而是有人真的出來說他做什麼東西...

2017-12-27 ‧ 由 gary_lin 分享
DAY 10

【Day 10】A Part3 of implementation of Service in Laravel

本來以為今天就可以很漂亮的進入 React 的世界結果又是一個幹因為我們早上時間要處理其他事情下午時間來寫程式的時候就遇到了一個問題 昨天我們是需要第一層的 w...

2017-12-28 ‧ 由 gary_lin 分享