iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 18
0
Modern Web

網頁程式設計so easy系列 第 18

Day17 [PHP-1]

  • 分享至 

  • xImage
  •  

使用Sublime text 3必裝之PHP 相關package

工欲善其事必先利其器,選到好的文字編輯器可以省很多打code的時間,方便寫PHP的文字編輯器有很多種,有看到一個國外網站排名php ide,台灣人寫的nodepad++暫居第一,大家有興趣也可以試試看。而我系列是使用sublime text 3,所以我就繼續使用。不過在寫之前,要先裝一些php相關的package,讓我們更方便的寫程式。(不裝也可以)

  • xDebug Client:詳見此篇網誌1
    網誌2
  • DocBlockr:方便形成注釋塊
  • phpcs:語法提示
  • sublimelint:語法提示
  • phpcompanion
  • phpfmt(PHP Beautifier, CodeFormatter)
  • SimplePHPUnit
  • PhpDoc
    ...

因為都還沒有使用過,有些詳細功能日後再補。

參考文章:
http://aubreyhsu.blogspot.tw/2015/08/sublime-text-3.html
https://mattstauffer.co/blog/sublime-text-3-for-php-developers
http://noeticforce.com/best-php-ide-for-programmers-windows-and-mac

PHP程式架構

php程式碼是直接內嵌在HTML標籤,它是使用特殊符號在HTML網頁的標籤碼區分哪一部分屬於PHP程式碼,如:

<? php
...
?>

如何開啟網頁瀏覽

將檔案移置在xampp安裝路徑下的htdocs資料夾(也可以更改apache httpd.conf裡的DocumentRoot, Directory至自己習慣的資料夾)
http://ithelp.ithome.com.tw/upload/images/20161218/20103385ORvU4FaOn4.png

程式碼:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>PHP practice1</title>
</head>
<body>
	<?php
		$begin=12;
		$end=18;
		for($i = $begin; $i <= $end; $i +=3 ){		
	?>
	<p style="font-size: <?php echo $i;?> pt">
	第一支PHP網頁程式
	<?php
		print "</p>";
		} 
	?>
	
</body>
</html>

http://ithelp.ithome.com.tw/upload/images/20161218/201033859u3b25bkEc.png


上一篇
Day16 [XAMPP]
下一篇
Day18 [PHP-2]
系列文
網頁程式設計so easy30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言