基于HTML5技術(shù)的網(wǎng)頁(yè)廣告動(dòng)態(tài)交互系統(tǒng)設(shè)計(jì)

摘? 要： 針對(duì)目前網(wǎng)頁(yè)廣告交互性的問(wèn)題，提出基于HTML5技術(shù)的網(wǎng)頁(yè)廣告動(dòng)態(tài)交互系統(tǒng)設(shè)計(jì)。首先，對(duì)HTML技術(shù)的特點(diǎn)進(jìn)行分析，并且分析網(wǎng)頁(yè)廣告動(dòng)態(tài)系統(tǒng)的設(shè)計(jì)原則。將其作為基礎(chǔ)設(shè)計(jì)網(wǎng)頁(yè)廣告動(dòng)態(tài)交互系統(tǒng)，分析系統(tǒng)設(shè)計(jì)的流程，充分考慮用戶的感受設(shè)計(jì)典型頁(yè)面，創(chuàng)建元服務(wù)中心模型，給出元服務(wù)中心模型數(shù)據(jù)庫(kù)的創(chuàng)建流程和關(guān)鍵代碼，從而創(chuàng)建數(shù)據(jù)庫(kù)的鏈接，定義記錄集，實(shí)現(xiàn)網(wǎng)頁(yè)廣告動(dòng)態(tài)交互系統(tǒng)。通過(guò)該系統(tǒng)設(shè)計(jì)，網(wǎng)站能夠和訪問(wèn)者進(jìn)行交互，網(wǎng)站頁(yè)面也從靜態(tài)頁(yè)面轉(zhuǎn)變成為靜態(tài)和動(dòng)態(tài)頁(yè)面結(jié)合的方式。

關(guān)鍵詞： 網(wǎng)頁(yè)廣告; 動(dòng)態(tài)交互系統(tǒng); HTML5技術(shù); 系統(tǒng)設(shè)計(jì); 網(wǎng)頁(yè)搜索; 數(shù)據(jù)庫(kù)鏈接

中圖分類號(hào)： TN02?34? ? ? ? ? ? ? ? ? ? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼： A? ? ? ? ? ? ? ? ? ? ? ? ? ?文章編號(hào)： 1004?373X（2020）21?0076?04

Design of Web advertising dynamic interaction system based on HTML5 technology

CHEN Ronghua

（The Tourism College of Changchun University， Changchun 130000， China）

Abstract： In view of the problem of interactivity of Web advertisement， the design of Web advertising dynamic interaction system based on HTML5 technology is proposed in this paper. The characteristics of HTML technology and design principles of the Web advertising dynamic system are analyzed in this paper. On the basis of the analysis results， the Web advertising dynamic interaction system is designed. The system design process is analyzed. In the design， the users′ feelings are fully considered to design a typical page， and create a service center model. The creation process and key code of meta?service center model database are given. A database link is created and the record set is defined for achievement of the Web advertising dynamic interaction system. With the system designed in this paper， the website can interact with visitors， and the website page has changed from static page to another mode of combining the static page with dynamic page.

Keywords： Web advertising; dynamic interactive system; HTML5 technology; system design; Web search; database link

0? 引? 言

HTML（超文本標(biāo)記語(yǔ)言）是通過(guò)中文翻譯為超文本標(biāo)記語(yǔ)言，HTML5為Web頁(yè)面優(yōu)化技術(shù)，是目前移動(dòng)科學(xué)技術(shù)發(fā)展中探究的技術(shù)，該技術(shù)的使用和媒體傳輸技術(shù)的整合，能夠保證技術(shù)傳輸?shù)恼暇C合性控制技術(shù)的使用，并且還能夠以媒體傳輸技術(shù)使用需求，及時(shí)調(diào)整技術(shù)應(yīng)用方式與對(duì)策。本文通過(guò)研究基于HTML5技術(shù)的網(wǎng)頁(yè)廣告動(dòng)態(tài)交互系統(tǒng)，根據(jù)現(xiàn)有技術(shù)應(yīng)用的需求分析技術(shù)應(yīng)用的方式[1]，與新媒體技術(shù)傳輸與發(fā)展相互結(jié)合，實(shí)現(xiàn)未來(lái)技術(shù)應(yīng)用發(fā)展的展望，以此有效整合HTML5技術(shù)和移動(dòng)端廣告設(shè)計(jì)工作。

