2019年12月31日 星期二

2019年12月26日 星期四

php 重新排列陣列裡的陣列順序

剛好最近寫網站有這個需要,因為 db 設計的關係所以撈出來資料的排序沒辦法照我想要的排列,研究一下找到這個方法就記錄一下。

$students=array(
            array(
                'id'=>1,
                'name'=>'Jason'
            ),
            array(
                'id'=>0,
                'name'=>'Tom'
            ),
            array(
                'id'=>3,
                'name'=>'John'
            )
);

如果想要照 id 排序,就像這樣寫:
function new_order($a, $b)
  {
    return strnatcmp($a['id'], $b['id']);
  }

  usort($students, 'new_order');


參考: PHP: Sorting Arrays of Arrays
Read more

2019年12月25日 星期三

2019年12月23日 星期一

2019年12月20日 星期五

2019年12月19日 星期四

綠界金流串接

最近因為在串綠界的金流,來記錄一下好了。

首先要先去綠界下載 API 文件還有 SDK,我是用 php 寫的所以就下載 php 那包。

接下來要傳資料到後端去處理:


接著在 post 後處理資料再送到綠界就可以了

include('ECPay.Payment.Integration.php');
    try {
        
     $obj = new ECPay_AllInOne();
   
        //服務參數
        $obj->ServiceURL  = "https://payment-stage.ecpay.com.tw/Cashier/AioCheckOut/V5";  //服務位置,記得測試完要還成正式網址
        $obj->HashKey     = '5294y06JbISpM5x9' ;                                          //測試用Hashkey,請自行帶入ECPay提供的HashKey
        $obj->HashIV      = 'v77hoKGq4kWxNNIS' ;                                          //測試用HashIV,請自行帶入ECPay提供的HashIV
        $obj->MerchantID  = '2000132';                                                    //測試用MerchantID,請自行帶入ECPay提供的MerchantID
        $obj->EncryptType = '1';                                                          //CheckMacValue加密類型,請固定填入1,使用SHA256加密


        //基本參數(請依系統規劃自行調整)
        $MerchantTradeNo = "Test".time() ;
        $obj->Send['ReturnURL']         = "接收回傳資料的網址" ;     //付款完成通知回傳的網址
        $obj->Send['MerchantTradeNo']   = $MerchantTradeNo;                           //訂單編號
        $obj->Send['MerchantTradeDate'] = date('Y/m/d H:i:s');                        //交易時間
        $obj->Send['TotalAmount']       = 2000;                                       //交易金額
        $obj->Send['TradeDesc']         = "good to drink" ;                           //交易描述
        $obj->Send['ChoosePayment']     = ECPay_PaymentMethod::ALL ;                  //付款方式:全功能

        //訂單的商品資料
        array_push($obj->Send['Items'], array('Name' => "歐付寶黑芝麻豆漿", 'Price' => (int)"2000",
                   'Currency' => "元", 'Quantity' => (int) "1", 'URL' => "dedwed"));

       

        //產生訂單(auto submit至ECPay)
        $obj->CheckOut();
      

    
    } catch (Exception $e) {
     echo $e->getMessage();
    } 


最後處理回傳的付款資訊即可。
require('ECPay.Payment.Integration.php');

    try {
        // 收到綠界科技的付款結果訊息,並判斷檢查碼是否相符
        $AL = new ECPay_AllInOne();
        $AL->MerchantID = '2000132';
        $AL->HashKey = '5294y06JbISpM5x9';
        $AL->HashIV = 'v77hoKGq4kWxNNIS';
        // $AL->EncryptType = ECPay_EncryptType::ENC_MD5;  // MD5
        $AL->EncryptType = ECPay_EncryptType::ENC_SHA256; // SHA256
        $feedback = $AL->CheckOutFeedback();

        // 以付款結果訊息進行相對應的處理
        /** 
        回傳的綠界科技的付款結果訊息如下:
        Array
        (
            [MerchantID] =>
            [MerchantTradeNo] =>
            [StoreID] =>
            [RtnCode] =>
            [RtnMsg] =>
            [TradeNo] =>
            [TradeAmt] =>
            [PaymentDate] =>
            [PaymentType] =>
            [PaymentTypeChargeFee] =>
            [TradeDate] =>
            [SimulatePaid] =>
            [CustomField1] =>
            [CustomField2] =>
            [CustomField3] =>
            [CustomField4] =>
            [CheckMacValue] =>
        )

        再個別寫入資料庫更新即可
        */

        // 在網頁端回應 1|OK
        echo '1|OK';
    } catch(Exception $e) {
        echo '0|' . $e->getMessage();
    }
Read more

2019年12月18日 星期三

2019年12月17日 星期二

2019年12月16日 星期一

2019年12月13日 星期五

2019年12月12日 星期四

2019年12月10日 星期二

2019年12月9日 星期一

2019年12月8日 星期日

簡單的頁面拖曳/滑動(drag/swipe) js 套件- dragScroll.js

