移動電子商務(wù)網(wǎng)站建設(shè)的前端開發(fā)技術(shù)應(yīng)用研究

摘要： 現(xiàn)如今， 通訊信息技術(shù)、 5G技術(shù)迅猛發(fā)展， 給傳統(tǒng)商務(wù)網(wǎng)站開發(fā)技術(shù)的發(fā)展帶來了不小的挑戰(zhàn)。目前來看， 積極建設(shè)移動電子商務(wù)網(wǎng)站， 可促進(jìn)移動用戶網(wǎng)絡(luò)消費， 能夠?qū)崿F(xiàn)相關(guān)網(wǎng)站界面的視覺設(shè)計及前端技術(shù)的應(yīng)用開發(fā)。本文通過對現(xiàn)階段前端開發(fā)技術(shù)的現(xiàn)狀及發(fā)展趨勢進(jìn)行分析， 探討了移動電子商務(wù)網(wǎng)站的移動與安全交互新特征以及基于前端開發(fā)技術(shù)的框架應(yīng)用， 以供參考。

關(guān)鍵詞： 移動電子商務(wù); 網(wǎng)站建設(shè); 前端開發(fā); 技術(shù)應(yīng)用

DOI：10.12433/zgkjtz.20240809

目前， 移動網(wǎng)絡(luò)已經(jīng)成為人們?nèi)粘Ｉ钪胁豢苫蛉钡囊徊糠帧?G技術(shù)的推廣與普及， 加快了國內(nèi)各行業(yè)的發(fā)展。現(xiàn)如今， 消費市場通過人們手中的移動終端得到了有效的拓展， 線上消費模式也逐漸朝著個性化、 多元化的方向發(fā)展。與此同時， 在創(chuàng)建與開發(fā)移動電子商務(wù)網(wǎng)站的過程中， 通常會借助HTML5、 CSS3、 JavaScript等最基礎(chǔ)的前端開發(fā)技術(shù)， 給用戶帶來更為便捷、 優(yōu)質(zhì)的線上購物體驗。前端開發(fā)技術(shù)的應(yīng)用， 不但有助于傳統(tǒng)電子商務(wù)逐漸地朝著移動電商模式轉(zhuǎn)型， 還可幫助商家及相關(guān)企業(yè)拓寬市場空間， 挖掘更多潛在客戶。

一、 前端開發(fā)的現(xiàn)狀及趨勢

（一）前端開發(fā)技術(shù)

前端開發(fā)技術(shù)主要是進(jìn)行Web頁面的構(gòu)建， 或?qū)?yīng)用程序等前端界面向用戶展示的過程， 通過借助HTML、 CSS、 JavaScript以及衍生出來的各種先進(jìn)技術(shù)、 框架、 方案等， 讓當(dāng)下的互聯(lián)網(wǎng)產(chǎn)品界面實現(xiàn)與用戶間更好的交互。前端開發(fā)是從以前的網(wǎng)頁制作發(fā)展而來的， 早期的網(wǎng)站中有很多內(nèi)容與界面都是靜態(tài)的， 主要包括圖形、 文字等， 用戶在訪問網(wǎng)站時也多以瀏覽為主。但是隨著通訊信息技術(shù)的日益發(fā)展， 以及HTML5、 CSS3技術(shù)的不斷優(yōu)化， 現(xiàn)如今的網(wǎng)頁與早期的相比， 更加的美觀， 簡潔， 且有些網(wǎng)頁還具有一定的交互效果， 在功能上更加豐富、 完善。

（二）現(xiàn)狀及趨勢

目前， PC端多使用Windows系統(tǒng)， 而移動端主要包含Android、 iOS以及鴻蒙操作系統(tǒng)， 而電子商務(wù)平臺的開發(fā)與應(yīng)用都要基于上述三種操作系統(tǒng)這樣才能滿足不同用戶的需求。在創(chuàng)建商務(wù)網(wǎng)站時， HTML5、 CSS3以及JavaScript是Web前端技術(shù)的核心， 若要對前端界面進(jìn)行開發(fā)， 也可以采用jQuery前端框架。由于現(xiàn)階段市面上存在的操作系統(tǒng)較多， 在開發(fā)與應(yīng)用的過程中無法設(shè)定相對統(tǒng)一的標(biāo)準(zhǔn)。iOS系統(tǒng)的開發(fā)人員要能夠靈活運用object-C語言， 從而為消費者開發(fā)出體驗度較高、 操作流暢的應(yīng)用程序。Android應(yīng)用程序開發(fā)都是采用Java語言編寫的， 因此， 要想提升Android用戶對應(yīng)用程序的滿意度， 就要不斷學(xué)習(xí)Android程序開發(fā)、 了解API手冊。至于后期興起的鴻蒙操作系統(tǒng)， 也需要相關(guān)開發(fā)人員具備一定的C語言基礎(chǔ)。總而言之， 作為應(yīng)用軟件的開發(fā)人員， 要想開發(fā)程序， 就要靈活掌握與運用應(yīng)用軟件的開發(fā)知識， 并熟練使用各種主流操作系統(tǒng)的API。