1? HTML5技術(shù)的特點(diǎn)

HTML5技術(shù)為創(chuàng)建網(wǎng)頁(yè)方式，也是網(wǎng)頁(yè)接收端與開(kāi)發(fā)端標(biāo)記標(biāo)題、圖片、正文、文本樣式等頁(yè)面內(nèi)容的規(guī)范。數(shù)字5指的是HTML第5次重大技術(shù)修改，HTML5利用編碼技術(shù)進(jìn)行使用，測(cè)試頁(yè)、游戲、廣告為主要表現(xiàn)方式。HTML5不僅是指此技術(shù)所實(shí)現(xiàn)的Web廣告，還包括CSS3，Java Script等將HTML5技術(shù)作為基礎(chǔ)的社交媒體互動(dòng)廣告應(yīng)用集合。HTML5標(biāo)準(zhǔn)改革和發(fā)展創(chuàng)新了PC互聯(lián)網(wǎng)端格局，對(duì)移動(dòng)互聯(lián)網(wǎng)用戶體驗(yàn)進(jìn)行優(yōu)化。將HTML5作為核心的Web頁(yè)面的輕便化優(yōu)勢(shì)，能夠?qū)崿F(xiàn)新內(nèi)容的反應(yīng)，開(kāi)發(fā)時(shí)間短，并且此標(biāo)準(zhǔn)具有豐富交互、重內(nèi)容、跨平臺(tái)與豐富體驗(yàn)的要求，支持多媒體元素[2]。

2? 網(wǎng)頁(yè)廣告動(dòng)態(tài)系統(tǒng)的設(shè)計(jì)原理

不同交互式動(dòng)態(tài)網(wǎng)頁(yè)的內(nèi)容各不相同，包括食物、衣服飾品、教育等，但是交互式動(dòng)態(tài)網(wǎng)頁(yè)具有相同設(shè)計(jì)原理。交互式動(dòng)態(tài)頁(yè)面為：

訪問(wèn)者提交信息：此頁(yè)面能夠?yàn)樵L問(wèn)者提供幫助按鈕，在訪問(wèn)者有相關(guān)需求時(shí)，利用輸入的查詢內(nèi)容點(diǎn)擊提交按鈕，對(duì)網(wǎng)站內(nèi)部傳遞信息，網(wǎng)站內(nèi)部搜索原本信息庫(kù)尋找訪問(wèn)者。

網(wǎng)站處理訪問(wèn)者需求頁(yè)面：在網(wǎng)站內(nèi)部尋找關(guān)于訪問(wèn)者內(nèi)容時(shí)，能夠?yàn)樵L問(wèn)者提供反饋?lái)?yè)面，向訪問(wèn)者傳遞最終結(jié)果[3]。

一般交互式動(dòng)態(tài)網(wǎng)站設(shè)計(jì)方式為：

1） 手工編碼：此方面指設(shè)計(jì)人員對(duì)HTML代碼編寫(xiě)，從而設(shè)計(jì)交互式網(wǎng)頁(yè)，但是此種設(shè)計(jì)方法對(duì)設(shè)計(jì)人員的要求比較高，如果出現(xiàn)編碼錯(cuò)誤就會(huì)使設(shè)計(jì)出現(xiàn)問(wèn)題。通過(guò)此方式編碼效率比較大，而且后期制作調(diào)試復(fù)雜，此方法不建議使用。

2） 可視化工具設(shè)計(jì)：在信息技術(shù)不斷發(fā)展的過(guò)程中也研發(fā)了大量可視化網(wǎng)頁(yè)編輯工具，在可視化環(huán)境中通過(guò)此工具能夠制作網(wǎng)頁(yè)，和第一種方式對(duì)比更加的簡(jiǎn)單方便，但是在復(fù)雜網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中存在約束。

