一種數(shù)據(jù)信息的顯示處理裝置的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及互聯(lián)網(wǎng)、移動(dòng)互聯(lián)網(wǎng)、局域網(wǎng)等電子信息領(lǐng)域，特別的涉及各類信息平 臺(tái)、電子商務(wù)、各類網(wǎng)站中的數(shù)據(jù)顯示方案和裝置。
【背景技術(shù)】
[0002] 現(xiàn)代社會(huì)正在跑步進(jìn)入信息化時(shí)代，越來越多的信息將通過局域網(wǎng)、互聯(lián)網(wǎng)、移動(dòng) 互聯(lián)網(wǎng)向外界傳播，給人們的信息交流與信息共享帶來極大方便，以促進(jìn)社會(huì)經(jīng)濟(jì)與科學(xué) 技術(shù)快速迅猛發(fā)展。要實(shí)現(xiàn)這樣的目標(biāo)，數(shù)據(jù)信息的檢索與顯示則是關(guān)鍵技術(shù)之一?，F(xiàn)在通 行的作法是用戶輸入檢索關(guān)鍵詞，提交后返回搜索結(jié)果以文字信息的形式顯示在用戶端， 供用戶查閱。此種作法的不足之處在于：?jiǎn)渭円晕淖址绞斤@示信息不直觀，用戶體驗(yàn)度差， 影響網(wǎng)站對(duì)用戶的吸引力。

【發(fā)明內(nèi)容】