隨著移動通信技術(shù)的迅猛發(fā)展， 打造跨平臺解決方案已經(jīng)成為現(xiàn)階段的一種主流發(fā)展趨勢。根據(jù)瀏覽器實現(xiàn)跨平臺開發(fā)， 這種解決方案不但沒有太大難度， 還較為高效。現(xiàn)如今， 三大主流的移動端操作系統(tǒng)都有相應(yīng)的瀏覽器， 因此， 可以將瀏覽器作為探究對象。電商平臺在編寫前端代碼時， 可以借助JavaScript制作前面界面的交互動畫， 而在界面的布局及用戶視覺的優(yōu)化上， 則可以采用HTML5、 CSS3， 以此來確保即便在不同移動端操作系統(tǒng)的瀏覽器中， 都能適配、 兼容、 流暢運行前端編程代碼。目前， 國內(nèi)移動終端的硬件性能在逐年提升， 各操作系統(tǒng)的瀏覽器也在不斷優(yōu)化與更新， 因此， 要注重跨平臺移動電子商務(wù)網(wǎng)站的開發(fā)， 這樣才能夠更好地吸引用戶、 拓展用戶， 給用戶帶來更好的使用體驗， 滿足用戶的各種需求。

二、 移動電子商務(wù)網(wǎng)站的新特征

（一）快速的移動接入

移動電子商務(wù)最顯著的特征就是用戶能夠利用手中的移動網(wǎng)絡(luò)及移動終端訪問各種商務(wù)系統(tǒng)， 之后讓所有訪問系統(tǒng)的用戶都能在電子商務(wù)平臺上享受優(yōu)質(zhì)的商務(wù)服務(wù)， 確保用戶只需要使用手中的移動終端， 就能不受時間、 空間的限制， 隨時隨地完成電子商務(wù)交易。

（二）便捷的移動支付

對于移動電子商務(wù)來說， 電子商務(wù)網(wǎng)站要通過采用HTML5、 CSS3等基礎(chǔ)的前端技術(shù)與Web技術(shù)融合， 從而打造一個在視覺風(fēng)格上相對統(tǒng)一、 具有交互功能的平臺。現(xiàn)如今， 信息技術(shù)正在不斷發(fā)展、 創(chuàng)新， 前端技術(shù)的出現(xiàn)能夠讓用戶體驗更便捷的移動支付服務(wù)， 例如， 人們在生活中經(jīng)常使用掃碼支付， 這樣的支付方式不僅能讓用戶不再攜帶大量的現(xiàn)金而增加丟失風(fēng)險， 還能提升支付效率。移動支付也是電子商務(wù)在發(fā)展過程中尤為重要的技術(shù)之一。

（三）準(zhǔn)確的身份鑒別

用戶在訪問電子商務(wù)應(yīng)用時， 基本上都需要使用自身的SIM卡完成賬號注冊， 然后才能登錄， 并在登錄后還要進(jìn)行實名驗證， 這樣可以保證一張SIM卡只能注冊一次， 將每一張SIM卡的用戶與該用戶的身份信息綁定， 在登錄電子商務(wù)平臺時， 用戶就可以采用SIM卡號完成身份的驗證。此外， 用戶的SIM卡還可與用戶的銀行卡、 支付寶、 微信等的賬號關(guān)聯(lián)， 以此提升電子商務(wù)系統(tǒng)的安全性與可靠性， 從而為后續(xù)移動電子商務(wù)的發(fā)展、 優(yōu)化提供更大的可操作空間。

（四）信息傳輸安全可靠