3） 可視化結(jié)合手工編碼：此設(shè)計(jì)方式較為理想，結(jié)合以上兩種方法的優(yōu)勢(shì)，簡(jiǎn)化交互式動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的難度，對(duì)頁(yè)面內(nèi)容進(jìn)行豐富[4]。

3? 網(wǎng)頁(yè)廣告動(dòng)態(tài)交互系統(tǒng)的設(shè)計(jì)

3.1? 系統(tǒng)設(shè)計(jì)流程

在網(wǎng)頁(yè)廣告動(dòng)態(tài)交互系統(tǒng)設(shè)計(jì)的過(guò)程中要將用戶作為中心實(shí)現(xiàn)，此模式的主要思想就是將用戶作為設(shè)計(jì)過(guò)程中的核心，使用戶需求得到滿足，在產(chǎn)品后續(xù)設(shè)計(jì)與開(kāi)發(fā)的過(guò)程中，要重視基于用戶的深度研究與理解。將用戶作為中心的設(shè)計(jì)不僅要在產(chǎn)品使用流程與信息架構(gòu)方面下功夫，還要重視用戶的使用習(xí)慣、視覺(jué)感受?；谟脩舻恼{(diào)研[4]，系統(tǒng)的前端創(chuàng)建流程如圖1所示。

3.2? 典型頁(yè)面的設(shè)計(jì)

充分考慮整體實(shí)際需求，此平臺(tái)主要頁(yè)面包括登錄/注冊(cè)頁(yè)、主頁(yè)、導(dǎo)航頁(yè)、搜索頁(yè)。各頁(yè)面元素構(gòu)成完整UI時(shí)，要求各頁(yè)面邏輯清晰，避免和常規(guī)使用有過(guò)多出入，還能夠降低用戶操作錯(cuò)誤，邏輯清楚。

在新用戶注冊(cè)時(shí)要提供用戶ID、電子信箱、用戶昵稱和密碼，用戶具有唯一的ID與昵稱，在輸入昵稱與ID以后能夠檢測(cè)是否可用。

用戶登錄頁(yè)面要求提供自動(dòng)登錄和記住密碼供用戶選擇[5]。

主頁(yè)面信息中通過(guò)縮略圖展示個(gè)人信息，針對(duì)新推送的信息不能夠在客戶端中直接展示，會(huì)使用戶流量開(kāi)銷(xiāo)增加，只需要推送通知，用戶在需要時(shí)往下劃動(dòng)就能夠看到全新的信息，頁(yè)面的邏輯結(jié)構(gòu)如圖2所示。

3.3? 元服務(wù)中心模型

元服務(wù)中心指的是廣義服務(wù)中心列表基本原子結(jié)構(gòu)單元，集成部分服務(wù)資源與信息，能夠執(zhí)行在能力屬性集范圍中的服務(wù)。支持動(dòng)態(tài)交互可重構(gòu)服務(wù)系統(tǒng)研究要能夠滿足客戶需求設(shè)計(jì)元服務(wù)中心模型MSC，在提供服務(wù)時(shí)有多種預(yù)先未知變化，元服務(wù)中心模型要使客戶多元化需求得到滿足。有兩種基本開(kāi)發(fā)總體框架方法對(duì)不同服務(wù)進(jìn)行處理，分別為基于概括與整合重組小模型。基于概括的方法為提供給支持廣泛發(fā)生抽象化的MSC結(jié)構(gòu)模型，此模型能夠提供給有用功能場(chǎng)景專門(mén)化支持。除了概括功能與方法，一個(gè)MSC模型還要支持重構(gòu)，比如多個(gè)單獨(dú)過(guò)程行為創(chuàng)建復(fù)雜MSC模型，也就是存儲(chǔ)相應(yīng)可重用過(guò)程的行為組件模塊。重組與概括在解決問(wèn)題的基礎(chǔ)上，能夠使客戶多元化需求得到滿足[6]。

所以，本節(jié)對(duì)以上服務(wù)需求和知識(shí)元服務(wù)中心模型進(jìn)行設(shè)計(jì)，元服務(wù)中心包括目標(biāo)本體論、領(lǐng)域本體論與過(guò)程行為組件問(wèn)題，元服務(wù)中心模型如圖3所示。

操作步驟如下：

1） 創(chuàng)建數(shù)據(jù)庫(kù)源名。在系統(tǒng)控制面板中對(duì)ODBC圖標(biāo)，選擇文件DSN屬性和添加，之后出現(xiàn)對(duì)話框?qū)︱?qū)動(dòng)程序選擇，之后輸入數(shù)據(jù)源文件名;

