iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 8
0
Modern Web

後端的鉗形攻勢系列 第 8

[Day. 07] 簡單的網頁試啼

  • 分享至 

  • xImage
  •  

昨天我們架設好了寫網頁的基本工具-XAMPP
今天就來利用前幾天所學的基本PHP來寫一點簡單的後端互動吧。

首先,用載好的Sublime打開昨天在XAMPP/htdocs建立的IT30資料夾。
應該還會看到昨天的index.php

https://ithelp.ithome.com.tw/upload/images/20200922/20126335YTnaDUpKr4.png

再來,我們開始練習一之前學到的。

  1. 變數:
        $text = "I am learning php!!";
    
        echo $text;
    
    按下存檔後(快捷鍵ctrl+s),打開http://localhost/IT30/index.php
    https://ithelp.ithome.com.tw/upload/images/20200922/201263358PUDA7W5AS.png
    就會看到我們的$text內容了。
  2. 陣列:
        $list = array(1,2,3,4,5,6,7,8,9,10);
    
        echo $text;
    
    按下存檔後(快捷鍵ctrl+s)後,打開http://localhost/IT30/index.php或是直接F5重新整理。
    就會看到我們的$list內容了。
    https://ithelp.ithome.com.tw/upload/images/20200922/20126335iHLd6m46es.png
    咦?出了甚麼問題呢?
    讓我們研究一下網頁上的錯誤訊息,身為工程師debug能力可是必備的一環!
    哦~原來是array無法直接使用echo做輸出,必須要給定array的索引值,告訴echo到底要輸出array的哪個值
    當然,如果想要看到整個array還是有辦法的!
    • 法一:
         $list = array(1,2,3,4,5,6,7,8,9,10);
      
         print_r($list);
      
      https://ithelp.ithome.com.tw/upload/images/20200922/20126335qlKnbWNRJq.png
    • 法二:
         $list = array(1,2,3,4,5,6,7,8,9,10);
      
         var_dump($list);
      
      https://ithelp.ithome.com.tw/upload/images/20200922/20126335ixByboV3dv.png
      這兩個function,其實差異不大,print_r會顯示出array中的index->value,而var_dump則會連同資料型態(int、string...)一起輸出。

這兩天課比較滿,還卡到自己之前參加的比賽和考駕照><
所以內容稍微少一點,還望大家海涵><
預計不足的內容將在後幾天一同補上~


上一篇
[Day. 06] XAMPP與網頁開發的情感糾葛
下一篇
[Day. 08] 簡單的後端試啼 2
系列文
後端的鉗形攻勢31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言