谭子攀 杨振南 潘学文

摘要：该文基于Web前端开发的移动商业购物网站采用了HTML，CSS，JS，VUE等框架;利用MVC的设计架构与软件工程的设计思想，通过商品线上展示商品以及全新Web技术来实现前后台交互。在通过用户输入信息进行验证登录，并且经过用户选择商品进行购物车的添加，最终进行交易。Web前端开发的商业购物网站解决了传统购物的局限性，给用户带来良好的体验以及优质的商品视觉感，实现了购物的方便快捷以及有更多的选择。

关键词：Web前端;商业购物网站;HTML;CSS;JS

中图分类号：TN911-4;G434        文献标识码：A

文章编号：1009-3044（2021）13-0266-02

Abstract： This article uses the HTML， CSS， JS， VUE and other frameworks to develop the mobile commercial shopping website based on the Web front end. It uses MVC's design architecture and software engineering design ideas to achieve front-end and back-end interaction through the online display of commodities and the new Web technology. After the user enters the information to verify the login， and after the user selects the product to add the shopping cart， the transaction is finally carried out. The commercial shopping website developed by the Web front end solves the limitations of traditional shopping， brings users a good experience and a high-quality visual sense of goods， and realizes the convenience of shopping and more choices.

Key words： Web;Commercial shopping website;HTML;CSS;JS

1 引言

随着移动互联网技术的迅速发展，以及移动智能终端快速普及，人们获取信息的途径从PC端Web浏览逐渐转向移动智能终端的Web浏览[1-2]。在互联网未兴起的实体购物模式中，用户都是在当地或者远行进行线下购买。购物方式主要通过实体店来实现客户的需求，地区和商品样式局限性很大，而且商品種类和样式不够齐全，用户购物体验不是很好。在互联网迅速发展的时代中，我国依靠互联网实现了线上购物，方便了用户同时也为Web大前端这一块的技术领域赢得了发展[3-4]。

随着互联网高速发展，线上购物在许多领域已经开始慢慢取代实体购物。本文基于web前端实现线上购物网站的开发。Web的交互性首先表现在它的超链接上，用户的浏览顺序和所访问的站点完全由用户自己决定[5-6]。本网站在VUE框架上进行网页制作，利用经典的css对网站的外貌进行改良，然后根据后台的json数据运行整个网站。……