[0003] 本發(fā)明所要解決的問題是：將顯示在用戶端的多條數(shù)據(jù)信息以直觀的圖文并茂的 形式或圖片形式逐條展現(xiàn)給用戶并附加相關(guān)延伸內(nèi)容的鏈接功能，不同的訪問條件（如不 同的訪問者、不同的時(shí)間、訪問者不同的所在地、不同的搜索關(guān)鍵詞等）顯示的內(nèi)容可以不 同以滿足不同用戶需求，并提升用戶端數(shù)據(jù)信息顯示的直觀度與用戶體驗(yàn)度。該裝置如圖4 所示由客戶裝置（如PC機(jī)、筆記本電腦、平板電腦、移動(dòng)手持設(shè)備等）+互聯(lián)網(wǎng)或移動(dòng)互聯(lián) 網(wǎng)或局域網(wǎng)或它們之間的任意組合+信息服務(wù)器+軟件，它們之間通過有線或無線信號(hào)相 互聯(lián)結(jié)并通過軟件聯(lián)系在一起形成一個(gè)信息顯示功能裝置。該裝置通過以下的技術(shù)方案得 以實(shí)現(xiàn)。
[0004] 網(wǎng)站（平臺(tái)）記錄用戶訪問瀏覽網(wǎng)站時(shí)產(chǎn)生的特定信息內(nèi)容（如瀏覽的商品種 類、顧客身份資料等）或網(wǎng)站通過程序設(shè)定的特定信息參數(shù)以此為依據(jù)在顧客訪問該網(wǎng) 站平臺(tái)時(shí)頁(yè)面以圖片+文字的圖文并茂的形式或圖片的形式逐條顯示出顧客可能感興趣 的信息供用戶瀏覽并在顯示區(qū)域設(shè)置觸發(fā)跳轉(zhuǎn)功能，在顧客愿意時(shí)還可以操作顯示區(qū)域 (如：鼠標(biāo)聚焦點(diǎn)擊或觸摸等）進(jìn)一步查看選中內(nèi)容的相關(guān)詳細(xì)信息內(nèi)容或延伸信息內(nèi)容。
[0005] 或者通過顧客提交的檢索請(qǐng)求經(jīng)平臺(tái)處理后返回相關(guān)信息內(nèi)容以圖片+文字的 圖文并茂的形式或圖片的形式逐條顯示并在顯示區(qū)域設(shè)置觸發(fā)跳轉(zhuǎn)功能，在顧客愿意時(shí)可 以操作顯示區(qū)域（如：鼠標(biāo)聚焦點(diǎn)擊或觸摸等）進(jìn)一步查看選中內(nèi)容的相關(guān)詳細(xì)信息內(nèi)容 或相關(guān)信息內(nèi)容。
[0006] 實(shí)現(xiàn)以上的功能，我們可以在事先確保硬件設(shè)施到位與數(shù)據(jù)庫(kù)建設(shè)完成的前提 下，使用第三方開發(fā)平臺(tái)系統(tǒng)開發(fā)項(xiàng)目軟件來實(shí)現(xiàn)。首先我們將所在開發(fā)平臺(tái)的項(xiàng)目與數(shù) 據(jù)庫(kù)建立有效鏈接，然后在顯示所在的頁(yè)面中設(shè)計(jì)有圖片與文字顯示區(qū)的數(shù)據(jù)顯示格式 塊，并依據(jù)檢索條件設(shè)計(jì)數(shù)據(jù)集，將數(shù)據(jù)集中的字段與顯示格式中圖片標(biāo)簽與文字進(jìn)行數(shù) 據(jù)綁定，并設(shè)計(jì)觸發(fā)跳轉(zhuǎn)功能，然后對(duì)信息顯示格式塊進(jìn)行多重?cái)?shù)據(jù)動(dòng)態(tài)重復(fù)顯示設(shè)計(jì)即 可實(shí)現(xiàn)本裝置功能。
【附圖說明】
[0007] 圖1是商品信息顯示格式塊設(shè)計(jì)視圖；
[0008] 圖2是電商平臺(tái)商品信息顯示界面；
[0009] 圖3是社交平臺(tái)會(huì)員信息顯示界面。
[0010] 圖4是本發(fā)明裝置的一種工作原理框圖。
【具體實(shí)施方式】
[0011] 以下是本發(fā)明的具體實(shí)施例并結(jié)合附圖對(duì)本發(fā)明的技術(shù)方案作進(jìn)一步的描述，為 了使敘述簡(jiǎn)明易懂，以下描述中省略了對(duì)本領(lǐng)域技術(shù)人員的公知功能和結(jié)構(gòu)的描述，但本 發(fā)明并不限于這些實(shí)施例。
[0012] 實(shí)施例一
[0013] 以電商購(gòu)物平臺(tái)的商品導(dǎo)購(gòu)供用戶選貨的頁(yè)面功能為例。我們使用第三方開發(fā)平 臺(tái)Dreamweaver開發(fā)本項(xiàng)目，首先就開發(fā)項(xiàng)目與數(shù)據(jù)庫(kù)建立有效連接并在平臺(tái)的頁(yè)面中根 據(jù)搜索請(qǐng)求建立數(shù)據(jù)集，在平臺(tái)的頁(yè)面中設(shè)計(jì)一個(gè)商品信息顯示功能塊，其中包含圖片顯 示區(qū)、文字顯示區(qū)，并對(duì)顯示區(qū)圖片與文字與數(shù)據(jù)集對(duì)應(yīng)字段進(jìn)行數(shù)據(jù)綁定，在功能塊的圖 片或文字區(qū)設(shè)計(jì)觸發(fā)或跳轉(zhuǎn)功能實(shí)現(xiàn)延伸詳細(xì)內(nèi)容顯示，然后以功能塊為顯示模板設(shè)置多 重?cái)?shù)據(jù)動(dòng)態(tài)顯示功能，即可實(shí)現(xiàn)根據(jù)本發(fā)明精神而開發(fā)的電商商品導(dǎo)購(gòu)模塊裝置。以下分 項(xiàng)詳細(xì)說明：
[0014] 設(shè)置圖片顯示區(qū)：在設(shè)置之前需確保所在的開發(fā)項(xiàng)目與數(shù)據(jù)庫(kù)建立了有效連 接，首先在頁(yè)面中插入一張用于設(shè)計(jì)顯示功能格式的一列數(shù)行的表格，在第一行中插 入asp. net的asp :Image(圖片標(biāo)簽），用于動(dòng)態(tài)顯示圖片，其余各行用于動(dòng)態(tài)顯示信 息的文字部份；第二步進(jìn)行數(shù)據(jù)綁定，先對(duì)所在頁(yè)面建立信息顯示所需的DataSet (數(shù) 據(jù)集），根據(jù)前一頁(yè)面提交的數(shù)據(jù)查詢請(qǐng)求，用一帶參數(shù)的SQL查詢語句如：SELECT*， (' agrigoodsp/' +photo_face)as rFace_image FROM dbo. agrigoods WHERE f2 =?零 售，and fl =,上架出售，and goodsName like OgoodsName and jubao = 0 and flag = I and view_A = 0建立所需的DataSet2。然后分別對(duì)第一步的圖片標(biāo)簽與文字與DataSet2中 的對(duì)應(yīng)字段進(jìn)行數(shù)據(jù)綁定，如對(duì)圖片標(biāo)簽的ImageUrl設(shè)置為111^861]1'1 =〈％#〇3丨356七2. FieldValue(" rFace_image"，Container)%〉，文字部份如商品名稱處將數(shù)據(jù)綁定設(shè)置 為：品名：〈％ # DataSet2.FieldValue(" M_address"，Container)% >〈％# DataSet2. FieldValue(" goodsName" ,Container)%〉。其余各項(xiàng)文字信息的處理以此類推。
[0015] 在對(duì)應(yīng)的圖片或文字區(qū)域設(shè)置觸發(fā)或跳轉(zhuǎn)功能，此處以圖片超鏈功能為例代碼 為〈a href ="agri_d. aspx ? idgoods = <% # DataSet2. FieldValue("idgoods"， Container)%〉" Xasp ：Image Height ="150"ID = " face_image"ImageUrl =〈％ #DataSet2. FieldValue(" rFace_image" ,Container)% >runat ="server" ToolTip ="點(diǎn)擊圖片查看詳細(xì)"/>〈/a>。設(shè)置完畢之后的界面如圖I所示。
[0016]設(shè)置多重商品數(shù)據(jù)動(dòng)態(tài)顯示功能。我們可以使用DataGrid數(shù)據(jù)網(wǎng)格或R印eater 重復(fù)區(qū)域或DqtaList數(shù)據(jù)列表或其它方法完成數(shù)據(jù)組的重復(fù)動(dòng)態(tài)顯示。完成后的運(yùn)行顯 示界面如圖2所示，對(duì)應(yīng)的實(shí)現(xiàn)代碼為：

[0017] 實(shí)施例二
[0018] 下面以社交婚戀平臺(tái)的會(huì)員搜索導(dǎo)航為例作進(jìn)一步的說明：我們使用第三方開發(fā) 平臺(tái)Dreamweaver開發(fā)本項(xiàng)目，首先就開發(fā)項(xiàng)目與數(shù)據(jù)庫(kù)建立有效連接并在平臺(tái)的頁(yè)面中 根據(jù)搜索請(qǐng)求建立數(shù)據(jù)集，然后設(shè)計(jì)一會(huì)員信息顯示格式塊并進(jìn)行數(shù)據(jù)綁定，其中包含照 片顯示區(qū)，文字顯示區(qū)，再在格式塊的照片或文字區(qū)設(shè)計(jì)觸發(fā)或跳轉(zhuǎn)功能，然后以功能塊為 顯示模板設(shè)置多重?cái)?shù)據(jù)動(dòng)態(tài)顯示功能，即可實(shí)現(xiàn)根據(jù)本發(fā)明精神而開發(fā)的會(huì)員搜索導(dǎo)航 尋找鐘情戀人的功能。下面分項(xiàng)詳細(xì)說明：
[0019] 設(shè)置圖片顯示區(qū)：在設(shè)置之前需確保所在的開發(fā)項(xiàng)目與數(shù)據(jù)庫(kù)建立了有效連接， 首先在所在頁(yè)面中插入一張用于設(shè)計(jì)顯示功能塊格式的一列數(shù)行的表格，在第一行中插入 asp. net的asp :Image (圖片標(biāo)簽），用于動(dòng)態(tài)顯示會(huì)員照片，其余各行用于動(dòng)態(tài)顯示信息 的文字部份；第二步進(jìn)行數(shù)據(jù)綁定，先對(duì)所在頁(yè)面建立信息顯示所需的DataSet (數(shù)據(jù)集）， 根據(jù)前一頁(yè)面提交的會(huì)員搜索請(qǐng)求，用一帶參數(shù)的SQL查詢語句如：SELECT userlD，age， face_image， LoginName， marriage， sen， si， userlD， UserName， sex， （' photo/' +face_ image) as rFace_image FROM fami lyusersheet WHERE sen = isen and age> = iagel and age< = iage2 and comeMoneyM like OcomeMoneyM and sex = isex and si = I 建立所需 的DataSetl。然后分別對(duì)第一步的照片標(biāo)簽與文字與DataSetl中的對(duì)應(yīng)字段進(jìn)行數(shù)據(jù)綁 定，如對(duì)圖片標(biāo)簽的 ImageUrl 設(shè)置為 ImageUrl =〈％ # DataSetL FieldValue (" rFace_ image "，Container) % >，文字部份會(huì)員昵稱將數(shù)據(jù)綁定設(shè)置為：〈％#〇3丨&561:1. FieldValue(" LoginName" ,Container)%〉。其余各項(xiàng)文字信息的處理以此類推，
[0020] 在對(duì)應(yīng)的照片或文字區(qū)域設(shè)置觸發(fā)或跳轉(zhuǎn)功能，此處以照片超鏈功能為例代碼 為〈a href = " user_view. aspx ? userid =〈％ # DataSetL FieldValue (" userid"， Container)%y"Xasp ： Image ID=" face_image"runat ="server" ImageUrl = 〈％ #DataSetl. FieldValue(" rFace_image" ,Container) %>Height=〃 150" />〈/a>〇
[0021] 設(shè)置多位會(huì)員資料數(shù)據(jù)動(dòng)態(tài)顯示功能。我們可以使用DataGrid數(shù)據(jù)網(wǎng)格或 R印eater重復(fù)區(qū)域或DqtaList數(shù)據(jù)列表或其它方法完成數(shù)據(jù)組的重復(fù)動(dòng)態(tài)顯示任務(wù)。完 成后的運(yùn)行顯示界面如圖3所示，對(duì)應(yīng)的實(shí)現(xiàn)代碼為：

[0022] 本文所描述的具體實(shí)施例僅僅是對(duì)本發(fā)明精神作舉例說明。僅管只描述了本申請(qǐng) 的優(yōu)選實(shí)施例，但本領(lǐng)域的技術(shù)人員一旦得知了基本創(chuàng)造性概念，則可對(duì)這些實(shí)施例作出 另外的變更或修改與補(bǔ)充或采用類似的方式替代，故所附權(quán)利要求意欲解釋為包括優(yōu)選實(shí) 施例以及落入本申請(qǐng)范圍的所有變更、補(bǔ)充、修改或采用類似的替代方案。顯然本領(lǐng)域的技 術(shù)人員可以對(duì)本申請(qǐng)進(jìn)行各種改動(dòng)和變形但并不會(huì)偏離本發(fā)明的精神或者超越所附權(quán)利 要求書所定義的范圍。
【主權(quán)項(xiàng)】
1. 一種數(shù)據(jù)信息的顯示處理裝置，其特征在于在互聯(lián)網(wǎng)、移動(dòng)互聯(lián)網(wǎng)和局域網(wǎng)的相關(guān) 平臺(tái)、網(wǎng)站、信息系統(tǒng)中的多條數(shù)據(jù)信息在用戶端以圖片+文字或圖片的形式逐一顯示。2. 如權(quán)利要求1所述的顯示裝置，其特征在于可以顯示二條數(shù)據(jù)信息也可顯示二條以 上的多條數(shù)據(jù)信息。3. 如權(quán)利要求1所述的顯示裝置，其特征在于不同的訪問條件（如不同的訪問者、不同 的時(shí)間、訪問者不同的注冊(cè)所在地或注冊(cè)所在地、不同的搜索關(guān)鍵詞等）所顯示的內(nèi)容可 以不完全相同。4. 如權(quán)利要求1所述的顯示處理裝置其特征在于其數(shù)據(jù)信息顯示區(qū)域既可以是普通 的圖片+文字顯示方案也可以采用具有特殊功能的顯示方案如用戶可以通過鼠標(biāo)或觸摸 顯示屏等操作手段查看顯示區(qū)所屬信息的詳細(xì)信息內(nèi)容或更進(jìn)一步的延伸信息內(nèi)容。5. 如權(quán)利要求1所述的顯示裝置中所述圖片其特征在于包括普通圖片、各種動(dòng)畫、視 頻等多種媒體形式。
【專利摘要】本發(fā)明公布一種數(shù)據(jù)信息的顯示處理裝置，屬于互聯(lián)網(wǎng)、移動(dòng)互聯(lián)網(wǎng)、局域網(wǎng)電子信息領(lǐng)域，由用戶端(如PC機(jī)、移動(dòng)手持設(shè)備等)、+互聯(lián)網(wǎng)、移動(dòng)互聯(lián)網(wǎng)+服務(wù)器+軟件組成。適用于互聯(lián)網(wǎng)、移動(dòng)互聯(lián)網(wǎng)、局域網(wǎng)中的信息平臺(tái)或網(wǎng)站。本裝置通過對(duì)服務(wù)軟件的設(shè)計(jì)可使平臺(tái)、網(wǎng)站中的多條數(shù)據(jù)信息以圖文或圖片的形式逐條顯示在用戶端，不同的訪問條件顯示內(nèi)容可以不完全相同，并可通過操作顯示區(qū)域查看更進(jìn)一步的延伸詳細(xì)信息，大大增強(qiáng)對(duì)訪問者的吸引力與用戶體驗(yàn)度并提高網(wǎng)站的吸引力。
【IPC分類】G06F17/30
【公開號(hào)】CN105069166
【申請(qǐng)?zhí)枴緾N201510537300
【發(fā)明人】鄒春秋
【申請(qǐng)人】鄒春秋
【公開日】2015年11月18日
【申請(qǐng)日】2015年8月28日