現(xiàn)階段， 電子商務(wù)技術(shù)不斷創(chuàng)新， 電子商務(wù)平臺要求信息安全性得到充分保障。為此， 隨著無線技術(shù)的發(fā)展， 除了藍(lán)牙技術(shù)外， AirDrop、 NFC技術(shù)以及無限公鑰基礎(chǔ)設(shè)施技術(shù)也得到了一定的普及與發(fā)展， 這些技術(shù)不但能夠加快數(shù)據(jù)信息的加密與傳輸， 有效提升用戶在瀏覽電子商務(wù)網(wǎng)站時的安全性， 也給用戶帶來了舒適體驗。

三、 移動電子商務(wù)網(wǎng)站建設(shè)過程中前端開發(fā)技術(shù)面臨的困境

在前端開發(fā)技術(shù)的應(yīng)用過程中， 需要技術(shù)人員靈活運用相應(yīng)的開發(fā)工具， 選擇正確的開發(fā)語言， 從而在建設(shè)移動電子商務(wù)網(wǎng)站時能夠保障整體品質(zhì)和開發(fā)效率。不僅如此， 前端開發(fā)技術(shù)人員在提升用戶的網(wǎng)絡(luò)訪問穩(wěn)定性的同時， 還應(yīng)增設(shè)自動化訪問、 智慧化搜索等重要的應(yīng)用功能。但是從目前前端開發(fā)技術(shù)的實際應(yīng)用情況來看， 還存在一些問題， 主要包括以下兩個方面：

（一）HTTP請求上極容易出現(xiàn)擁堵

為了避免用戶在使用與瀏覽移動電子商務(wù)網(wǎng)站時出現(xiàn)服務(wù)器擁堵的情況， 技術(shù)人員會根據(jù)現(xiàn)有的HTTP協(xié)議對瀏覽器客戶端以及相關(guān)移動電子商務(wù)網(wǎng)站的服務(wù)器設(shè)置約束訪問。在這樣的情況下， 其所創(chuàng)建的持續(xù)連接次數(shù)通常會在2次以上， 假設(shè)此時用戶訪問移動電子商務(wù)網(wǎng)站， 就會立即同時觸發(fā)多個操作請求， 從而使得服務(wù)器不能對其進(jìn)行響應(yīng)， 大概率會出現(xiàn)HTTP請求擁堵的情況。

（二）移動電子商務(wù)網(wǎng)站前端開發(fā)標(biāo)準(zhǔn)不夠詳細(xì)

隨著5G時代的到來， 信息技術(shù)正在朝著物聯(lián)網(wǎng)信息技術(shù)的方向發(fā)展， 在此期間涌現(xiàn)出了很多全新的技術(shù)與高科技信息化設(shè)備， 這些因素都對前端開發(fā)技術(shù)人員的業(yè)務(wù)能力、 職業(yè)素養(yǎng)等方面提出了更高的要求。負(fù)責(zé)移動電子商務(wù)網(wǎng)站前端開發(fā)的技術(shù)人員， 要對現(xiàn)有的技術(shù)進(jìn)行優(yōu)化與完善， 從而更好地適應(yīng)當(dāng)下的技術(shù)方式以及網(wǎng)絡(luò)信息化環(huán)境。

四、 基于前端開發(fā)技術(shù)的框架應(yīng)用

（一）jQueryMobile移動前端開發(fā)框架

