2016年6月16日 星期四

使用NetBeans開發第一個PHP專案,Hello World!

Standard
PHP的函式庫並不像.Net一樣,就一個.Net Framwork,大家都是用相同的函式庫,這也是開源軟體一直存在的一個問題(大家都可以創作,因此大家都想創作自己的函式庫),這未嘗不事件好事,但也絕不是個壞事,因為有了大量的創作競爭,最後存留下來的必定是最符合大眾胃口與便利性的函式庫,但這樣的結果是理想中才會出現的,開源軟體的背後還是有廣大的商業客群在幕後操作,這也是開源軟體與封閉軟體依然相互共存的主要原因。

話說回來,以下列舉的常見的PHP函式庫,再依照NetBeans的操作,創建第一個屬於個人的Hello World!程式吧!


專案精靈假設我們選擇了PHP Application之後,會進一步的待續後續所需要的設定步驟,如果選擇的是「已經存在有原始碼(PHP Application with Existing Sources)」或「要遠端存取Server上的原始碼(PHP Application from Remote Server)」則就不會有選擇PHP Framework及Composer的選項出現。



選完要創立新專案之後,便跑出以下四個步驟:
2. Name and Location 設定專案的位置,預設都是在:我的文件\NetBeansProjects\新專案名稱資料夾
3. Run Configuration 設定專案config參數,包含專案路徑、
4. PHP Frameworks 設定要使用的PHP Framework
5. Composer




Step3. Run Configuration
這邊要選擇:PHP Built-in Web Server (running on built-in web server)




Step4. PHP Configuration

PHP Frameworks共有以下幾種可以選擇:
Symfonv2 PHP Web Framework
Symfonv PHP Web Framework
Nette2 PHP Web Framework
Zend2 PHP Web Framework
Zend PHP Web Framework
Doctrine2 PHP Web Framework

不知道各位有沒有像小橘一樣好奇,為什麼沒有Doctrine PHP Web Framework?






點選debug按鈕,就可以看到瀏覽器執行PHP程式的結果了,Hello World!



如果點選debug按鈕之後出現「PHP interpreter must be selected」的訊息,表示讀著的NetBeans及PHP是分開安裝的,解決的方式就是點選上方的Tools>Options>PHP分頁,然後選擇PHP的安裝位置內的php.exe檔案。




安裝超好用、跨平台的Sublime Text程式、文書編輯器

Standard

Sublime Text是近幾年才開始快速串紅的網頁前端開發軟體,其串紅的原因跟Python的串起也有相當大的關係,Sublime Text原本是一套跨平台的文字編輯器,可以透過套件(Package)的方式擴充功能,這些套件大多數都是開放軟體,最早期的第一個版本是在2008年1月18日由Jon Skinner開發出來(就說是最近才紅的吧!),Sublime Text2則是在2013年7月8日才釋出。以下我們使用的版本為3.114。

Sublime Text 3的官方網站及載點:https://www.sublimetext.com/



路徑:C:\Program Files\Sublime Text 3



安裝精靈提示Add to explorer context menu,說明是否要在網頁瀏覽器上安裝相關工具。



確認安裝路徑無誤之後,點擊Install按鈕進行安裝。



點選Finish按鈕完成安裝。




NetBeans白底刺眼讓你很困擾嗎?換個黑色保護眼睛的佈景主題吧!

Standard

每天看電腦螢幕真的是一件傷身又傷眼的事情,雖然這是眾所皆知的事情,但還是不得不一到公司坐下來就得看上一整天的螢幕,這對跑跑業務或是動嘴比親手處理事情還要多的經理、老闆來說是不至於構成傷害,但對code到半夜還再debug的工程師來說,卻是一件急迫必須要解決的事情,貼心的廣大程式設計師們早已將這些讓開發環境不在單板的「設定檔」保留了下來,我們要做的事情只不過是將這些設定檔匯入開發環境而已。

那...這些設定檔有哪些呢?小橘收集整理下,提供下列出處供大家參考:
http://netbeansthemes.com/
http://plugins.netbeans.org/plugin/55859/sublime-monokai-theme-for-netbeans-8
http://plugins.netbeans.org/plugin/57669/obsidian-color-theme

設定的步驟很簡單,開啟NetBeans,點選上方Tools>Options,便可以看到以下介面。



其實這些佈景主題的設定檔,僅有針對Fonts及Colors做設定,這些.zip的設定檔可以儲存的不僅僅是佈景主題,還有IDE上面的許多開發參數都可以包裝在.zip裡面。