2） 數(shù)據(jù)庫(kù)鏈接的創(chuàng)建。通過(guò)Open函數(shù)實(shí)現(xiàn)數(shù)據(jù)庫(kù)鏈接，語(yǔ)法為：

SetConnect=ServeCreateObject（ADODB.Connection）

Connect.Open （DSN=dsnname;UID=user ID;PWD=password）

其中，數(shù)據(jù)源名為dsnname;用戶名為user ID;用戶口令為password。

3） 數(shù)據(jù)對(duì)象的創(chuàng)建。RecordSet為ADO中最復(fù)雜的對(duì)象，具有多種方法與屬性，但是如果能夠使用得當(dāng)，具有良好的效果[6]，方法為：

Set RecordSet=connect.Execute（sqt Str）

4） 數(shù)據(jù)庫(kù)操作。利用Execute能夠便于實(shí)現(xiàn)數(shù)據(jù)插入、修改和刪除，比如：

sqlSr=InsertIntoblValues（1，2） Connect.Execute（sql Srt）

5） 數(shù)據(jù)對(duì)象與鏈接的關(guān)閉。

Objectrecords=new Object[row+ 2][line]：

rs.before First（）

for（int i=0：

records[0][i]=rm.get Column Name（i+1）

records[0][row+1]=rm.get Column Tpe（i+1）;}

int i = 1：

while （rs.next（））

for （int j =0：j

if （rs.get String（j+1）== null）

records[i][j]：null：

else

records[i][j]=rs.get String（j+1）.trim0;

}

i++：

return records：

返回二維數(shù)組，通過(guò)字符串方式存儲(chǔ)JDBC查詢結(jié)果，在后續(xù)處理過(guò)程中，不管是輸出或者其他方式處理，都能夠直接操作網(wǎng)頁(yè)[7]。

3.4? 動(dòng)態(tài)交互結(jié)構(gòu)

動(dòng)態(tài)交互結(jié)構(gòu)的核心為服務(wù)中心，服務(wù)中心是系統(tǒng)執(zhí)行指定任務(wù)代理機(jī)構(gòu)，重要性表現(xiàn)為系統(tǒng)利用服務(wù)中心對(duì)關(guān)鍵時(shí)刻服務(wù)活動(dòng)進(jìn)行控制，如果在資源稀缺的時(shí)候就要停止執(zhí)行任務(wù)，此為自適應(yīng)的重點(diǎn)[8]。動(dòng)態(tài)交互服務(wù)中心基本模型如圖4所示。

服務(wù)中心的運(yùn)行目標(biāo)就是追求成功關(guān)鍵因素（CSFs），此是作為標(biāo)準(zhǔn)對(duì)象所創(chuàng)建。CSFs定義服務(wù)的服務(wù)水平，比如90%服務(wù)要使性能的非功能性需求得到滿足。服務(wù)中心篩選程序?qū)θ蝿?wù)篩選，決定是否能夠在層級(jí)中實(shí)現(xiàn)信息傳遞，創(chuàng)建服務(wù)任務(wù)能夠達(dá)到最新關(guān)鍵成功因素[9]。篩選程序?qū)ψ赃m應(yīng)機(jī)制支持，比如系統(tǒng)無(wú)法提供高性能非功能性要求服務(wù)，分塊訪問(wèn)服務(wù)能夠保證可用資源。利用封裝中心使短時(shí)間與長(zhǎng)時(shí)間記憶進(jìn)行存儲(chǔ)，并且存儲(chǔ)現(xiàn)有歷史事件，此事件表示服務(wù)中心完成任務(wù)失敗、成功的經(jīng)歷，為系統(tǒng)自適應(yīng)提供基礎(chǔ)[10]。

