美文网首页
2019-06-14 Voyager 的介紹以及使用 (一)

2019-06-14 Voyager 的介紹以及使用 (一)

作者: zivhsiao | 来源:发表于2019-06-14 16:32 被阅读0次

    Voyager 是什麼?

    Voyager 是一個管理界面,可以很輕易的為你的 app 建構 CRUD 功能,建構不同的選單,以及管理多媒體檔案。

    在管理介面的 Database 裏面可以直接用來管理資料庫及資料表,BREAD (Browse, Read, Edit, Add, Delete) 功能則是可以很用非常便利的方式,直接設定資料表欄位可以出現在在瀏覽、編輯、添加、刪除或者全部都看到的,全部都可以設定,尤其他的功能屬性是什麼,可以是文字欄位、選單、圖片、檔案、等,除了這些,還有可選細項 ( Additional Field Options ) 可以處理,這裏蠻方便的。

    Voyager 可以用在哪裏?

    不論是 CMS、Blog 乃至於購物平臺,都可以使用它節省了許多的力氣,正常下只要建立起來,基本 CMS、Blog 就已經好了一大半,只要注意前臺就可以了。

    基本是透過後臺界面,將所有的東西都寫入資料庫,所以它是全部由資料庫建立起來,舉凡 Products、Orders 等等。

    主要是 Laravel 搭配 Voyager 可以做網站就無往不利了。

    BREAD 的可選細項 ( Additional Field Options ) 的說明

    直接看這裏,可以複製套用就可以了

    - 網站說明:https://voyager.readme.io/docs/additional-field-options](https://voyager.readme.io/docs/additional-field-options

    基本的安裝流程

    Laravel 這部分要先安裝

    composer create-project  --prefer-dist laravel/laravel .

    然後直接安裝 Voyager,這裏還沒有安裝完成

    composer require tcg/voyager

    設定資料庫

    因爲我使用 Macbook,所以這裏採用 MAMP Pro 來當作開發環境

    這是 MAMP Pro 的畫面

    底下是要改的地方,確定一定可以連得到就好

    DB_CONNECTION=mysql

    DB_HOST=localhost

    DB_PORT=8889

    DB_DATABASE=blog1

    DB_USERNAME=root

    DB_PASSWORD=hezrid5

    DB_SOCKET=/Applications/MAMP/tmp/mysql/mysql.sock

    然後就安裝 voyager

    如果需要 dummy 的資料,就直接用 --with-dummy

    其實覺得它裏面還有需要學習的,就使用 dummy 就好

    php artisan voyager:install --with-dummy

    等他跑完就可以了

    這裏就可以看到它的畫面,它已經幫你把基本的都架好了

    因爲用 dummy 產生的資料,所以用帳號密碼就可以登入了

    登入之後,記得要從 users 增加一個帳號來處理

    email: admin@admin.com

    password: password

    登入畫面如下圖所示

    開始寫 Blog

    畫面基本是用 Posts 爲主

    預設有 4 則 posts

    看我的 Posts 的操作吧

    https://raw.githubusercontent.com/zivhsiao/repo-picture-1/master/images/laravel_ecommerce/Laravel-Ecommerce-Example.gif

    基本已經完成了後端的程式了,基本連程式都沒有碰到就完成了 Blog 的管理,後面的部分是前臺的畫面,因爲是 Blog,所以只有文章列表、文章內頁,照着步驟試着做看看吧!

    相关文章

      网友评论

          本文标题:2019-06-14 Voyager 的介紹以及使用 (一)

          本文链接:https://www.haomeiwen.com/subject/gwypfctx.html