iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 2
1
自我挑戰組

網頁設計:前端設計+後端基礎建構系列 第 2

[DAY 2]規劃與建立資料庫

開始

今天是第二天了,昨天看到很多網頁相關的文章,實在是太棒了,我可以邊寫文章邊從別人的文章建立網站觀念,參加這活動真的很棒,感謝FB的置入性廣告(誤~~)。

網站規劃

因為我要做一個購物網站,萬事起頭難,需求訂好了那想當然的就是要有資料庫才比較好規劃後續的開發,我是有聽說有些開發程序是先畫出前端的頁面,畫出頁面需要甚麼東西,這樣好像比較好溝通之類的,我不知道所以我也順便先把頁面的排版也先畫個大概,只是有一個問題是: 有些前端的呈現會與後端混淆,如果沒有網站基本的認識會不清楚要從前端還是後端設計出該功能。沒關係,有問題再問諸位大大即可。

資料庫規劃

我用XMIND 將資料庫先畫出來:

購物網站的資料庫有分幾個資料表:

  • 商品資料表
  • 會員資料表
  • 訂單資料表

至於會員購買紀錄我想只需選取該會員的訂單資料即可呈現,所以先畫出來但不新增資料表。

開發環境

因為要建資料庫所以要有個架站工具,我是用MAMP當架站工具,然後文字編輯器我選擇用ATOM。雖然laravel想玩玩看,但等下個專案再來玩吧~!至於前端、後端語言都是基本的配備HTML、JavaScript、CSS、PHP、MySQL。

  • 架站工具
    • MAMP
  • 文字編輯器
    • ATOM
  • 前端語言
    • HTML&JS&CSS
  • 後端語言
    • PHP
  • 資料庫管理系統
    • MySQL

建立資料庫

現在我先建立在MAMP建立資料庫

開啟MAMP PHPMyadmin準備創資料庫

建立buysite資料庫:

建立商品資料表:

建立會員資料表:

建立訂單資料表:

他比較特別因為他有些資料是從其他資料表傳進來的,這似乎就是要用外來鍵來建立關聯,我不太會用,我先來看看能不能成功。
(過一陣子之後~~)
我剛剛查一下資料,外來鍵是連結資料表編號有點像超連結的概念,似乎不是我想要的,但我後來有想過,只要我在新增訂單欄位時SELECT 商品資料表跟會員資料表的資料INSERT INTO 訂單欄位就可以了,但不知道這樣算不算關聯資料庫,如果有路過的大大發現有設計瑕疵還煩請提點一下,建立關聯式資料庫觀念還不是很足。

結尾

今天好像只能先把資料庫建好而已呢!明天我要把每個頁面的需求設計規劃出來,我要去爬一下各位大大分享的文章了,今天先掰了。


上一篇
[DAY1]想出一個網站的需求與框架
下一篇
[DAY3]網頁內容設計
系列文
網頁設計:前端設計+後端基礎建構24

尚未有邦友留言

立即登入留言