1. 程式人生 > 其它 >Git與Github入門操作&Web前端初窺基於IDEA

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的會自動加在之前的版本之上十分方便。