endo UI調查后得出的幾個關鍵結論：

• 移動應用開發不存在’one-size-fits-all’（萬全之策）的解決方案。無論是采用混合、HTML5還是原生，許多開發者在項目的中期總會發現他們最開始采用的方法并不是最佳方案

• Web和混合(Hybrid)應用正在成為熱門趨勢

• Web平臺（HTML5 & JavaScript）是創建跨平臺應用的首選

還在一條道走到黑？out了！

一直以來，人們在將HTML5和原生SDK進行比較時，一般認為HTML5在這兩個方面處于劣勢：

• APIs對手機功能和服務的訪問有限

• 性能這個一直是被一些開發者詬病的問題，UI響應度和數據加載速度都沒有原生應用給力

但是我們也可以看到，HTML5這兩年在這些劣勢上與原生應用的差距也在越來越小。Kendo UI團隊近日開發了兩款HTML5/Hybrid應用，然后將他們呈現給其他開發人員，讓他們判斷哪款是原生應用，哪款是混合應用。結果沒有一個開發者判斷正確，沒有一個人否定兩款應用其實都不是原生應用。

這個調查表明HTML5/Hybrid/Native三者之間的差距在越來越小，界限越來越模糊。這不僅僅體現在應用的用戶體驗上，還體現在開發過程中：越來越多的開發者在項目中期意識到要實現目標可以有其他可替代的方式，而絕不是一條道走到黑。

那么這對于大多數移動開發者來說，這意味著什么呢？這意味著開發人員需要拋棄過去對三者孰優孰劣的狹隘觀念了，擦亮你的雙眼，真正弄清楚它們各自的優勢，然后不斷的在混合、HTML5和原生開發中嘗試，只有這樣才能準確判斷哪一種方式是最佳的方案。

HTML5開發受追捧，原生開發被冷落

原生開發雖然具有性能高、可訪問手機所有功能、可線下使用等先天優勢。但在開發階段卻是困難重重，比如開發周期長、支持設備有限、上線時間不確定等問題。在今年的調查中可以看到，越來越多的開發者選擇純HTML5開發跨平臺應用，而純原生應用越來越少：

無論是HTML5還是原生，適合才是王道

在被問到開發原生應用的中途是否又換成了HTML5應用開發，40%的人回答了”Yes”。而將這個問題反過來，31%的人回答了”Yes”。這個比例不相上下，證明其實無論是HTML5還是原生，只要適合自己的項目需求，它就是好方法。

大部分對HTML5企業級開發有信心

選擇HTML5、混合和原生開發的比率在越來越均衡，但HTML5在企業級開發中的地位上升也是非常明顯的，當被問及預測HTML5何時適合進行企業級開發時，31%的人回答是”Immediately”，26%的人認為是在未來的一年之內。

當問及到2014中期你計劃用HTML5開發多少應用時，大多數開發人員（占34%）的回答是2-3個，而24%的人回答是11個以上。

HTML5開發商務應用過半 B2C是主流

你使用HTML5開發哪些類型的移動應用？超半數的被調查者選擇Business apps，占57%，Finance和Productivity應用各占21%，另外，教育、社交、醫療等應用也占較高比例。

那么在商務應用中，開發者們又具體開發了哪些應用呢？64%的人選擇了公共B2C應用，排第二的是B2E應用，占49%。

HTML5已成跨平臺開發首選

隨著越來越多的用戶從桌面/Web轉移到移動端，53%的人選擇采用HTML5創建跨平臺應用，可見HTML5已經成為跨平臺移動開發的首選。

大部分人認為混合開發可節省大量成本

調查顯示，35%的開發者用HTML5&JavaScript開發Web應用，而混合應用和原生應用均各占16%。

除了易用性以外，成本也是開發人員必須考慮的一大重要因素，當問及與原生應用 相比，你認為混合應用開發可以節省的時間和人力成本時，50%的受訪者認為可節省40%-70%的成本。

結論

