發(fā)布時(shí)間：2018-10-31 19:16

【摘要】：隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展,在微信支付和支付寶支付等快捷移動(dòng)支付方式的促進(jìn)下,移動(dòng)電子商務(wù)得到了迅猛發(fā)展,頻繁的出現(xiàn)在人們的日常生活中。區(qū)別于傳統(tǒng)的電子商務(wù),移動(dòng)電子商務(wù)可以基于地理位置提供個(gè)性化的推薦,通過(guò)微信,QQ,微博等社交平臺(tái)進(jìn)行商品的評(píng)論和分享。社交平臺(tái)能帶來(lái)大量的用戶,對(duì)公司來(lái)說(shuō)是非常具有吸引力的。上海某公司基于微信,QQ等社交平臺(tái),通過(guò)移動(dòng)商城為用戶提供商品團(tuán)購(gòu)服務(wù)。用戶在購(gòu)買商品時(shí),平臺(tái)會(huì)創(chuàng)建一個(gè)拼團(tuán),用戶可以邀請(qǐng)好友參與拼團(tuán)。在拼團(tuán)人數(shù)達(dá)到要求時(shí),平臺(tái)生成訂單并發(fā)貨。在購(gòu)物的同時(shí),用戶通過(guò)社交平臺(tái)分享商品信息。這種銷售模式在提高商品銷量和品牌知名度的同時(shí),能夠?yàn)楣編?lái)大量的新用戶。為了系統(tǒng)能夠運(yùn)行在所有的移動(dòng)平臺(tái)上,公司基于HTML5技術(shù)開發(fā)了移動(dòng)商城的前端部分。HTML5的最大優(yōu)勢(shì)是跨平臺(tái),開發(fā)人員無(wú)需針對(duì)平臺(tái)進(jìn)行開發(fā),用戶無(wú)需下載,只需要打開一個(gè)網(wǎng)址,就能在全平臺(tái)上運(yùn)行。因?yàn)闊o(wú)需安裝,傳播效果要比原生App好,推廣的成本也要低很多。項(xiàng)目選用React作為主要的javascript開發(fā)框架,配合Node.js服務(wù)器可以實(shí)現(xiàn)前后端一致性渲染,減少首屏加載的時(shí)間。為了能在項(xiàng)目中使用最新的開發(fā)技術(shù),同時(shí)兼容老式瀏覽器,項(xiàng)目使用webpack進(jìn)行構(gòu)建。webpack支持CommonJS規(guī)范,為javascript提供了包依賴機(jī)制,避免命名沖突。webpack提供的loaders和plugins擴(kuò)展,可以對(duì)代碼進(jìn)行定制化的處理。本論文主要描述了 H5開發(fā)的核心技術(shù),并使用這些技術(shù)實(shí)現(xiàn)了移動(dòng)電商系統(tǒng)的前端部分。本文重點(diǎn)描述了 webpack的配置,React框架配合Node.js服務(wù)器實(shí)現(xiàn)前后端的一致性渲染、列表展示模塊的實(shí)現(xiàn)和復(fù)用、頁(yè)面自適應(yīng)、網(wǎng)絡(luò)模塊的封裝、支付模塊的實(shí)現(xiàn)。
[Abstract]:With the development of mobile Internet, with the promotion of WeChat Pay and Alipay payment, mobile e-commerce has been developed rapidly and frequently appeared in people's daily life. Different from traditional e-commerce, mobile e-commerce can provide personalized recommendation based on geographical location, and comment and share goods through social platforms such as WeChat, QQ, Weibo and so on. Social platforms can bring a large number of users and are very attractive to the company. A Shanghai company based on WeChat, QQ and other social platforms, through the mobile mall to provide customers with merchandise group buying services. Users buy goods, the platform will create a group, users can invite friends to join the group. When the number of consortia meets the requirements, the platform generates orders and ships them. While shopping, users share merchandise information through social platforms. This sales model can bring a large number of new users to the company while increasing the sales volume and brand awareness. In order for the system to run on all mobile platforms, the company has developed the front-end part of the mobile mall based on HTML5 technology. The biggest advantage of HTML5 is cross-platform, developers do not need to develop for the platform, users do not need to download. Just open a URL to run on the whole platform. Because there is no need to install, the propagation effect is better than the native App, and the cost of promotion is much lower. The project chooses React as the main javascript development framework, with the Node.js server can realize the front and rear consistent rendering, and reduce the time of the first screen loading. In order to be able to use the latest development technology in the project and compatible with old-fashioned browsers, the project uses webpack to build. Webpack supports the CommonJS specification, provides a package dependency mechanism for javascript, and avoids naming conflicts. Webpack provides loaders and plugins extensions. Code can be customized processing. This paper mainly describes the core technologies of H5 development, and uses these technologies to realize the front end of mobile e-commerce system. This paper mainly describes the configuration of webpack, the consistent rendering of front and rear end of React frame and Node.js server, the realization and reuse of list display module, the adaptation of page, the encapsulation of network module and the realization of payment module.
【學(xué)位授予單位】：南京大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2017
【分類號(hào)】：TP311.52
，

本文編號(hào)：2303284