另外，還要?jiǎng)?chuàng)建系統(tǒng)層次。層次指的是自適應(yīng)動(dòng)態(tài)分布式結(jié)構(gòu)基礎(chǔ)概念，原則為分離智能化層次，實(shí)現(xiàn)系統(tǒng)數(shù)據(jù)分類。自適應(yīng)動(dòng)態(tài)分布式結(jié)構(gòu)能夠以VSM理論創(chuàng)建五級(jí)模型，ADDA層級(jí)與VSM子系統(tǒng)的關(guān)聯(lián)如圖5所示。

運(yùn)行層：此層能夠?qū)M足系統(tǒng)操作功能的簡(jiǎn)單線性數(shù)據(jù)進(jìn)行處理，操作數(shù)據(jù)庫(kù)不連接不同區(qū)域數(shù)據(jù)庫(kù)。

監(jiān)控控制層：此層對(duì)多維度數(shù)據(jù)進(jìn)行處理，能夠?qū)崿F(xiàn)行為走勢(shì)的分析。在此層中，利用外部趨勢(shì)對(duì)業(yè)務(wù)操作進(jìn)行監(jiān)控，對(duì)各集合層次歷史數(shù)據(jù)進(jìn)行分析實(shí)現(xiàn)相應(yīng)的請(qǐng)求，比如時(shí)間、類型和位置數(shù)據(jù)等[11]。

監(jiān)控操作層：此層數(shù)據(jù)存在集成與維護(hù)，比如根據(jù)組別與時(shí)間組織數(shù)據(jù)。此層對(duì)操作情況進(jìn)行監(jiān)控，服務(wù)中心利用過(guò)濾請(qǐng)求快速反應(yīng)失敗操作。

命令層：此層為最高層級(jí)，還能夠?qū)Φ图?jí)層次無(wú)法處理的變化進(jìn)行處理，以此表示能夠?qū)π聶C(jī)會(huì)、威脅進(jìn)行識(shí)別。

控制層：此層針對(duì)簡(jiǎn)單應(yīng)急行為與趨勢(shì)能夠?qū)崿F(xiàn)學(xué)習(xí)記憶，并且自動(dòng)運(yùn)行、預(yù)測(cè)與仿真。雖然監(jiān)控控制層能夠?qū)厔?shì)預(yù)測(cè)，但還要利用控制層進(jìn)行模擬[12]。

3.5? 網(wǎng)頁(yè)的搜索和匹配

搜索功能是將給定的基本搜索條件作為基礎(chǔ)，使用戶能夠快速且方便地查找搜索事件，并且為用戶以打分的方式推薦內(nèi)容，此功能能夠在緊急情況下解決交互問(wèn)題，使用戶的需求得到滿足[13]，搜索與匹配功能的流程如圖6所示。

搜索和匹配功能中的信息利用用戶自己對(duì)系統(tǒng)表單中的選項(xiàng)選擇，地理位置部分使用gelolcation API得到設(shè)備經(jīng)緯度坐標(biāo)，之后調(diào)用百度地圖地理位置反編碼的方法，使經(jīng)緯度坐標(biāo)朝著實(shí)際信息轉(zhuǎn)變，之后在頁(yè)面中展現(xiàn)。

3.6? 創(chuàng)建數(shù)據(jù)庫(kù)鏈接

數(shù)據(jù)庫(kù)鏈接指的是設(shè)置數(shù)據(jù)庫(kù)參數(shù)，否則，Web應(yīng)用程序無(wú)法知道數(shù)據(jù)庫(kù)如何連接數(shù)據(jù)庫(kù)。在用戶利用瀏覽器對(duì)服務(wù)器發(fā)送請(qǐng)求時(shí)，以數(shù)據(jù)庫(kù)鏈接，交互式動(dòng)態(tài)網(wǎng)頁(yè)指示應(yīng)用程序服務(wù)器，將數(shù)據(jù)庫(kù)中數(shù)據(jù)進(jìn)行提取，在網(wǎng)頁(yè)HTML中插入。鏈接的創(chuàng)建方法為：