點選OK之後會跳出警示訊息:The application will restart。
記得如果你是寫程式寫到一半無聊開始搞佈景主題的人,記得要先存檔哦
不然因為換個佈景主題導致資料遺失可真是得不償失!



另外在設定完成之後,因為小橘的筆電是小螢幕(13吋)高解析度的關係,在Windows10的操作介面之下,字體會顯得異常的小,另外還有因為下載設定檔的佈景主題使用「較為花俏」的字體,使字感覺上比較模糊,這邊小橘建議大家,還是選用Arial字體較為清晰,畢竟寫程式主要是在讓功能可以正常運作,而不是平面設計工作阿!以下是小橘選用的設定參數,供大家做為參考使用。




2016年6月15日 星期三

安裝NetBeans來開發PHP網頁程式與除錯

Standard
NetBeans與Jave一樣,是由鼎鼎大名的昇陽電腦所開發,NetBeans是一套開放原始碼的軟體開發工具,也就是俗稱的IDE,在NetBeans上除了開發PHP之外,也可以開發Java、C/C++、HTML5等,但因為各軟體語言應用在不同商業環境下,分別有廣大具有影響力的族群會選擇最適合其語言的開發工具,例如你開發C/C++,可能就會用Visual Studio,開發Java就會選擇Eclipse這樣的概念,而在開發PHP上,使用NetBeans的不在少數,另有一派則是喜歡使用Eclipse的PHP開發版本。

要安裝NetBeans前,必須要先安裝JDK,如果直接執行NetBeans的安裝程式,就會看到No compatible JDK was found.的訊息,表示你尚未安裝JDK,要在完成安裝JDK之後才能進入到下一個步驟。



下載JDK要到Oracle網站進行下載。

這邊選擇安裝的JDK版本是第8版,更新第65次的64位元版本(Java SE Development Kit 8 Update 65 64-bit)。





這邊比較耐人尋味的是這些下拉選單是不給下拉的,點選好像下拉的下拉選單(好饒舌)後會跳出以下訊息,分別是:
> This feature will be installed on local hard drive.
就是會安裝第一層目錄的內容。
> This feature, and all subfeatures, will be installed on local hard drive.
就是每一層目錄內容都會被安裝。



安裝路徑如上圖,安裝在C:\Program Files\Java\jdk1.8.0_65
這個路徑要記起來,安裝Netbeans或以後要開發Java設定環境變數的時候都會用到。

另外一個需要記起來的路徑在下一個步驟會出現,也就是JRE路徑。
這邊是採用預設,安裝在C:\Program Files\Java\jre1.8.0_65



再點選下一步就會看到安裝成功的訊息,Successfully Installed!



這個步驟安裝精靈會問說,如果要安裝教學或API文件(tutorials、API documentation、developer guides、release notes)請點選Next Steps按鈕。這些文件目前並不需要了解,我們還是趕快回過頭來安裝Netbeans吧!點選Close。

安裝NetBeans

這邊使用的NetBeans版本是8.0.2,再次執行安裝執行檔後,不會再看到沒有安裝JDK的警示標語。



這邊可以點選Customize按鈕,進一步做細部設定,點擊後可以看到以下畫面。

這邊可以看到NetBeans安裝精靈提供了Java SE、Jave EE、JaveME等等的函式庫,較重要的是Runtimes子標題的部分,這部分列出了可能需要的執行環境工具,如果還沒有安裝Apache的湯姆貓(Tomcat)的話可以從這裡一併安裝,再測試網頁程式的時候會使用到。



再來又是看授權的部分,老樣子點勾選accept,點選Next。



這邊的License有兩個,一個是NetBeans IDE的,另一個則是JUnit。都要同意才可以繼續安裝。



接下來這個部分就會用到之前記錄下來的JDK路徑,如果安裝精靈找不到的話要自行填入。
以下都把路徑另外打出來,方便各位參考使用。
Install the Beans IDE to: C:\Program Files\NetBeans 8.0.2
JDK for the NetBeans IDE to: C:\Program Files\Java\jdk1.8.0_65



另外一個則是玻璃魚(GlassFish)的路徑設定。
Install GlassFish to: C:\Program Files\glassfish-4.1
JDK for GlassFish application server: C:\Program Files\Java\jdk1.8.0_65

Glass Fish是一個開放原始碼軟體的Application Server,其實就和Tomcat一樣,是一個網頁伺服器,下是各家廠商因為商業利益各自開發的結果,當然好不好用就因個人喜好而定囉!