事實勝于雄辯，HTML5/Hybrid確實正在成為越來越多移動開發者的選擇，但絕不是未來唯一的選擇。我們應該認清，HTML5、混合及原生技術都有各自的優勢，不能單純的認為HTML5好或者原生好。而我們應該做的是根據自己的需求、定位和預算，去選擇最佳的解決方案。

聯網這個線上大市場，跨平臺兼容性已成為電商平臺用戶體驗的關鍵。Legendshop朗尊軟件的Java B2B2C多用戶商城而言，已實現微信小程序、H5頁面和PC端的無縫兼容性來提升用戶滿意度和忠誠度。對于跨平臺兼容性的重要性，需要通過技術實現，以我們的實踐經驗得出了一些心得。

一、跨平臺兼容性的重要性

1. 用戶覆蓋面廣：不同用戶可能偏好不同的平臺，跨平臺兼容性可以確保所有用戶都能享受到一致的購物體驗。
2. 增強用戶體驗：無縫的跨平臺體驗可以減少用戶的學習成本，提高用戶的滿意度和忠誠度。
3. 提高轉化率：用戶可以在任何設備上繼續他們的購物流程，減少因平臺轉換導致的購物車放棄現象。
4. 響應市場變化：快速適應市場變化，如新平臺的出現或用戶習慣的轉變。

二、實現跨平臺兼容性的技術策略

1. 響應式設計：使用響應式設計技術，確保Web頁面在不同尺寸的屏幕上都能保持良好的布局和交互體驗。
2. 前端框架：利用如React、Vue等現代前端框架，它們提供了跨平臺的開發能力和豐富的組件庫。
3. 后端服務：構建統一的后端服務，為前端提供數據和服務支持，確保不同平臺的數據一致性。

三、Java B2B2C商城的跨平臺實踐

1. 微信小程序：使用微信小程序開發工具，結合Java后端服務，為用戶提供便捷的移動購物體驗。
2. H5頁面：通過HTML5、CSS3和JavaScript等技術開發H5頁面，實現豐富的交互效果和跨瀏覽器兼容性。
3. PC端：優化PC端網頁設計，確保在各種屏幕尺寸和分辨率下都能提供良好的用戶體驗。

四、場景應用

以我們Legendshop朗尊軟件的Java B2B2C商城為例：

• 統一的用戶賬戶系統：無論在哪個平臺，用戶都能使用同一個賬戶登錄，保持購物車和收藏夾的同步。
• 一致的界面設計：在所有平臺上提供一致的視覺元素和布局風格，增強品牌識別度。
• 流暢的購物流程：確保用戶在不同平臺間的購物流程無縫銜接，如一鍵登錄、快速結賬等。

跨平臺兼容性對于Java B2B2C多用戶商城的用戶體驗至關重要。Legendshop朗尊軟件的Java B2B2C多用戶商城通過采用響應式設計、現代前端框架和統一的后端服務，商城可以實現在微信小程序、H5頁面和PC端的無縫兼容。這不僅能提升用戶體驗，還能提高轉化率和市場競爭力。面對性能優化、平臺特性利用和開發維護成本等挑戰，商城需要采取相應的技術和管理措施，以實現最佳的跨平臺兼容性。

.1研究的目的意義

21世紀以來，全球進入了經濟高速發展階段，伴隨著信息技術的發展，人們的生活方式和消費觀念發生了翻天覆地的變化，特別是近期興起的網上購物成為了一種新型的購物方式。網上購物方式讓購物變得方便、簡單、快捷，可以實現足不出戶即可以購買所需商品，不再受時間和空間的限制。

由于人們消費觀念的轉變和網上購物形式的普遍性，我國電子商務得到了快速的發展。電子商務形式從最初的 B2C 形式、C2C 形式，發展到了 B2C、B2B、C2A 等多種形式，此種發展形式和速度是信息時代所特有的。B2C 是一種商業零售企業對消費者的銷售模式，換言之，是商業零售企業在后臺數據庫發布各種商品信息和服務信息，然后提供消費者瀏覽搜索，最終將商品和服務銷售給消費者的過程。C2C是一種消費者對消費者的銷售模式，一位消費者如果想把自己的商品出售出去，可以通過購物平臺出售給另一位消費者。我國的網上購物從以前的不完善和不安全到如今的快捷安全，這是技術進步帶來的改變。

