零食购物网站的设计与开发(附件)【字数：7303】
随着电子商务的飞速发展，越来越多的实体店铺迁移到互联网中，这将是未来发展的一大趋势，本课题通过设计构建一个完整的电子商务网站，实现其基本功能，同时采用了较为少见的全栈一体化技术，将脚本语言作为后端服务构建一种开发语言来实现脚本语言的服务，为轻量级开发人员提供参考，使用了市面上常用的技术，能够良好的兼容其它系统，同时具备一定的扩展空间。Node.js是近年来比较流行的全栈解决方案，该技术的出现打破了JS无法作为服务器程序的弊端，使用一个事件驱动、非阻塞I/O模型。Vue技术是目前市面上最流行的前端框架之一，其简单易懂的语法，对JS的良好封装，对前端开发技术更好的思考，能够帮助前端工程师快速的搭建页面以及与后台数据进行交互，本课题选用该技术可以与node.js更好的交互。
目录
一、引言 1
(一) 网站背景和意义 1
(二) 网站介绍 1
二、关键技术介绍 2
(一) MySQL 2
(二) Vue 2
(三) Node.js 2
三、零食购物网站需求分析 3
(一) 可行性分析 3
1. 需求可行性分析 3
2. 技术可行性分析 3
(二) 网站的目标 3
(三) 网站用例 3
四、零食购物网站总体设计 4
(一) 网站前台模块设计 4
(二) 网站的数据模型设计 4
1. 实体关系(ER)图设计 4
2. 数据物理模型的设计 6
五、网站详细设计 10
(一) 前台设计 10
1. 整体设计 10
2. 首页设计 10
3. 商品详情 12
4. 新增地址 13
5. 登录设计 14
6. 登出设计 15
7. 地址管理 16
8. 添加评论 17
9. 修改数量 18
六、总结 19
参考文献 21
一、引言
网站背景和意义
随着电子商务在生活中的各种应用，越来越多的产品迈向了网络化 *好棒文|www.hbsrm.com +Q: ^351916072*
销售运营模式，该模式的优点在于减少实体店的开销，同时增大了面向人群，使销售变得越来越广泛。
零食购物网站提供了网络销售平台，商家可将自己的产品放置在该网站上，用户可通过点击浏览详细产品参数查看，商品购买等功能，本课题设计开发了一套完整的电商平台，能够满足用户的所有需求。
网站介绍
零食购物网站运用前端中大多数人会使用的Vue技术设计搭建网站整体页面，通过通用框架集成页面内容，实现多出复用，同时采用自定义封装，将常用模块内容组件化，便于项目的整体开发[1]。本网站以node.js作为开发语言，其特点在于跨平台性强，环境要求低等特点，采用JS语法完成后台的逻辑操作，整体架构清晰明了，数据持久化则使用MySQL关系型数据库存放网站关键数据[2]。网站是一个即前端与后台一体化的项目，将复杂庞大的后台项目整合成简单轻便的服务，该网站的主要功能有用户注册、用户登入、订单、购物商城、搜索、查看、商品分类展示、商品推荐、商品购买、收藏、个人资料修改等。零食购物网站的页面参考京东购物如图11所示。
图11 网站页面参考图
二、关键技术介绍
MySQL
MySQL是一种轻量级的开源关系型数据，在软件开发行业中使用率最高，入门最简单，同时支持用户对源码进行自定义修改，该数据库采用标准SQL语句，能够支持整合到所有的软件开发项目中，作为软件的数据持久化存储管理软件，帮助开发者更好的对数据进行管理，其轻便易用的优点成为各大项目的首选关系型数据库[3]。MySQL的架构参考博客园如图21所示。
Vue
Vue技术是目前市面上最流行的前端框架之一，其简单易懂的语法，对JS的良好封装，对前端开发技术更好的思考，能够帮助前端工程师快速的搭建页面以及与后台数据进行交互，本课题选用该技术可以与node.js更好的交互[4]。
Node.js
Node.js是近年来比较流行的全栈解决方案，该技术的出现打破了JS无法作为服务器程序的弊端，使用一个事件驱动、非阻塞I/O模型，该技术让JavaScript可以运行在服务端作为后台程序，改变了常见的架构模式，同时使得项目更加简洁[5]。
图21 博客园MySQL的基本架构
三、零食购物网站需求分析
可行性分析
需求可行性分析
因为互联网思维的快速发展，电子商务也随着互联网的发展而得到迅速发展，人们的消费也有所转变，足不出户便可购物，在此大背景下零食购物电商网站诞生，通过对实体商品销售的整合，转变到互联网中，面向更广的人群，同时减少实体成本，其运营成本较低，有更好的生存空间。
技术可行性分析
我所设计的网站是一个电商类型，通过使用市面上大部分人所使用的技术，快速的去搭建网站的框架，同时采用简单设计快速迭代开发，完成难度中等[6]。
网站的目标
设计开发一个在线交易平台，达到能够查看商品列表，根据不同的价位进行筛选，同时能够查看商品详情、加入购物车以及购买，实现我所设计的电商网站的基本功能。
网站用例
零食购物网站面向的对象是所有能够使用互联网的用户，此网站有商品推荐页面、商品选择购物、搜索词、购物车、订单、等几大主要的模块，为用户提供多种数据查看窗口，通过前台与后台的交互，将关系型数据库库中的数据通过前台页面的渲染展示出来，用户在该网站中的操作也将完全记录下来，执行数据的持久化操作[7]。网站用例图如31所示。
图31 网站前台模块用例图
四、零食购物网站总体设计
网站前台模块设计
零食购物网站模块主要包括首页、商品列表、商品详情、购物车、结算、支付、我的订单、搜索、收货地址、价格筛选、在线客服。前台模块的结构图如图41所示。
目录
一、引言 1
(一) 网站背景和意义 1
(二) 网站介绍 1
二、关键技术介绍 2
(一) MySQL 2
(二) Vue 2
(三) Node.js 2
三、零食购物网站需求分析 3
(一) 可行性分析 3
1. 需求可行性分析 3
2. 技术可行性分析 3
(二) 网站的目标 3
(三) 网站用例 3
四、零食购物网站总体设计 4
(一) 网站前台模块设计 4
(二) 网站的数据模型设计 4
1. 实体关系(ER)图设计 4
2. 数据物理模型的设计 6
五、网站详细设计 10
(一) 前台设计 10
1. 整体设计 10
2. 首页设计 10
3. 商品详情 12
4. 新增地址 13
5. 登录设计 14
6. 登出设计 15
7. 地址管理 16
8. 添加评论 17
9. 修改数量 18
六、总结 19
参考文献 21
一、引言
网站背景和意义
随着电子商务在生活中的各种应用，越来越多的产品迈向了网络化 *好棒文|www.hbsrm.com +Q: ^351916072*
销售运营模式，该模式的优点在于减少实体店的开销，同时增大了面向人群，使销售变得越来越广泛。
零食购物网站提供了网络销售平台，商家可将自己的产品放置在该网站上，用户可通过点击浏览详细产品参数查看，商品购买等功能，本课题设计开发了一套完整的电商平台，能够满足用户的所有需求。
网站介绍
零食购物网站运用前端中大多数人会使用的Vue技术设计搭建网站整体页面，通过通用框架集成页面内容，实现多出复用，同时采用自定义封装，将常用模块内容组件化，便于项目的整体开发[1]。本网站以node.js作为开发语言，其特点在于跨平台性强，环境要求低等特点，采用JS语法完成后台的逻辑操作，整体架构清晰明了，数据持久化则使用MySQL关系型数据库存放网站关键数据[2]。网站是一个即前端与后台一体化的项目，将复杂庞大的后台项目整合成简单轻便的服务，该网站的主要功能有用户注册、用户登入、订单、购物商城、搜索、查看、商品分类展示、商品推荐、商品购买、收藏、个人资料修改等。零食购物网站的页面参考京东购物如图11所示。
图11 网站页面参考图
二、关键技术介绍
MySQL
MySQL是一种轻量级的开源关系型数据，在软件开发行业中使用率最高，入门最简单，同时支持用户对源码进行自定义修改，该数据库采用标准SQL语句，能够支持整合到所有的软件开发项目中，作为软件的数据持久化存储管理软件，帮助开发者更好的对数据进行管理，其轻便易用的优点成为各大项目的首选关系型数据库[3]。MySQL的架构参考博客园如图21所示。
Vue
Vue技术是目前市面上最流行的前端框架之一，其简单易懂的语法，对JS的良好封装，对前端开发技术更好的思考，能够帮助前端工程师快速的搭建页面以及与后台数据进行交互，本课题选用该技术可以与node.js更好的交互[4]。
Node.js
Node.js是近年来比较流行的全栈解决方案，该技术的出现打破了JS无法作为服务器程序的弊端，使用一个事件驱动、非阻塞I/O模型，该技术让JavaScript可以运行在服务端作为后台程序，改变了常见的架构模式，同时使得项目更加简洁[5]。
图21 博客园MySQL的基本架构
三、零食购物网站需求分析
可行性分析
需求可行性分析
因为互联网思维的快速发展，电子商务也随着互联网的发展而得到迅速发展，人们的消费也有所转变，足不出户便可购物，在此大背景下零食购物电商网站诞生，通过对实体商品销售的整合，转变到互联网中，面向更广的人群，同时减少实体成本，其运营成本较低，有更好的生存空间。
技术可行性分析
我所设计的网站是一个电商类型，通过使用市面上大部分人所使用的技术，快速的去搭建网站的框架，同时采用简单设计快速迭代开发，完成难度中等[6]。
网站的目标
设计开发一个在线交易平台，达到能够查看商品列表，根据不同的价位进行筛选，同时能够查看商品详情、加入购物车以及购买，实现我所设计的电商网站的基本功能。
网站用例
零食购物网站面向的对象是所有能够使用互联网的用户，此网站有商品推荐页面、商品选择购物、搜索词、购物车、订单、等几大主要的模块，为用户提供多种数据查看窗口，通过前台与后台的交互，将关系型数据库库中的数据通过前台页面的渲染展示出来，用户在该网站中的操作也将完全记录下来，执行数据的持久化操作[7]。网站用例图如31所示。
图31 网站前台模块用例图
四、零食购物网站总体设计
网站前台模块设计
零食购物网站模块主要包括首页、商品列表、商品详情、购物车、结算、支付、我的订单、搜索、收货地址、价格筛选、在线客服。前台模块的结构图如图41所示。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wlw/4.html