除了玻璃魚(GlassFish)、湯姆貓(Tomcat)之外,其他Application Server還有Jetty、Jboss、Geromino等等。



最後則是湯姆貓(Tomcat)的安裝路徑設定。
這邊路徑設定為:C:\Program Files\Apache Software Foundation\Apache Tomcat 8.0.15



接著是確認頁面,這邊如同其他安裝精靈一般,會想請您勾選「自動更新」的選項,但因為這些自動更新功能通常都要常駐在作業系統後,會吃掉許多資源,因此都是選擇手動更新,當然,這還是因各人喜好所定。

點選Install按鈕,便會開始進行安裝。



接著跑完進度條之後就安裝完成了,這邊還有另一個要記得是否要勾選的選項,
Contribute to the NetBeans project by providing anonymous usage data,
指的是說NetBeans打著開源軟體的名義,想要借IDE開發環境取得用戶的相關資訊,問你說是否要貢獻資料,這邊對於很care吃電腦資源及隱私的小編來說當然是不予勾選。



點選Finish按鈕,完成NetBeans IDE安裝!

Windows安裝MySQL,使用MySQL Workbench管理資料庫 Part1

Standard
MySQL是一種資料庫管理系統(DBMS,DataBase Management System)軟體,用來管理一組「相關資料集合」(好抽象),說白話就是管理「資料」,什麼...你問說什麼是資料?充其量來說,你在記事本或WORD上編輯的內容都能稱作是「資料」,那為什麼要用DBMS這種看似複雜又不好操作的軟體來管理呢?這就要說到資料的保密性、重複利用性、及確保資料不能出錯之正確性了,看起來好複雜,其實就是因為這些用資料庫管理的資料,通常具有商業價值,因此必須非常嚴格的管理機制,確保這些資料能在資料庫用戶的管理之下能夠非常安全的運作。

資料庫除了MySQL之外,比較有名的還有Microsoft AccessSQL ServerOracleSybaseInformix等等。那以下就開始我們的安裝MySQL吧!

Step1. License Agreement 同意條款

同意吧不要猶豫了,點選Next。

Step2. Choosing a Setup Type
接下來的這個步驟,是要開始選擇我們所要安裝的套件內容,安裝精靈很貼心地將它分成:
1. Developer Default 我是個開發人員,只需要開發的工具套件
2. Server only 我只是要架個Server
3. Client only 我只是要連到Server
4. Full 我通通都要...
5. Custom 讓我自己挑吧!
依照常理,我通常是自己挑XD,所以選擇5。


這裡可以仔細端倪一下,選擇不同的選項內容,右邊的Setup Type Description是會不一樣的,各位工程師們也是可以視情況選擇需要的選項即可。


點選Next來到下一步。

Step.3 Select Products and Features
這個介面可以看到區分為兩個Listbox,分別是Available Products與Products/Features To Be Installed,在預設的情況下,安裝精靈已把所有左邊(Available Products)可安裝的內容都丟到右邊了(Products/Features To Be Installed),所以往右的箭頭是灰色的,可以安裝的項目主要有:
1. MySql Servers 是資料庫服務,這個不裝,那還看什麼MySQL安裝XD
2. Applications 圖形化操作介面,其中最重要的就是Workbench,記得要勾選
3. MySQL Connectors 
4. Documentation 主要是說明書


再次點選Next進到下一步。

4. Check Requirements
這個步驟是比較需要注意的,因為本身有安裝Python,版本為3.5 32bit,而非安裝精靈所顯示的3.4,這邊指出若忽略此問題的話,後續MySQL對Python連接資料庫的設定上並不會自動修改相關設定。



點選Yes,難不成要叫我重新安裝3.4版本的Python嗎?開放軟體常常就是會有不同版本相容性的問題,這點新手在初次接觸時心裡要有個底。

Step.4 Installation
接來來到步驟4,看到全部都是綠色的勾勾,心裡真是書胡書胡,如果有紅色叉叉出現的話,可能要檢視是不是之前有安裝過會附帶安裝MySQL的軟體,如快速網頁伺服器架設懶人包WAMP等等。



Step5. Product Configuration
再來就是步驟5,也就是較多新手卡關的地方,一直給他Next下去,
到要網站設定連結的時候連設定了什麼都不知道 "@_@a


Product Configuration會在另一篇文章作說明,加油就快安裝完成了!