小米商城系統是一個商業信息交互功能的系統，原理是在虛擬的網絡。環境中模擬現實購物形式，并且具有傳統購物形式所沒有的方便快捷的優點。

1.2國內外研究現狀

隨著近年來電子商務的不斷發展，阻礙人們進行網上購物的因素逐一被解決。從前人們擔心的技術問題、物流安全問題、網絡安全問題、消費者權益保障和物流速度問題都不斷地得到了改善。另外，網絡中的資源非常多，可比較性非常強，所以使得電子商務不但在國外很火爆，而且在國內也非常的流行。雖然國內電子網上商城系統的設計與實現商務起步較晚，但是在近幾年中網絡技術和網絡市場不斷完善，發展勢頭非常猛烈，正逐漸與國外電子商務縮小差距。

在國外，亞馬遜是最主要的網上購物平臺。在每年的購物狂歡節中，亞馬遜等網上購物商城系統的訂單量會大幅提高。亞馬遜不僅能夠滿足大量在線訂單請求、付款結算和采購入庫管理等方面的計算請求，還是全球最大的云計算服務供應商。電子商務在國外人們生活中扮演著越來越重要的角色，這使得科技巨頭在物流方面加大資本的投入。

國內的電子商務公司和國外的電子商務公司大有不同，國外以大型的零售類型公司為主，但是國內的大部分電子商務公司都是互聯網公司。還有一個非常重要的特點是:中國的互聯網公司不斷走向國際化，例如阿里巴巴、聚美優品和京東商城陸續赴美上市。這些互聯網公司不但在銷售額上取得了非常突出的成績，而且電子商務技術在整個行業中也有非常大的提高。云計算的發展在某種層面上促進了電子商務的發展，電子商務的發展也在一定程度上推動了云計算的發展。國內云計算技術處于遙遙領先的電商是淘寶，美國是亞馬遜，這些都是市場選擇的結果，不是巧合。電子商務的發展，不但提高了整個行業的銷售額，而且還促進了物流等輔助行業的蓬勃發展另外還為國家增加了稅收，增加了大量的就業機會，在某種程度上，我們的生活已經越來越離不開電子商務。

1.3主要參考文獻

[1]《Vue.js設計與實現》 ISBN：9787115583864 作者：霍春陽

[2] 《HTML5+CSS3+JavaScript從入門到精通（標準版）基礎視頻講解與案例實戰，8大素材庫，源代碼配套學習更輕松web開發技術web前端開發網頁設計網頁制作》 ISBN：9787517054245 作者：未來科技

2.1研究目標、研究內容及擬解決的關鍵問題

研究目標：使用JavaScript開發小米電商網站

研究內容：1）研究JavaScript小米電商網站基本理論特征。

2）研究JavaScript小米電商網站背景意義。

3）研究JavaScript小米電商網站發展前景。

4）研究客戶JavaScript小米電商網站需求

5）對JavaScript開發小米電商網站需求分析。

6）設計并實現一個基于JavaScript開發小米電商網站。

關鍵問題：響應式布局兼容不同設備、登錄注冊頁面、主頁面布局、輪播圖功能等。

2.2擬采取的研究方案、研究方法及可行性分析

研究方案：通過研究學習Vue.js的官方文檔，完成論文的撰寫以及小米電商網站的開發

可行性分析：前端技術不斷發展，作為主要三大框架的Vue框架，也漸漸被普及，不斷完善，大量的參考文獻提供我們參考。

2.3成果理論或技術（方法）創新之處

vue可以進行組件化開發，數據與結構相分離，使代碼量減少，從而提升開發效率，易于理解vue最突出的優勢在于對數據進行雙向綁定，使用虛擬DOM，相較于傳統頁面通過超鏈接實現頁面跳轉，vue會使用路由跳轉不會刷新頁面vue是單頁面應用，頁面局部刷新，不用每次跳轉都請求數據，加快了訪問速度，提升了用戶體驗。