做網站有時候會遇到需要讓使用者可以透過拖曳的方式瀏覽的介面,如果單純用 scroll 的話橫向會有問題,手機的支援度也會有些問題,這時候我們就可以使用 dragScroll.js 這個外掛簡單幫我們處理這件事情。

外掛網址

讀入後簡單套用即可:
$('.drag').dragscroll();

也可以限制只能水平或垂直方向。
$('.drag').dragscroll({
  direction: 'scrollLeft'
});

$('.drag').dragscroll({
  direction: 'scrollTop'
});

Read more

2019年12月6日 星期五

2019年12月5日 星期四

2019年12月4日 星期三

2019年12月3日 星期二

2019年12月2日 星期一

2019年11月30日 星期六

2019年11月28日 星期四

2019年11月26日 星期二

淡海輕軌 x 幾米主題列車活動網站

淡海輕軌 x 幾米

最近在忙的專案上線了,這是淡海輕軌跟幾米主題列車的活動網站,主要只做手機版,但電腦版應該不至於壞掉只是相對簡單很多。

網站網址

點進去後可以看到介紹。
淡海輕軌 x 幾米

另外有一些輕軌的小知識。
淡海輕軌 x 幾米
淡海輕軌 x 幾米



輕軌那邊也有對各站做介紹,還有周邊可以去的景點推薦。
淡海輕軌 x 幾米
淡海輕軌 x 幾米


還有自動抓取 ig hashtag 的功能。
淡海輕軌 x 幾米


這個主要是有 AR 跟小遊戲,但因為這部分不是我做的,有興趣的朋友可以玩玩看。
淡海輕軌 x 幾米
Read more

2019年11月25日 星期一

升級 Mac 的 php 版本

Mac 本身內建有 php,如果想要升級版本的話就需要自己去下載並安裝,先用以下指令可以查看目前使用的 php 版本:
php --version

再來透過網路安裝新版的 php
curl -s http://php-osx.liip.ch/install.sh | bash -s 7.3

經過一段時間安裝後應該是安裝成功了,但查看版本可能還是舊版的 php,這時候再加上這段就好了:
export PATH=/usr/local/php5/bin:$PATH
Read more

2019年11月24日 星期日

2019年11月23日 星期六

2019年11月22日 星期五

Photoshop 的免費 UI 標示工具- Size-Marks-PS

現在雖然有不少好用的原型工具,像 Adobe XD 或 Sketch,但還是可能會收到一些不是用這些原型工具的檔案,如果是 photoshop 可以選擇這個免費的工具來幫忙標示 UI 的間距。

首先到 github 下載 Size-Marks-PS 這個 plugin

下載後依以下路徑安裝到 photoshop

OS X: /Applications/[Photoshop]/Presets/Scripts/
Windows: C:\[Program Files]\Adobe\[Photoshop]\Presets\Scripts


接下來重開 photoshop 就可以使用了,把要標示的距離用選取工具選起來。


接著從檔案 > 指令碼 選擇 Size Marks



這樣就會幫你標示了,如果覺得每次要從選單選很麻煩,也非常建議設定快速鍵,從 編輯 > 鍵盤快速鍵 > 檔案 > 指令碼 找到 Size Marks 就可以設定快速鍵。



這是開發者建議大家設定的快速鍵
OS X: Shift+Cmd+P
Windows: Shift+Ctrl+P

Read more

2019年11月21日 星期四

2019年11月20日 星期三

2019年11月19日 星期二

2019年11月17日 星期日

[TP 合金] 百獸王(聖戰士)

P1200718

一直想買百獸王的模型,但之前錯過 30 週年紀念的後就一直沒有滿意的造型或價位的,這次看到這款 TP 合金的套件,看起來應該中國那邊的廠商,應該是有取得版權吧(?),總之在造型跟價位上很符合我的目標所以就入手了。

P1200701P1200703

造型沒什麼話說,可動性我也覺得 ok,不過這款有說是不能合體分離的,但剛好也是我最不在意的點,要說讓我覺得驚訝的是明明盒子看起來不大,但拿出來擺後卻比我預期的大很多。

P1200704P1200705P1200706

隨便擺一下姿勢。


P1200707P1200708P1200709P1200710

五隻獅子的特寫。


P1200711P1200712

這個作品因為版權的關係似乎應該以外國的名字 Voltron(台灣翻聖戰士)為正確,但聖戰士我心中只認定富野的聖戰士丹拜音,所以我還是習慣叫他百獸王,而這款的盒子上寫的也是百獸之王,但少了機器人的名字ゴライオン就是了。


P1200713P1200714P1200715P1200716

武器很大隻,手上獅子咬上去就能拿了,密合度不錯不會鬆鬆的,這款品質真的不錯。


P1200717P1200718P1200719P1200720P1200721P1200722

網路上現在還買得到而且價位沒被哄抬,不知道是不是大家不大喜歡買中國製的,但我是給他滿好的評價就是了。

百獸王的介紹
Read more

2019年11月16日 星期六

Related Posts Plugin for WordPress, Blogger...