在當(dāng)前的移動前端技術(shù)中， jQueryMobile是主要的框架之一。jQueryMobile從HTML、 CSSS結(jié)構(gòu)中進(jìn)行了借鑒， 在設(shè)計原則上體現(xiàn)了一致性與對稱性。由于jQueryMobile的語言較為簡潔， 且具有不錯的跨平臺性， 對于前端開發(fā)技術(shù)人員來說， 其能夠簡化HTML文檔， 執(zhí)行動畫與開發(fā)的操作。如今， jQueryMobile已經(jīng)成為一個開源的項目， 很多網(wǎng)站都采用了這種框架。在網(wǎng)頁設(shè)計的過程中， 不但要對網(wǎng)頁中的內(nèi)容進(jìn)行適當(dāng)?shù)恼{(diào)整與優(yōu)化， 還要讓內(nèi)容滿足用戶的使用需求， 并在網(wǎng)站頁面的設(shè)計上盡可能做到豐富、 多元， 這樣才能最大程度上提升用戶的訪問量。通過靈活運用jQueryMobile控件和插件， 可實現(xiàn)對網(wǎng)頁界面的優(yōu)化， 增強(qiáng)用戶與網(wǎng)站的交互體驗。不僅如此， 借助jQueryMobile技術(shù)， 還能在移動網(wǎng)站的主題上增加PNG、 SVG格式的圖標(biāo)， 讓網(wǎng)站的訪問與登錄界面在視覺上更加吸引用戶， 這樣不但能提升整個移動網(wǎng)站的品質(zhì)， 而且還能讓網(wǎng)站的訪問與登錄界面變得更加獨特、 新穎。

（二）Vue.js前端技術(shù)框架

近幾年， 隨著前端技術(shù)的不斷發(fā)展， 在前端開發(fā)框架層面逐漸衍生出了Angular.js、 React.js、 Vue.js等Web框架。其中， Vue.js屬于JavaScript—MVVM庫， 是創(chuàng)建用戶界面的一種漸進(jìn)式框架， 主要由數(shù)據(jù)驅(qū)動、 組件化思想構(gòu)成。作為JavaScrip前端框架中的熱門之一， Vue.js的生態(tài)系統(tǒng)在插件及工具方面十分豐富， 且還能與海量的三方組件庫進(jìn)行整合。如今， Vue.js是進(jìn)行相關(guān)應(yīng)用程序的構(gòu)建以及建設(shè)移動電子商務(wù)網(wǎng)站時的最佳選擇。通過對Vue.js前端開發(fā)技術(shù)進(jìn)行深入的研究與分析， 利用這種前端框架開發(fā)出的應(yīng)用軟件， 不管是從在整個界面的交互性上還是從用戶的使用體驗上來看， 都具有很高的舒適度及流暢性， 且適配性較強(qiáng)， 能夠給用戶帶來十分優(yōu)質(zhì)的使用體驗。Vue的路由庫Vue-router以及狀態(tài)管理庫Vuex都是有官方提供相應(yīng)的數(shù)據(jù)維護(hù)與技術(shù)支持， 其中， Vue.js有一個專門的狀態(tài)管理模式——Vuex， Vue能夠?qū)崿F(xiàn)對所有應(yīng)用程序中組件實際運行狀態(tài)的管理， 并根據(jù)相關(guān)規(guī)律確保狀態(tài)可預(yù)測。此外， Vue還能提供Vue-cli腳手架， 其中涵蓋Webpack、 Browserify， 有利于前端開發(fā)技術(shù)人員輕松開展項目構(gòu)建。在編碼方式上， Vue不僅更符合前端開發(fā)技術(shù)人員的編程特點， 還能為相關(guān)技術(shù)人員提供便于操作與理解的API。

（三）百度前端開發(fā)技術(shù)框架

百度作為現(xiàn)階段火爆的搜索引擎之一， 從Web前端開發(fā)技術(shù)的框架來看， 其主要采用GMU技術(shù)。GMU技術(shù)不但操作比較容易上手， 而且還沒有大量的代碼。在應(yīng)用GMU技術(shù)時， 這種技術(shù)會隨著技術(shù)人員能力的提升而不斷得到完善。不僅如此， GMU技術(shù)的框架絕大多數(shù)依靠Mobile-UI組件庫， 能夠讓網(wǎng)站的開發(fā)與建設(shè)變得更加簡單。在開發(fā)移動網(wǎng)站的過程中， 通常會采用GMU技術(shù)框架。此外， GMU技術(shù)的運用還會豐富與拓展百度這類網(wǎng)站的內(nèi)容和應(yīng)用， 從而不但能提升網(wǎng)絡(luò)的運維能力， 還能讓應(yīng)用程序的UI更加豐富多樣。

五、 前端技術(shù)在移動商務(wù)網(wǎng)站建設(shè)中的應(yīng)用

