[NodeJS] Gulp with plugins 前端完整解決方案教學

Gulp基本安裝 安裝NodeJS至目前OS上,將使用NodeJS的NPM管理套件(Command Line) 查看版本:node -v , npm -v 先在全域(Global)安裝Gulp: npm install -g gulp Gulp.js on Github 進入到專案資料夾,進行NPM專案初始化: npm init 主要目的是建立package.json,以便繼續安裝Packages。 進入到專案資料夾,進行Package安裝(Dev Mode): npm install gulp –save-dev 查看版本: gulp –version 建立gulpfile.js於專案資料夾: var gulp = require('gulp'); gulp.task('hello', function(){ console.log('Hello Gulp.js'); }); 使用指令 […]

[PHP][Yii2] 資料庫操作使用範例 – Command & Builder & AR – Demo

介紹 Yii2 Framework對Database的操作有非常良好的結構彈性,供開發者從底層到Object-Oriented自行評估選用。 這裡對Yii2 Database定義了三層設計模式:SQL Command、Query builder、Active Record(ORM) 其中效能差異在於Active Record(ORM)設計模式, 範例程式碼 SQL Command Level # Get DB componet of Application $db = Yii::$app->db; # Get data form SQL execution $arrayData = $db->createCommand(‘SELECT * FROM table limit 10’) ->queryAll(); print_r($arrayData); Query […]

[Yii2] Nginx 配置 – 讓PHP全進framework – nginx php location try_files

原由 這邊主要是要解決yii2 UrlManager應用中,網址內含.php的路由會導至nginx 404 Not Found問題。 原因為yii2官方建議的Nginx配置: location / { # Redirect everything that isn’t a real file to index.php try_files $uri $uri/ /index.php$is_args$args; } location ~ \.php$ { include fastcgi_params; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; fastcgi_pass 127.0.0.1:9000; #fastcgi_pass unix:/var/run/php5-fpm.sock; try_files $uri […]

[jQuery] AJAX跨網域 | AJAX Cross Domain Request withCredentials (Access-Control-Allow-Origin)

做個AJAX跨網域可是容易忘記細節的,這就來篇Note, 後端部分,Server Header請開啟(以PHP動態Header為例): header(“Access-Control-Allow-Origin: *”); header(“Access-Control-Allow-Credentials: true”); Cookie夾帶 如需夾帶Cookie則前端的AJAX需開啟Credentials,JQuery為例: $.ajax({ xhrFields: { withCredentials: true }, type: “GET”, url: “http://www.example.org/ajax.php” }).done(function (data) { console.log(data); }); xhrFields中withCredentials要開啟,這就是亮點!

[PHP] 匯出處理 – CSV、EXCEL匯出實例教學

Intro 針對使用PHP處理CSV、EXCEL輸出的基礎程式,以及實作上使用之套件。 現行建議使用套件做匯出匯入,可使用yidas/csv-php , Phpspreadsheet-helper。 輸出Header 以CSV為例,PHP的Header與輸出如下: header(“Content-type: text/x-csv”); header(“Content-Disposition: attachment; filename=$filename”); echo $content; exit; 檔案格式介紹: 格式 Type 相隔符號 CSV text/x-csv , SXW application/octet-stream Word application/msword Excel .xls application/vnd.ms-excel \t Excel .xlsx application/vnd.openxmlformats-officedocument.spreadsheetml.sheet Incomplete list of MIME types 編碼轉換: 內容有中文的話得考慮編碼轉換: […]

[Yii2] Composer bower-asset 更新失敗解法

遇到的Composer update問題: yiisoft/yii2 2.*.* requires bower-asset/jquery *.*.*@stable | … -> no matching package found. Yii官網解:composer global require fxp/composer-asset-plugin 本篇是針對不使用Plugin提供解法。 原因: bower-asset在Packagist已經是Virtual Package,以下為bower因果: Update: bower 在 0.9.0 版以前可以使用 component.json,但是為了避免跟其他工具命名衝突,故 0.9.0 以後版本請改為 bower.json bower 是 Twitter 團隊開發的一套網頁工具,用來管理或安裝 Web 開發所需要的 Package,像是 CSS 和 […]