1） 通過(guò)Dreamweaver MX 2004應(yīng)用程序面板，單擊數(shù)據(jù)庫(kù)標(biāo)簽，通過(guò)所彈出的鏈接方式菜單對(duì)數(shù)據(jù)源名稱進(jìn)行選擇;

2） 將鏈接名稱輸入到“鏈接名稱”文本框中，比如pthcxconnect，利用數(shù)據(jù)源名稱下拉列表框?qū)κ孪仍O(shè)置的數(shù)據(jù)源進(jìn)行選擇;

3） 單擊測(cè)試按鈕，實(shí)現(xiàn)是否和數(shù)據(jù)庫(kù)創(chuàng)建鏈接進(jìn)行檢查[14]。

3.7? 定義記錄集

動(dòng)態(tài)網(wǎng)站利用數(shù)據(jù)庫(kù)臨時(shí)讀取數(shù)據(jù)，因此就要?jiǎng)?chuàng)建對(duì)檢索數(shù)據(jù)進(jìn)行存儲(chǔ)的記錄集。記錄集通過(guò)數(shù)據(jù)庫(kù)查詢數(shù)據(jù)的構(gòu)成，在應(yīng)用程序服務(wù)器內(nèi)存中臨時(shí)存儲(chǔ)，方便對(duì)數(shù)據(jù)快速檢索。在服務(wù)器不記錄時(shí)，就會(huì)出現(xiàn)丟失的情況。

Dreamweaver MX 2004中的全部定義記錄集都能夠在“服務(wù)器行為”“綁定”面板列表中添加，利用此面板將動(dòng)態(tài)內(nèi)容添加到靜態(tài)頁(yè)面中。本文使用Dreamweaver MX 2004中的SQL創(chuàng)建器對(duì)記錄集定義方法進(jìn)行討論。利用SQL創(chuàng)建器實(shí)現(xiàn)復(fù)雜SQL查詢的創(chuàng)建，SQL為結(jié)構(gòu)化查詢語(yǔ)言，能夠在數(shù)據(jù)庫(kù)中實(shí)現(xiàn)數(shù)據(jù)的添加、檢索與刪除。

1） 在Dreamweaver MX 2004應(yīng)用程序面板中單擊綁定、記錄集選項(xiàng)，并且彈出記錄集對(duì)話框，點(diǎn)擊高級(jí)按鈕。

2） 將需要?jiǎng)?chuàng)建的記錄集名稱輸入到名稱文本框中，在選擇下拉列表中對(duì)已經(jīng)創(chuàng)建的SQL文本域進(jìn)行選擇，并且輸入SELECT語(yǔ)句。SELECT語(yǔ)句能夠?qū)⑿畔⒔Y(jié)果顯示頁(yè)面中的字段列表展現(xiàn)出來(lái);FROM語(yǔ)句后面所列出的需要查詢數(shù)據(jù)庫(kù)列表也能夠展現(xiàn)。

3） 在變量窗口名稱標(biāo)簽中將SQL查詢條件參數(shù)名輸入[15]。網(wǎng)頁(yè)注冊(cè)的運(yùn)行流程如圖7所示。

4? 結(jié)? 語(yǔ)

本文提出了基于HTML5技術(shù)的網(wǎng)頁(yè)廣告動(dòng)態(tài)交互系統(tǒng)，使用戶能夠根據(jù)自身的實(shí)際情況推薦廣告。在用戶數(shù)量達(dá)到一定規(guī)模時(shí)，會(huì)有大量資料進(jìn)行匹配，并且還能夠?qū)崿F(xiàn)在多終端、多系統(tǒng)中運(yùn)行平臺(tái)的目的。