在移動商務(wù)網(wǎng)站前端開發(fā)的過程中， 在開展前期工作時， 要參照移動網(wǎng)站的建設(shè)流程進(jìn)行。第一， 要根據(jù)用戶的使用需求、 功能以及主體欄目進(jìn)行規(guī)劃， 要對移動平臺的功能及內(nèi)容進(jìn)行明確市場定位， 同時搜集用戶的消費習(xí)慣。第二， 在正式設(shè)計移動網(wǎng)站界面前， 要詳細(xì)分析同類型移動商務(wù)網(wǎng)站競品的結(jié)構(gòu)、 用戶交互、 整個界面的視覺體驗等內(nèi)容。第三， 負(fù)責(zé)應(yīng)用程序交互的設(shè)計人員、 UI界面的設(shè)計人員要根據(jù)前期規(guī)劃做好移動網(wǎng)站交互、 網(wǎng)站界面視覺效果圖的設(shè)計工作。而負(fù)責(zé)前端開發(fā)的技術(shù)人員， 則要參照設(shè)計人員上傳的產(chǎn)品原型以及整個網(wǎng)站界面的視覺效果圖， 編寫HTML5、 CSS3代碼， 從而對網(wǎng)站界面進(jìn)行重新的設(shè)計與調(diào)整， 實現(xiàn)網(wǎng)站頁面的跳轉(zhuǎn)邏輯。通過運用JavaScript、 JQuery等技術(shù)， 技術(shù)人員可對移動商務(wù)網(wǎng)站的登錄及運行界面的交互動畫進(jìn)行優(yōu)化， 增強(qiáng)移動商務(wù)網(wǎng)站的交互功能， 給用戶帶來不一樣的使用體驗。在開發(fā)移動商務(wù)網(wǎng)站界面的過程中， 要提高對移動商務(wù)網(wǎng)站中引導(dǎo)界面交互動畫形象的關(guān)注度， 從而在無形中向用戶傳遞消費意向。在采用前端技術(shù)實現(xiàn)用戶注冊界面時， 要采用CSS3對界面的外觀進(jìn)行有效控制， 使其更加貼近用戶的操作習(xí)慣。借助JavaScript、 jQueryMobile等前端技術(shù)， 可提升注冊界面交互操作的靈活性與便捷性。例如， 在填寫用戶名、 電話號、 證件號等賬號時， 要具備及時報錯的功能。而在運動商務(wù)網(wǎng)站的首頁以及產(chǎn)品詳情界面， 則可以通過利用jQueryMobile前端框架技術(shù)實現(xiàn)熱門產(chǎn)品圖的交互滾動播放特效。

六、 結(jié)語

綜上所述， 通過對當(dāng)下移動電商進(jìn)行深入的分析與探究可以看出， 傳統(tǒng)的電子商務(wù)不具備移動化的特性， 移動網(wǎng)絡(luò)應(yīng)不斷提升自身的安全性與穩(wěn)定性， 確保用戶在使用移動終端進(jìn)行線上購物時可以實時交易， 從而滿足用戶的移動交互需求以及線上消費系統(tǒng)的開發(fā)要求。移動前端開發(fā)要兼容不同操作系統(tǒng)及瀏覽器， 堅持統(tǒng)一、 開放的應(yīng)用軟件技術(shù)標(biāo)準(zhǔn)， 在進(jìn)行移動前端開發(fā)的過程中， 可以采用HTML5、 CSS3、 JavaScript技術(shù)， 也可以使用當(dāng)下較為流行的jQueryMobile、 Vue.js等前端框架技術(shù)， 這樣才能全方位地提升移動電子商務(wù)網(wǎng)站的品質(zhì)， 在前端設(shè)計上滿足用戶的使用需求。

參考文獻(xiàn)：

[1]姜波.探析移動電子商務(wù)網(wǎng)站建設(shè)的前端開發(fā)技術(shù)應(yīng)用[J].電腦編程技巧與維護(hù)，2020（12）：69-70+88.

[2]周西柳.前端技術(shù)在企業(yè)網(wǎng)站建設(shè)開發(fā)中的應(yīng)用探討[J].計算機(jī)產(chǎn)品與流通，2018（10）：31.

[3]李淑娣.淺談PHP在電子商務(wù)網(wǎng)站建設(shè)中的研究與應(yīng)用[J].科學(xué)咨詢，2019（4）：71.

[4]姜立.動態(tài)網(wǎng)頁前端開發(fā)技術(shù)以及優(yōu)化策略研究[J].數(shù)字技術(shù)與應(yīng)用，2018（3）：188+190.

[5]鄭久虎.移動WEB開發(fā)技術(shù)在商務(wù)網(wǎng)站建設(shè)中應(yīng)用淺析[J].科技視界，2014（1）：90+96.

[6]高晴晴.企業(yè)網(wǎng)站建設(shè)中前端技術(shù)的應(yīng)用[J].廣東經(jīng)濟(jì)，2020（2）：72-73.