2.4成果說明提綱

網站：小米電商網站。本網站使用前端三件套，CSS，HTML，js。結合Vue前端，后端使用數據庫Mysql,實現在網站就可以買到自己心儀的電器設備。

論文：基于JavaScript小米電商網站設計與實現。本論文集合網站的設計，多方面展示小米這一系列的產品，同時證明前后端技術的重要性。

3.研究條件與基礎基于JavaScript小米電商網站設計與實現

3.1相關研究經驗與基礎積累

大學選擇的是計算機專業，具有一定的編程基礎，基本掌握C、、java等編程語言。從大學期間做過一個基于Springboot的項目電影，也學過關于html5+Css3的頁面設計。

3.2已具備條件、尚缺少條件及擬解決途徑

已具備條件：

有一定相關基礎知識，同時也實操過。

尚缺條件：

對Vue的部分知識了解不夠深入。

擬解決途徑：

通過查閱vue官方論壇等相關教程，完成項目的開發以及畢業論文的撰寫。

3.3本人已取得的相關成果

一、研究小米官網系統的設計邏輯和布局分析：

一、字體圖標使用：字體文件使用了icomoon字庫。

二、網站TDK三大標簽SEO優化：

① title 網站標題，title 具有不可替代性，是我們內頁的第一個重要標簽，是搜索引擎了解網頁的入口和對網頁主題歸屬的最佳判斷點。

② description 網站說明，簡要說一下小米電商網站的內容。

③ keywords 關鍵字。

三、具體實現：

①頭部：頭部頂欄site_topbar制作與頭部site_header制作。

②主要部分：菜單menu制作與輪播圖.focus制作。

③推薦部分。

④內容產品部分：手機模塊、手表模塊、家電模塊、視頻模塊。

⑤底部：site_footer部與site_info部分。

⑥側邊固定欄：滾動至內容產品之前的側邊欄與滾動至內容產品之后的側邊欄。

二、總結對于小米商城課題的總結，包括經驗和教訓。

盒子focus設置和圖片一樣的寬和高，然后寫js實現左右箭頭和小圓圈結合圖片播放的功能，實現功能以后給focus一個overflow: hidden;超出大盒子的圖片就會被隱藏。

基于JavaScript小米電商網站功能包括前臺和后臺?；贘avaScript小米電商網站包括了前后臺兩大功能板塊，功能涉及注冊與登錄模塊、管理員功能模塊、個人用戶模塊、商品瀏覽模塊、商品檢索模塊、商品信息模塊、訂單管理模塊、購物車管理模塊。

基于JavaScript小米電商網站后臺管理系統是一個結合現代計算機編程技術而開發的一個管理系統，是為了使網上后臺管理者能夠在管理后臺商品商品的過程中運用系統軟件來對商品，訂單，管理人員等方面進行一個有效，系統，方便，快捷的管理過程。

在前臺，用戶注冊后，使用用戶名和密碼進行登錄，然后通過關鍵字查詢商品信息，在商品列表中點擊商品的標題或者圖片，跳轉到商品詳情頁面，在詳情頁面可以查看商品的基本介紹和圖片信息。在詳情頁面還有加入購物車和提交訂單的按鈕。點擊加入購物車，可以將當前頁面的商品加入到購物車中，當點擊提交訂單，直接進入到收銀臺頁面。在購物車界面查看加入購物車中的商品列表，在收銀臺頁面可以進行支付和填寫收貨地址信息。在個人中心中可以查看個人的信息，對個人信息進行修改。查看我的訂單記錄，通過我的訂單可以查詢所有購買的歷史訂單信息。留言交流模塊中，通過發布留言信息，咨詢相關購買的問題，也可以查看其他的留言列表。

在后臺，管理員管理商品的分類，通過商品的分類添加商品，一個分類對應多個商品，當刪除分類后，對應的商品將刪除商品。訂單管理中，管理員根據訂單的狀態來操作審核訂單信息，統計訂單的金額。系統管理中對系統的基本信息、留言、資訊等信息進行管理。