摘要：现如今，随着社会经济的快速发展与互联网应用的普及，Internet技术得到了大幅度的提升。而各类电子商务网站也层出不穷，人们可以购物、点餐、打车、租房买房......它迎合了都市人们快节奏的生活步伐，并为其提供了一个足不出户便可解决各类生活需求的平台。人们只需动动手指，买卖双方便在网上完成了交易。

本文是电商网站为例，利用Node 和 Angular等技术，阐述了一个pc端电商购物网站的开发过程，包括了系统概述、系统分许、系统概要设计、系统详细设计、系统测试和系统实现等阶段。爱购物小型电商网站开发采用了Node,Angular等技术结合MongoDB数据库，实现了用户登陆注册、商品基本信息的浏览、商品查询、商品搜索、商品购买以及管系统员对后台数据的统一管理等功能，为用户体统了一个快速浏览各类商品信息以及在线交易的网站平台。一方面增强了用户体验，另一方面也为用户提供了便利。

 

关键词：电商购物网站；Node；Angular; MongoDB

 

目录

摘要

Abstract

1绪论-1

1.1研究背景和意义-1

1.2研究目的及内容-1

1.3相关技术简介-2

1.3.1 MongoDB数据库-2

1.3.2 Node-3

1.3.3 Angular-3

1.3.4 前后端分离-3

1.4论文组织结构-3

2系统需求及可行性分析-4

2.1系统需求分析-4

2.1系统功能需求分析-4

2.1系统性能需求分析-6

2.2业务流程-6

2.3运行环境-7

2.4可行性分析-7

3 系统概要设计-8

3.1系统总体设计-8

3.2模块功能详述-8

3.3.1.5 商城前台网站模块-8

3.2.1.1商城登录注册模块-8

3.2.1.2 商城首页模块-9

3.2.1.3 商城列表页模块-9

3.2.1.4 商城详情页模块-9

3.2.1.5 商城购物车页模块-9

3.3.1.5 商城购物车页模块设计-10

3.3.1.5 商城购物车页模块设计-10

3.3.1.5 商城购物车页模块设计-10

3.3 系统模块设计-10

3.3.1 商城前台网站模块设计-10

3.3.1.1 商城登录注册模块设计-11

3.3.1.2 商城首页模块设计-11

3.3.1.3 商城列表页模块设计-11

3.3.1.4 商城详情页模块设计-12

3.3.1.5 商城购物车页模块设计-12

3.3.2. 商城后台管理系统模块设计-12

3.3.2.1 数据管理模块设计-12

3.3.2.2 商品管理模块设计-12

3.4 数据库设计-12

3.4.1 数据库逻辑设计-12

3.4.2 数据库详细设计-13

4 系统详细设计-15

4.1系统界面的详细设计-15

4.1.1 商城前台网站页面设计-15

4.1.1.1商城登录注册页面设计-15

4.1.1.2 商城首页页面设计-16

4.1.1.3 商城列表页页面设计-17

4.1.1.4 商城购物车页面设计-18

4.1.2 商城后台管理系统页面设计-18

4.1.2.1 后台系统登录页面设计-18

4.1.2.1 后台系统首页页面设计-19

5系统测试-23

5.1 网站系统测试原则-23

5.2 网站系统测试用例-23

6 系统实现-25

6.1系统开发环境-25

6.2系统运行环境要求-25

6.3系统开发和运行-25

6.3.1系统的运行效果-25

6.3.2系统的运行效果-25

结论

参考文献

致谢