Git與Github入門操作&Web前端初窺基於IDEA
一.在IDEA上github入門操作
1.安裝git,將本地專案上傳到GitHub中
1.百度GIT進入官網下載git客戶端,下載完成GIT直接預設安裝即可
2.在IDEA中設定GIT
在file->setting中點選git,在其中設定 git路徑,設定好後可以點選右側test
4,在IDEA中登入github賬號
也是在setting中點到github介面,點左上角加號再點選log in via Github就會彈出網頁,直接登入即可。登陸成功後這個頁面便會顯示有個賬戶
如果沒註冊過github可以直接點選下方creat account按步驟註冊一個即可
5.開啟自己的一個專案後,點選VCS->share project on github設定好倉庫和專案的名字,以及填下備註資訊
6.顯示上傳成功,開啟github便可以發現剛剛的專案已經在這裡
2.從github中clone別的專案下來。
1.從file->new->project from version control點選建立新的專案
2.在github上選擇你需要clone的專案,點右邊code->clone獲取連結,在上一步出現的頁面中填上鍊接這樣便可以將github上的專案下載到本地在IDEA中打開了,可能其中需要在maven點選重新整理載入相應的包進行執行。
二.web前端初窺建立部署一個靜態網站
1.原理介紹:SpringBoot 專案中的web資源在src/main/resources下的資料夾static和templates 中。static 中放靜態頁面(*.html)和資源(圖片等),templates 中放動態頁面。靜態網頁內容可以不被SpringBoot專案程式碼中的@controller 攔截,直接用http協議返回至瀏覽器客戶端。
1.在src->resource->static 中新增一個靜態頁面檔案,在加入任意一張圖片。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta charset="UTF-8"> <title>hello</title> </head> <body> 你好!初學者,我是SpringBoot的簡單啟動頁面! </body> </html>
2.點選執行,在瀏覽器之中開啟localhost://8080/index.html,以及localhost://8080/pic.jpg便可以開啟網頁及圖片。
3.將附件中的部落格模板解壓放置於static目錄下就會發現被部署到了本地。
三.將專案上傳到github中並且更新一次觀察git的版本管理方式
4.將原來沒有新增後面這個部落格的專案commit到github中
resource目錄中的內容如下
2.再將後面的部落格內容複製進入其中,commit到github上
如圖所示可以發現已經push好了
再開啟github resource資料夾便可以發現多了剛剛上傳的
我們由此便可以發現github上的專案新push的會自動加在之前的版本之上十分方便。