基于HTML5的移动电商系统前端的设计与实现
发布时间：2018-10-31 19:16
【摘要】：随着移动互联网的发展,在微信支付和支付宝支付等快捷移动支付方式的促进下,移动电子商务得到了迅猛发展,频繁的出现在人们的日常生活中。区别于传统的电子商务,移动电子商务可以基于地理位置提供个性化的推荐,通过微信,QQ,微博等社交平台进行商品的评论和分享。社交平台能带来大量的用户,对公司来说是非常具有吸引力的。上海某公司基于微信,QQ等社交平台,通过移动商城为用户提供商品团购服务。用户在购买商品时,平台会创建一个拼团,用户可以邀请好友参与拼团。在拼团人数达到要求时,平台生成订单并发货。在购物的同时,用户通过社交平台分享商品信息。这种销售模式在提高商品销量和品牌知名度的同时,能够为公司带来大量的新用户。为了系统能够运行在所有的移动平台上,公司基于HTML5技术开发了移动商城的前端部分。HTML5的最大优势是跨平台,开发人员无需针对平台进行开发,用户无需下载,只需要打开一个网址,就能在全平台上运行。因为无需安装,传播效果要比原生App好,推广的成本也要低很多。项目选用React作为主要的javascript开发框架,配合Node.js服务器可以实现前后端一致性渲染,减少首屏加载的时间。为了能在项目中使用最新的开发技术,同时兼容老式浏览器,项目使用webpack进行构建。webpack支持CommonJS规范,为javascript提供了包依赖机制,避免命名冲突。webpack提供的loaders和plugins扩展,可以对代码进行定制化的处理。本论文主要描述了 H5开发的核心技术,并使用这些技术实现了移动电商系统的前端部分。本文重点描述了 webpack的配置,React框架配合Node.js服务器实现前后端的一致性渲染、列表展示模块的实现和复用、页面自适应、网络模块的封装、支付模块的实现。
[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.
【学位授予单位】：南京大学
【学位级别】：硕士
【学位授予年份】：2017
【分类号】：TP311.52
，
本文编号：2303284
[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.
【学位授予单位】：南京大学
【学位级别】：硕士
【学位授予年份】：2017
【分类号】：TP311.52
，
本文编号：2303284
本文链接：https://www.wllwen.com/jingjilunwen/dianzishangwulunwen/2303284.html
