摘要：近几年来，随着我国的经济不断壮大，一些电商行业的不断兴起，使得人们慢慢的改变了传统的在实体店的消费模式，越来越多的消费者开始在网络上进行购物和消费。几年前，由于在网络购物所存在的安全性、还有网上支付的不方便等多种因素，这就使得人们对于在网络上购物还不是很放心，存在众多顾虑。现如今，随着一些电商行业的不断快速发展，人们在线上网上支付方式已经得到了保障，网上支付也变得越来越安全。随着这个潮流开始后，大家也逐渐开始习惯这种新的在网上购物的消费模式了。所以，一些商家也是看准了这个商机，电商市场正在以飞快的速度发展。这种新形式的网络购物也正在逐步适应人们快节奏地生活，让它们足不出户只需要用手点一点就可以方便地购买东西。

本次课程主要是设计出一个基于JavaScript的电商购物网站系统，我们所设计的整个网页是有多个部分组成，其中包括以下几个部分：用户登录网页的首页、用户注册帐号信息页、商品的详情页面和购物车结算页面。在本次的网页设计方面，本系统主要是采用VUE框架结构，同时也使用了前端语言：HTML、CSS、JavaScript三种核心技术进行整个页面的设计，从而保证了整个系统的安全性和代码的可行性。

 

关键词：JavaScript；电商网站；前端技术

 

目 录

摘 要

ABSTRACT

第一章  前言-1

1.1 研究背景-1

1.2 发展情况-1

1.3 小结-2

第二章  课程概述-3

2.1 课程设计思路-3

2.2 课程设计目标-3

2.3 系统的规划-3

2.3.1系统的可行性-4

2.3.2系统的功能分析-4

2.3.3网站设计的特点-5

2.4 小结-5

第三章  相关的技术概述-6

3.1 HTML5简介-6

3.1.1 HTML5的基本结构-6

3.1.2 HTML5的几大优点-7

3.2 CSS语言-8

3.2.1 CSS简介-8

3.2.2 CSS文件-8

3.2.3 CSS与HTML相结合的几种方式-9

3.3 JavaScript语言-10

3.3.1 JavaScript简介-10

3.3.2 JavaScript的变量使用-10

3.3.2 JavaScript导入到HTML文件-10

3.3.4 JavaScript与Java的不同之处-11

3.4 Vue.js框架-11

3.5 小结-12

第四章  系统的总体设计-12

4.1 整体架构-12

4.1.1 各部分介绍-12

4.2 命名集合-15

4.3 系统设计-16

4.3.1 登陆系统界面图-16

4.3.2  用户注册界面-16

4.3.3  用户浏览商品-17

4.3.4  商品详情页-18

4.3.5  用户订购商品-18

4.4 小结-19

第五章  系统测试-20

5.1 系统测试分析-20

5.1.1  测试分析总结-20

5.2遇到的问题及解决方案-20

5.2.1 系统的整体设计和规划-20

5.2.2 系统中存在的问题及解决方法-21

第六章  总结与展望-23

参考文献-24

致  谢-26