iT邦幫忙

2024 iThome 鐵人賽

DAY 2
0
Modern Web

前後端整合,用Spring boot 與React 開發屬於自己的記帳網頁系列 第 2

Day2 MySQL安裝與實作專案所需資料庫

  • 分享至 

  • xImage
  •  

前言

若要學習前後端整合,第一件事情,一定是學習資料庫啦!
無論是網站、系統、軟件,所有的程式語言都需要接觸資料庫,因為資料庫就是存放我們資料的地方,後端的工作是讀取資料,把資料整理之後交給前端,而前端的工作就是把得到的資料變成美美的畫面呈現給使用者。俗話說,一日之所需,百工斯為備。網站也是如此,我們現在看到的所有畫面,都是後面前端與後端還有資料庫辛苦準備給我們的。而資料庫就是所有程式的起點。
這篇文章主要目的,是帶大家認識資料庫,然後知道如何下載與設定,創建最初記帳用的資料庫,給Spring boot使用
在這裡要先跟大家說明,MySQL在這篇文章中其實只使用這一次,因為所有對於資料庫的操作,Spring boot都有開發成一套專屬的程式,我們只要呼叫這個程式,就會幫我們自動地讀取、刪除、修改MySQL,所以擔心SQL不會的朋友不用太擔心,而覺得想要學到更多SQL用法的朋友,歡迎去看看其他鐵人們的文章,相向對你更有幫助。

MySQL介紹

 MySQL是一種開源(免費)的 數據庫、資料庫管理系統,廣泛應用在中小型的網站中,用來配合如PHP、ASP或ASP.NET等網頁程式語言,儲存大量數據,若網站擁有後端管理程式系統(網站後台),多須配合資料庫功能。

 簡單來說,資料庫是用來放置大量資料與檔案的一個倉庫,SQL是跟網站倉庫溝通的管員,而MySQL是用來管理倉庫的系統。如此,我們可以透過MySQL系統請SQL與倉庫溝通,管理資料庫中的資料。

MySQL下載與安裝

MySQL的網站提供的資料密密麻麻,包羅萬象,點進去官網之後還要點選Download,最後點擊MySQL Community (GPL) Downloads才能進到這個畫面
想要從官網一步步下載的朋友可以參考這個連結
MySQL 學習筆記(二) — 一分鐘輕鬆瞭解如何在Windows上安裝MySQL

要直接下載MySQL只要去這個連結:https://dev.mysql.com/downloads/
接下來就是選擇最下面的MySQL Installer for Windows
https://ithelp.ithome.com.tw/upload/images/20240914/20152864oiDei9BQTz.png
如果是Mac的夥伴也不用擔心,點到剛剛的頁面應該會出現MySQL Installer for Mac,結果也會像下圖這樣。
因為我本身開發的時候是用Windows跟Mac系統同時開發,所以這邊呈現出Mac的系統,Windows就只會在Operation System 顯示Microsoft Windows。
下載會有community跟web版,建議都選community版本。
https://ithelp.ithome.com.tw/upload/images/20240914/20152864QL8mxs9G97.png
接下來,我們要嘗試啟動這個專案,這個地方他會問你要不要註冊,請果斷的選擇No Thanks,我們就是來要免費的!
https://ithelp.ithome.com.tw/upload/images/20240914/20152864DkQUwatTQh.png
下載完會有安裝的項目,因為我們沒有特別的需求,只要都點選Next直到安裝完成就好。
這裡要注意的是會要求你設定root的密碼,請記得這個密碼,不然我們無法登入就沒有辦法作後續操作了。
https://ithelp.ithome.com.tw/upload/images/20240914/20152864B3yLdSGpBB.png
安裝完成後再打開MySQL Workbenh,就會看到這個畫面
https://ithelp.ithome.com.tw/upload/images/20240914/201528647W3Yd0zcMT.png
應該會有人好奇,既然MySQL是個資料庫,那MySQL Workbench是甚麼呢?WorkBench本身就是操作資料庫的畫面,就像Windows系統是一個圖形化介面,讓我們可以用滑鼠操作,而Workbench就像是windows,把資料庫的操作變成圖形化介面,讓我們可以很直覺的操作,不然我們就要用命令提示字元來操作,就像是這個畫面
https://ithelp.ithome.com.tw/upload/images/20240914/20152864BXOlpUl451.png
相比這個畫面,用剛剛workbench的畫面是否就更加顯而易見了呢?

建置專案資料庫

接下來我們就要進行最後一個動作,建置這次專案所需要的資料庫,點選Local instance MySQL80,這邊會要你輸入帳密,輸入完之後按下確認
https://ithelp.ithome.com.tw/upload/images/20240914/20152864Pl1vJE6Hb2.png
在這裡我們在第一個Query1頁簽中輸入

create database accounting;

然後按下左上角的黃色閃掉,之後按下Refresh,左邊就會出現accounting這個資料庫
當我們到這裡,就完成了今天的任務了!
請記得一定要記得你的密碼,還有打對帳號的名稱,因為後續Spring boot 在操作的時候一定要這兩個資料,而且要完全正確才能執行。
https://ithelp.ithome.com.tw/upload/images/20240914/20152864LLxErTUJfQ.png


上一篇
Day 1 開賽目標與技術介紹
下一篇
Day 3 Eclipse安裝與設定教學
系列文
前後端整合,用Spring boot 與React 開發屬於自己的記帳網頁30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言