參考文獻(xiàn)

[1] 劉丹，王羽徵，畢海，等.一種智能化人體健康信息監(jiān)測(cè)與交互系統(tǒng)設(shè)計(jì)[J].信息技術(shù)與網(wǎng)絡(luò)安全，2019，38（11）：18?22.

[2] 喬照陽(yáng).基于網(wǎng)頁(yè)交互的廣播電視監(jiān)播單位信息管理系統(tǒng)設(shè)計(jì)[J].廣播與電視技術(shù)，2019，46（7）：120?123.

[3] 郜東瑞，汪潤(rùn)桂，應(yīng)少飛，等.基于眼動(dòng)信號(hào)的便攜式無(wú)線智能交互系統(tǒng)設(shè)計(jì)[J].中國(guó)生物醫(yī)學(xué)工程學(xué)報(bào)，2019，38（5）：573?580.

[4] 徐媛，崔學(xué)鵬.基于VR技術(shù)的網(wǎng)絡(luò)綜合布線虛擬實(shí)訓(xùn)平臺(tái)的設(shè)計(jì)研究[J].電腦知識(shí)與技術(shù)，2019，15（18）：75?76.

[5] 李時(shí)穎.Web前端設(shè)計(jì)案例—?dú)g迎頁(yè)面的實(shí)現(xiàn)過(guò)程與方法探討[J].電腦編程技巧與維護(hù)，2019（10）：17?20.

[6] 程茂上，項(xiàng)前，余玉風(fēng)，等.基于微服務(wù)的電子標(biāo)簽揀選系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].制造業(yè)自動(dòng)化，2019，41（12）：90?94.

[7] 趙建敏，李琦，陳波.物聯(lián)網(wǎng)綜合實(shí)驗(yàn)系統(tǒng)設(shè)計(jì)[J].實(shí)驗(yàn)室研究與探索，2018，37（12）：147?150.

[8] 錢(qián)鑫博.基于HTML5的交互Web3D的實(shí)現(xiàn)[J].計(jì)算機(jī)與網(wǎng)絡(luò)，2020，46（1）：60?63.

[9] 王開(kāi)宇，張晶，巢明，等.基于HTML5的物聯(lián)網(wǎng)實(shí)驗(yàn)室動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)[J].實(shí)驗(yàn)室科學(xué)，2019，22（2）：56?59.

[10] 張靜，徐亮，劉理想，等.基于分布式事件觸發(fā)的交互系統(tǒng)研究[J].測(cè)控技術(shù)，2019，38（7）：29?32.

[11] 于燁，劉國(guó)洋，劉思堯.基于虛擬磁盤(pán)技術(shù)的海量數(shù)據(jù)專用存儲(chǔ)系統(tǒng)設(shè)計(jì)[J].自動(dòng)化技術(shù)與應(yīng)用，2019，38（3）：55?60.

[12] 魯志芳.基于Hadoop技術(shù)的大數(shù)據(jù)分析應(yīng)用系統(tǒng)的研究與設(shè)計(jì)[J].電子設(shè)計(jì)工程，2019，27（16）：11?14.

[13] 陳博，葛偉青，姜濤.基于FPGA和ARM架構(gòu)的嵌入式DTS系統(tǒng)設(shè)計(jì)方案[J].國(guó)外電子測(cè)量技術(shù)，2018，37（7）：94?97.

[14] 高靜.基于有線無(wú)線互聯(lián)技術(shù)的數(shù)字化校園建設(shè)系統(tǒng)設(shè)計(jì)[J].現(xiàn)代電子技術(shù)，2019，42（17）：80?83.

[15] 袁小軍，張李超，張楠.基于FPGA的以太網(wǎng)激光振鏡控制器設(shè)計(jì)與實(shí)現(xiàn)[J].現(xiàn)代電子技術(shù)，2019，42（16）：159?163.

作者簡(jiǎn)介：陳榮華（1982—），女，吉林長(zhǎng)春人，碩士，講師，主要研究方向?yàn)樗囆g(shù)設(shè)計(jì)。