網頁設計 – 第 3 頁

Composer Autoload PSR-4

今天研究了 composer 的 autoload

[轉貼]如何在 XAMPP 中使用不同的 PHP 版本 | IT人

你有沒有碰到這種情況，你工作的專案需要的是PHP7.1，而你自己的專案需要的是PHP7.2，而你又特別鍾愛於XAMPP，奈何它卻不能自由切換PHP版本，下面就講下本人在用的方法，可以通過單個XAMPP在Windows系統下安裝設定多個版本的PHP。
閱讀全文〈[轉貼]如何在 XAMPP 中使用不同的 PHP 版本 | IT人〉

[轉貼]連Google Cloud Platform都推薦的第三方寄信服務mailgun

連Google Cloud Platform都推薦的第三方寄信服務mailgun

在網站中寄出信件，理論上是再簡單不過的事了，只要在php中使用mail函數，一行程式就可以搞定。但是，因為寄垃圾信的人實在是太多了，也造成各大伺服器紛紛阻擋不明的寄信行為以及未受信任的網站寄出的信，現在，想要在自己的網站上用一般的方法來自動化寄出信件，反而變成是一件不容易的事。除了你的網站要自行維護好之外，還要確保不被侵入成為垃圾信的跳板。對於不是非常專業的站長來說，要付出的成本實在是太大了。好在，透過第三方的服務如mailgun等，這些麻煩可以輕易地解決。不管你是自行架站或是利用WordPress來架站，只要簡單的設定，就可以全面委由他們代為寄信，不只信件可以確保送達，還有統計資料可以查詢，mailgun因為每個月可以有10000封免費信件的額度，而且還受到Google Cloud Platform的推薦：閱讀全文〈[轉貼]連Google Cloud Platform都推薦的第三方寄信服務mailgun〉

使用 google docs 在 iframe 中加載您的 pdf url

使用 google docs 在 iframe 中加載您的 url

<iframe id="pdfviewer" src="http://docs.google.com/gview?embedded=true&url=YOUR_URL_HERE&amp;embedded=true" frameborder="0" width="100%" height="100%"></iframe>

使用 google docs 在 iframe 中加載您的 url

內容出處: PDF Viewer support in mobile browser (iPhone & Android) – Stack Overflow

神奇的 Line app web login

實做中遇到 Line 的 Login API 發現神奇的小設定

照理來說應該要登入 Line 但是在 Line 點連結使用 Line App的瀏覽器打開的話直接就是登入狀態省去登入 (如果用chrome開就要登入)

可惜的是 line app web 有時候也會造成 JQuery 發生一些大小錯誤跟 FB App類似

到底是那一個有問題就有點遺忘了
其中一種是無法另開新分頁導致部份的功能無法呈現

因為這原因通常是建議直接改用 chrome 或者 safari 去開 … 就吃不到這個小幫助了所以 fb 跟 line 瀏覽器要不要正常一點了…別亂鎖東西呀

ci framework email 解決標題亂碼

閱讀全文〈ci framework email 解決標題亂碼〉

php namespace 繼承 demo

php namespace 繼承 demo
閱讀全文〈php namespace 繼承 demo〉

CodeIgniter routes.php use db database

如果想在ci的routes.php使用db的資料來控制那這是一個方法當然我覺得應該有更好的處理方式像是 ci的hooks 不過經過簡單的研究後還是覺得這方式最直觀(難度較低)
閱讀全文〈CodeIgniter routes.php use db database〉

[轉貼]PHP-CI – 壓縮輸出網頁原始碼

PHP-CI – 壓縮輸出網頁原始碼

https://php.quicoto.com/how-to-speed-up-codeigniter/

閱讀全文〈[轉貼]PHP-CI – 壓縮輸出網頁原始碼〉

金流SDK

藍新

技術文件: https://www.newebpay.com/website/Page/content/download_api

SDK: https://github.com/minwt/newebpay

綠界

技術文件: https://www.ecpay.com.tw/Service/API_Dwnld

SDK: https://github.com/ECPay/ECPayAIO_PHP/tree/master/AioSDK

單元測試類別(unit test)

    public function test()
    {
        $this->load->library('unit_test');
        $test = 1 + 2;
        $expected_result = $this->test_fun(1,2);
        $test_name = '測試判斷';
        $this->unit->run($test, $expected_result, $test_name);
        echo $this->unit->report();
    }

    private function test_fun($a,$b)
    {
        return $a+$b;
    }

內容出處: 單元測試類別 : CodeIgniter 使用手冊

[轉貼]sublime3 安裝sftp 配置自動上傳代碼到服務器 sublime 自動上傳

个人的安装与配置步骤，供大家参考。

安装package control ，参考http://jingyan.baidu.com/article/c14654134b8bde0bfcfc4c9a.html。安装完成后打开preference可以看到

閱讀全文〈[轉貼]sublime3 安裝sftp 配置自動上傳代碼到服務器 sublime 自動上傳〉

Google網頁翻譯套件

<div id="google_translate_element"></div><script type="text/javascript">

