2016-04-27 36 views
2
頁面

具體行動我有這樣的目標網頁上這個網址爲

  1. 用戶登陸頁面流。
  2. 然後做一些選擇框的選擇,然後點擊搜索。
  3. 然後使用所有搜索條件進入新頁面並顯示搜索結果。
  4. 在這個頁面中,我們留下了顯示所有結果的部分,當用戶單擊任何結果項時,我們會在右側顯示結果詳細信息。

這一切都很好。但是現在,客戶端需要可打開的部分的書籤鏈接,即當使用左側div的點擊時,右側div應該打開,並且應該有適當的url,以便它可以共享。

我該如何做到這一點,使開放divs的網址?我試過#id = 1002一切正常,但是當用戶複製url和paste時,java無法獲得散列標籤。

+0

爲什麼Java無法獲得散列標籤?當請求將以URL打到你時,你應該能夠獲得URL的所有部分。那裏有什麼問題? – avck

+0

@avck - 我不是Java開發人員。你能指導我如何在Java中抽出散列細節嗎? – Hacker

+0

如果在後端使用jsp,請使用這個 – avck

回答

0

這是做它的一個。 - 編碼和映射URL,然後在JavaScript內處理它們。

讓我解釋一下。

說,例如,你有2周的div - div1div2

(1)編纂和創建映射邏輯/公約---

地圖的div到URLS的狀態 -

div1div2接近 - > URL = mysite.com/page/d1-open/d2-close

div1div2開 - > URL = mysite.com/page/d1-open/d2-open

div1接近div2開 - > URL = mysite.com/page/d1-close/d2-open

div1接近div2接近 - > URL = mysite.com/page/d1-close/d2-close

(2)手柄在服務器網址---只是要發送mysite.com/page的輸出,忽略其餘的

(3)處理URL在客戶端 ---

像這樣

function handleURL() { 
    var myURL = window.location.href; 
    var urlArray = myURL.split("/"); 
    //examine the urlArray and decode the URL code after mysite.com/page/ 
    // and open or close your divs accordingly 
    // eg: if the url-part after page/ is div1-open/div2-close 
    // i.e urlArray[2]=div1-open and urlArray[3]=div2-close 
    // you would know what to do accordingly... 
    } 

我解釋你的例子,是幾乎沒有可擴展性。您將不得不手動爲n divs的每個組合創建2^n映射。但是,如果真的想使其具有可擴展性,那麼您也可以自動化編碼。

您可以爲頁面的每個狀態分配一個唯一的ID。

如:mysite.com/mypage/page-config-id=abcd1

然後你問服務器的div configuration 即其div是div的封閉開放等爲JSON。然後你可以使用Javascript來解析JSON並重新排列頁面。

您可以將div config --> page-config-id鍵值對存儲在服務器上的鍵值數據庫中的數據庫或文件或noSQL或其他內容中。

0

您只需要正確的div內容的URL。

你將不得不想出一個鏈接到搜索資源的uri路由器。

如果您的搜索資源是用戶配置文件,那麼所有用戶都應該可以通過某些URI/user /:userid進行訪問。

假設搜索是一個名爲ž。你的左格將與名稱ž所有配置文件的人。點擊任何結果項目將在詳細視圖中打開該人員,但是URL應該使用位置屬性更改爲/ user/z1。

此外,您還需要檢查正在搜索資源的用戶是否具有訪問級別以查看該內容。