5 3 頁面靜態化

2021-08-20 06:54:45 字數 1072 閱讀 8622

頁面靜態化:

頁面是存為html,動態的資料是通過介面來從服務端進行獲取的。所以服務端只需要寫介面。

極大的節省網路流量,提高響應速度。這種技術越來越流行,越來越多的公司開始使用這種技術。頁面靜態化,就是前後端分離。前端技術越來越多,越來越火的比如angularjs,vue.js

本次靜態化利用的是瀏覽器的快取。

一、首先在static資料夾下新建檔案goods_detail.htm, 字尾名變了,為了防止thymeleaf的預設查詢*.html格式的檔案

二、更改goods_list.html中的部分**:因為跳轉的時候不再通過服務端來進行了,而是通過客戶端來進行的。

"'/goods_detail.htm?goodsid=' + $">詳情

需要取url中的引數。往商品詳情跳轉的時候傳了乙個引數:goodsid

三、取url中的引數

需要在goods_detail.htm中的ajax方法中用到這個引數的值,那麼怎樣取出來呢?需要寫js**(在common.js中),引入common.js即可。

common.js:

//根據引數名獲取url引數

function getquerystring(name)

//設定時間格式化函式,使用new date().format("yyyymmddhhmmss");  

date.prototype.format = function (format) ;  

if (/(y+)/.test(format))  

format = format.replace(regexp.$1, (this.getfullyear() + "").substr(4 - regexp.$1.length));  

for (var i in args)   

return format;  

四、定義類goodsdetailvo(作為從後端向前端傳遞資料的載體)

package com.mydre.miaosha.vo;

import com.mydre.miaosha.domain.miaoshauser;

public class goodsdetailvo

1 2 頁面靜態化真靜態

0x00 1.頁面靜態化的分類 從形式化上劃分 真靜態 把乙個動態頁面 操作了資料庫,或者php結尾的 生成乙個靜態頁面.html檔案 偽靜態 從表面上看是乙個靜態頁面,實際操作時動態頁面。例如 實際上是訪問是 偽靜態主要是利用seo防sql注入 從範圍來說 全部靜態 區域性靜態 比如使用者登入 使...

038 商品詳情02 頁面靜態化

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

小議404頁面

一 什麼是404頁面?404頁面是客戶端在瀏覽網頁時,伺服器無法正常提供資訊,或是伺服器無法回應,且不知道原因所返回的頁面。404錯誤資訊通常是在目標頁面被更改或移除,或客戶端輸入頁面位址錯誤後顯示的頁面。完成404頁面的製作,是必要的,展示效果如下 輸入乙個不存在的頁面,如 二 404頁面有什麼作...