function googleTranslateElementInit() {

new google.translate.TranslateElement({pageLanguage: 'zh-TW', includedLanguages: 'en,ja,zh-TW', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');

}

</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

想拿掉小icon可以增加css

<style type="text/css">
	#google_translate_element img {
		display: none;
	}
</style>

如果想客製化自己的外觀可參考

<div id="google_translate_element"> </div>
<div class="menu-traslate-header">
<ul>
  <li><a href="#googtrans/en">English</a></li>
  <li><a href="#googtrans/zh-TW">繁體中文</a></li>
  <li><a href="#googtrans/zh-CN">簡體中文</a></li>
  <li><a href="#googtrans/es">Español</a></li>
  <li><a href="#googtrans/vi">Việt</a></li>
  <li><a href="#googtrans/ru">Русский</a></li>
  <li><a href="#googtrans/sq">SHQIP</a></li>
  <li><a href="#googtrans/km">ខ្មែរ</a></li>
  <li><a href="#googtrans/fr">Français</a></li>
  <li><a href="#googtrans/ar">عربي</a></li>
</ul>
</div>
 <script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en', 
    includedLanguages: 'ar,en,es,fr,km,ru,sq,vi,zh-CN', 
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE, 
    multilanguagePage: true, 
    gaTrack: true, 
  }, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 <script type="text/javascript">
jQuery(document).ready(function($) {
  $('.menu-traslate-header ul li a').click(function(event) {
      window.location = $(this).attr('href');
      location.reload();
  });
});
</script>

資料來源: https://neohsuxoops.blogspot.com/2018/12/googlejs.html
資料來源: https://stackoverflow.com/questions/10486833/implementing-google-translate-with-custom-flag-icons/12999313#12999313

phpbb3 google recaptcha 機器人驗證

最近實在是被機器人煩到受不了三天兩頭就來給我洗整面的廣告遺憾的事情是 phpbb3 防禦實在是無效已經被破解光了只好加個 google 機器人驗證了
有點硬改沒有依照 phpbb的玩法下去就參考吧

打開 styles/prosilver/template/ucp_register.html

搜尋
<!-- INCLUDE {CAPTCHA_TEMPLATE} --> 
後面添加

	<div class="panel">
		<div class="inner">
			<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D'https%3A%2F%2Fwww.google.com%2Frecaptcha%2Fapi.js'%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
			<div class="g-recaptcha" data-sitekey="你的htmlkey"></div>
		</div>
	</div>

打開 includes/ucp/ucp_register.php

搜尋
if ($submit)
{
後面添加

$recaptcha_secret = '你的私鑰';
$gRecaptchaResponse = request_var('g-recaptcha-response', '');
$response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=" . $recaptcha_secret . "&response=" . $gRecaptchaResponse);
$response = json_decode($response, true);
if ($response["success"] !== true) {
	echo 'google recaptcha error.';
	exit;
}

申請api方式: google reCAPTCHA 機器人驗證

參考文章:
https://phpbb-tw.net/phpbb/viewtopic.php?f=176&t=54145

雲端主機比較

評語跟規格都是”個人感覺” 詳細請參考各自官網

https://docs.google.com/spreadsheets/d/e/2PACX-1vQ01Jch9eGGBDBckKDt89uAk4-w2Emv0u4ICdCQ_MelWmD_WCYp3AbZQkp8V9MiDWPw83pJr7fAbGNS/pubhtml

[轉貼]紅陽｜綠界｜藍新 – 電商金流服務商比較 | 電商隨筆

這篇寫的還不錯個人我覺得是差異不是太大就是

閱讀全文〈[轉貼]紅陽｜綠界｜藍新 – 電商金流服務商比較 | 電商隨筆〉

[轉貼]Line login api

【教學】讓你的網站會員可以用Line註冊登入，綁定會員顧客的Line帳號 – 給想要讓自己的網站可以用Line註冊登入的人參考Line Develop Line login api設定(其他應用軟體第1頁)

內容出處: 【教學】讓你的網站會員可以用Line註冊登入，綁定會員顧客的Line帳號 – Mobile01

[轉貼]Sublime Text 3的必備插件以及安裝方法

Ctrl+Shift+p,然後輸入PCI（也就是Package Control: Install Package）

個人我推薦:
Alignment
變量定義，長短不一，一鍵對齊。

其他就看看原作者推薦的吧

超級實用的Sublime Text 3的必備插件以及安裝方法

內容出處: 超級實用的Sublime Text 3的必備插件以及安裝方法 – 每日頭條

[轉貼]CodeIgniter 使用 DataTables AJAX Demo

[轉貼]CodeIgniter 使用 DataTables AJAX Demo
閱讀全文〈[轉貼]CodeIgniter 使用 DataTables AJAX Demo〉

PHP html to docx 可避免中文亂碼

$html = '123abc中文abc123'; // html 內容
$html = strip_tags($html, '

,
<h1>,
<h2>,
<h3>,
<h4>,
<h5>,
<h6>,<strong>,<em>,<sup>,<sub>,
<table>,
<tr>,
<td>
,
<ul>,
<ol>,
<li>'); // 建議過濾 只留下這些html
$fileName = 'test'; // 檔名
start();
echo $html;
save($fileName.'.docx');
ob_flush();
flush();
redirect($fileName.'.docx');

function start(){
	ob_start();
	echo '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	</head>
	';
}
function save($path) {
	echo "</html>";
	$data = ob_get_contents();
	ob_end_clean();
	wirtefile ($path,$data);
}
function wirtefile ($fn,$data) {
	$fp=fopen($fn,"wb");
	fwrite($fp,$data);
	fclose($fp);
}

參考資料:
https://www.itread01.com/articles/1478056826.html

一	二	三	四	五	六	日
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30

一	二	三	四	五	六	日
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30