Mars's Blog

CRUD表單設計 Day-01 環境建置

Mars Hung
training
文章閱讀量次

一、說明

CRUD行為(新增/讀取/修改/刪除)是一切資料處理的基本行為，例如使用者上網時看到的網頁(read)，是由瀏覽器向伺服器，再向資料庫「讀取」資料而得到的，可用下圖表示：

在此以練習網頁+資料庫的CRUD行為做為程式學習入門

二、環境建置

工欲善其事，必先利其器，先裝好工作環境吧….

網頁伺服器提供Windws版與Linux版，Windows版安裝簡單，但業界大多是在Linux版中開發

三、工作目錄設置

3.1 建立工作目錄

1
2
$ sudo mkdir -p /var/www/html/crud-training
$ sudo chmod 777 /var/www/html/crud-training

3.2 建立Nginx Virtual Host

  • 建立域名為 crud-training.dev.idv 的Virtual Host
1
$ sudo vi /etc/nginx/sites-enabled/dev-web.conf
  • 增加以下設定
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
# crud-training.dev.idv
server {
        # SSL configuration
        listen 443 ssl;
        listen [::]:443 ssl;

        root /var/www/html/crud-training;

        # Add index.php to the list if you are using PHP
        index index.php;

        server_name crud-training.dev.idv;

        # SSL相關設定
        include common.conf.d/ssl.conf;

        # 共用設定
        include common.conf.d/common.conf;
}
  • 重新啟動Nginx
1
$ sudo service nginx reload

  • 增加DNS解析 (如果DNS未支援)
    編輯 C:\Windows\System32\drivers\etc\hosts

  • 驗証是否設定完成

    • 建立Hello檔

      1
      $ echo "hello world !" | tee -a /var/www/html/crud-training/index.php

    • 前往網址查看是否有正確顯示
      https://crud-training.dev.idv/

四、使用IDE：VSCode

  1. 打開VSCode，連線至伺服器dev.idv

  2. 切換開發目錄

  3. 遠端目錄清單

    連線過一次後，遠端目錄就會出現在清單中

五、培訓題目

PHP培訓-CRUD

六、Linux常用指令

  • sudo 其他指令: 變換(root)權限執行指令
  • ssh: ssh連線
  • showdown -h now: 關機
  • reboot: 重開機
  • logout: 登出 (或ctrl+D)
  • cd 目錄名稱: 前往目錄
  • ls: 顯示目前目錄內容
  • pwd: 顯示目前目錄路徑
  • ifconfig: 查看網路介面
  • netstat -tln: 查看服務監聽狀況
  • 指令補完： tab鍵
  • vi/vim 檔案路徑: 使用linux文字編輯器編輯檔案
  • vi/vim 快速入門
    • 在命令模式中按「a」鍵可進入編輯模式，再按「Esc」鍵可回到命令模式
    • 在命令模式中按「:wq」可儲存離開
    • 在命令模式中按「:q!」可強制離開
    • 在命令模式中按「u」鍵可還原編輯內容；按「y」可重做編輯內容
    • 在命令模式中按「yy」為複制一行；「dd」為刪除一行；「p」為貼上複制內容；「2yy」為複制二行；「3dd」為刪除3行
    • 在命令模式中按「gg」為跳到第一行；「G」為跳到最後一行；「:12」為跳到第12行
    • 在命令模式中按「/」+字串為尋找字串；尋找模式中再按n為尋找下一個；再按N為尋找上一個

未完待續： CRUD表單設計 Day-02 安裝PHP Framework

Recents

Archives

Categories

Tags