商品詳情靜態頁面

2021-10-13 10:45:10 字數 2000 閱讀 8361

商品詳情靜態頁面,很好看的商品詳情靜態頁面,有規格引數、商品介紹、商品評價、售後保障、掃手機下單、加入購物車

檔案:n459.com/file/25127180-477876958

以下內容無關:

-------------------------------------------分割線---------------------------------------------

git reset功能整體的操作分為三個步驟,我們拆分開來詳細介紹。

第一步(移動指標)

雖然reset有三個步驟,但是我們通過加入不同的引數,可以實現在不同的步驟退出。但是不管怎麼操作,第一步都是一定會執行的。

reset的第一步就是移動head指標,head指標我們都知道就是當前的工作目錄的指標。說到移動指標,我們可能會想起checkout,checkout的功能就是移動指標。我們不僅可以移動到另外的分支,也可以移動到之前某一次的提交記錄。

這是我們這個git專題的目錄,如果我們執行git checkout bee9ce,那麼我們的工作目錄會被重置到這個提交之後的狀態。而最新的add article 17這個commit的所有改動都會不可見,就好像發生了時間倒流一樣,我們回到了剛剛commit完add new articles的狀態。

reset雖然也一樣是移動head指標,但是它對於移動之後的處理不同。reset之後我們的commit不是不可見而是被回滾了。

我們來做個實驗,現在我們在目錄當中建立乙個test.txt檔案,我們把它commit。

然後我們執行git reset --soft head~。

這裡的head我們應該都了解了,head表示當前位置,表示前乙個位置。所以連起來就是表示reset到head之前的乙個提交。soft引數表示我們reset的時候只執行第乙個步驟,也就是移動指標的步驟。

reset之後我們發現test.txt這個檔案並沒有消失,仍然還在暫存區當中,只不過還沒有被commit。這就是reset回滾commit的操作,它不會把改動抹除,但是會把commit取消。

第二步(更新暫存區)

如果我們在reset的時候加上了–soft的引數,它會在執行第一步結束之後就退出,後面的第二步和第三步都不會執行。

如果想要執行第二步,我們可以不傳任何引數,或者是指定–mixed。因為reset的預設引數就是–mixed。

第二個步驟是更新暫存區,前面我們看見了,如果只是移動指標,那麼在移動的時候會把中間的commit全部取消。雖然這些提交被取消了,但是它們對應的改動仍然存在,並且一樣存放在暫存區當中,相當於執行完git add之後的狀態。

如果我們繼續執行第二步,git會把暫存區也給重置,回到git add之前的狀態。

如上圖所示,我們執行了git reset head~之後再執行git status可以看到test.txt回到了被add之前的狀態。

第三步(回滾修改)

reset的最後一步是回滾修改,也就是在第二步的基礎上,進一步把改動全部抹除,回滾到沒有修改之前的狀態。如果需要實現這一點,需要加上–hard引數。

這是乙個非常危險的操作,它不僅會回滾已經被commit的所有改動,並且還會強制覆蓋當前工作區,所有沒有被提交的改動也一樣會消失。只要是提交了的改動,即使reset了,也可以通過reflog找回來,但是如果沒有提交的就沒有辦法了,所有的改動都會消失。對於開發者來說,這是乙個巨大的打擊,一定要切記慎重。

最後我們簡單總結一下reset的用法。

git reset --soft,只會回滾commit操作,所有的改動都會保留在暫存區。相當於回到了執行git commit之前。

git reset --mixed,不僅會回滾commit操作,也會回滾暫存區內的內容。相當於回到了執行git add之前。

git reset --hard,會回滾一切,重置工作區。相當於回到了改動之前,沒有被commit的內容會丟失。

reset是乙個很好用的功能,使用熟練可以起到非常大的作用,實現一些炫酷的功能。但是它也有很大的隱患,如果一不小心使用了–hard可能會導致一些悲劇發生。我就有過幾次不小心把剛寫完的**回滾了的經歷,所以大家在使用的時候一定要千萬小心。

038 商品詳情02 頁面靜態化

1.簡介 1 問題分析 現在,我們的頁面是通過thymeleaf模板引擎渲染後返回到客戶端。在後台需要大量的資料查詢,而後渲染得到html頁面。會對資料庫造成壓力,並且請求的響應時間過長,併發能力不高。大家能想到什麼辦法來解決這個問題?首先我們能想到的就是快取技術,比如之前學習過的redis。不過r...

實現京東商品詳情頁面的商品切換功能

功能介紹 根據選擇商品引數不同,選擇後跳轉到對應的商品詳情頁面 資料庫表 sku商品屬性與銷售屬性對應關係表 sku sale attr value 查詢語句 select group concat sale attr value id order by sale attr value id sep...

商品詳情介面

思路1 根據檢視 商品詳情.md 介面文件,組裝商品詳情vo 思路2 確定dm item consumer微服務工程 思路3 介面output中的資訊包含了三張表 商品資訊 dm item 資訊 dm image 劇院資訊 dm cinema 思路4 查詢商品資訊思路 通過入口引數商品id獲取 思路...