好易购网站的设计与实现(附件)【字数：5169】
本课题采用了主流软件框架开发了好易购网站，该网站是一款用于购买商品的网站，采用前后端分离的技术。网站前端采用的是Vue.js框架，后端采用的是Java，前端向后端发送Restful风格的请求。网站的后端业务是以Web的三层架构设计的，从表现层到业务逻辑层到数据访问层。网站具备了商品购买、评论交流功能，具体包括了“商品后台管理”、“购物车”、“秒杀”、“用户管理”、“我的书架”等五个模块。
目 录
一、引言 1
（一）项目背景 1
（二）项目技术选型 1
二、关键技术介绍 1
（一）SpringCloud 1
（二）SpringBoot 1
（三）vue.js 1
三、网站总体设计 1
（一）网站功能模块设计 1
（二）数据库表设计 2
四、网站详细设计 2
（一）前台网页 2
（二）后台管理系统 7
（三）商品规格参数 11
（四）用户中心模块 13
（五）购物车模块 16
五、总结 20
致谢 22
一、引言
（一）项目背景
好易购是一个B2C模式的单品类网站，以销售商品为主，用户可以购买商品，评论商品，以书会友，商家可以通过后台管理系统上架商品修改商品等等，该网站还限时推出秒杀活动，用户可以抢购。
（二）项目技术选型
一般技术选型会考虑这些因素：并发量、扩展性、硬件规格、存储方式、存储容量、网络要求、部署方式、技术成熟度、社区活跃程度等。
前端技术栈：HTML5、bootstrap、Vuetify、Vue.js、ajax。
后端技术栈：Spring Boot、Spring Cloud。
第三方服务：阿里云通信（短信服务）、阿里云ECS、RabbitMQ。
二、关键技术介绍
（一）Spring Cloud
Spring Cloud是一款微服务框架，就是把一个框架拆分成多个模块，这些模块是独立成一个子系统，部署在不同的服务器上。服务治理：Eureka *好棒文|www.hbsrm.com +Q: ￥351916072￥
、客户端负载均衡：Ribbon、服务的容错保护组件：Hystrix：声明式服务调用: Feign、API网关服务：Zuul、分布式配置中心：Config。
（二）Spring Boot
Spring Boot：以前都是用SSM架构来开发，但是后来发现SSM项目的xml配置十分繁琐，于是Spring boot出现了，他将原有的xml配置简化成java配置，Spring boot官网上讲了，他内置了tomcat服务器，不需要去手动安装tomcat，然后就是开箱即用，简化了配置构建，约定大于配置，可以配置数据库连接，spring事务。
（三）vue.js
Vue.js：以前的前端，没有框架、没有工具链，就是写js，顶多用上jquery，但是现在的前端开发越来越复杂，越来越工程化。Vue就是一个典型的前端框架，需要用到Vue脚手架工具Cli、webpack打包工具，涵盖整个开发到测试的工具链。
三、网站总体设计
（一）网站功能模块设计
1.前台网页
用户前台使用的主要功能如下，用户登录注册、个人登录、购物、下单。
2.后台管理系统
商品上下架，商家可以在这里完成添加商品，修改商品，删除商品
商品品牌的管理，是商家能够修改商品的品牌
商品规格参数的管理，使贸易商可以去修改商品的规格参数
图表形式的展示，把商品以图表统计的形式展示出来
（二）数据库表设计
1．Navicat的介绍使用
Navicat、SQLyong、PDMan都是数据库可视化工具，此处选择了Navicat来设计表，有助于全面理解表与表之间的关系。
2.设计数据表
商品：id、name、image、letter
分类：id、name、parent_id、is_parent、sort
分类与商品的中间表：category_id、brand_id
用户表：username、password、phone
订单表：订单id、总金额、实付金额、优惠活动id、支付类型、邮费、用户id、支付时间、发货时间、交易完成时间、交易关闭时间、评价时间
这里主要展示的是订单表和用户表，如表31和表32所示。
表31 订单表
Field
Type
Null
Key
Default
Extra
order_id
bigint(20)
NO
PRI
(NULL)
total_fee
bigint(20)
NO
(NULL)
actual_fee
bigint(20)
NO
(NULL)
promotion_ids
varchar(256)
YES
payment_type
tinyint(1)
NO
(NULL)
post_fee
bigint(20)
NO
(NULL)
user_id
bigint(20)
NO
(NULL)
目 录
一、引言 1
（一）项目背景 1
（二）项目技术选型 1
二、关键技术介绍 1
（一）SpringCloud 1
（二）SpringBoot 1
（三）vue.js 1
三、网站总体设计 1
（一）网站功能模块设计 1
（二）数据库表设计 2
四、网站详细设计 2
（一）前台网页 2
（二）后台管理系统 7
（三）商品规格参数 11
（四）用户中心模块 13
（五）购物车模块 16
五、总结 20
致谢 22
一、引言
（一）项目背景
好易购是一个B2C模式的单品类网站，以销售商品为主，用户可以购买商品，评论商品，以书会友，商家可以通过后台管理系统上架商品修改商品等等，该网站还限时推出秒杀活动，用户可以抢购。
（二）项目技术选型
一般技术选型会考虑这些因素：并发量、扩展性、硬件规格、存储方式、存储容量、网络要求、部署方式、技术成熟度、社区活跃程度等。
前端技术栈：HTML5、bootstrap、Vuetify、Vue.js、ajax。
后端技术栈：Spring Boot、Spring Cloud。
第三方服务：阿里云通信（短信服务）、阿里云ECS、RabbitMQ。
二、关键技术介绍
（一）Spring Cloud
Spring Cloud是一款微服务框架，就是把一个框架拆分成多个模块，这些模块是独立成一个子系统，部署在不同的服务器上。服务治理：Eureka *好棒文|www.hbsrm.com +Q: ￥351916072￥
、客户端负载均衡：Ribbon、服务的容错保护组件：Hystrix：声明式服务调用: Feign、API网关服务：Zuul、分布式配置中心：Config。
（二）Spring Boot
Spring Boot：以前都是用SSM架构来开发，但是后来发现SSM项目的xml配置十分繁琐，于是Spring boot出现了，他将原有的xml配置简化成java配置，Spring boot官网上讲了，他内置了tomcat服务器，不需要去手动安装tomcat，然后就是开箱即用，简化了配置构建，约定大于配置，可以配置数据库连接，spring事务。
（三）vue.js
Vue.js：以前的前端，没有框架、没有工具链，就是写js，顶多用上jquery，但是现在的前端开发越来越复杂，越来越工程化。Vue就是一个典型的前端框架，需要用到Vue脚手架工具Cli、webpack打包工具，涵盖整个开发到测试的工具链。
三、网站总体设计
（一）网站功能模块设计
1.前台网页
用户前台使用的主要功能如下，用户登录注册、个人登录、购物、下单。
2.后台管理系统
商品上下架，商家可以在这里完成添加商品，修改商品，删除商品
商品品牌的管理，是商家能够修改商品的品牌
商品规格参数的管理，使贸易商可以去修改商品的规格参数
图表形式的展示，把商品以图表统计的形式展示出来
（二）数据库表设计
1．Navicat的介绍使用
Navicat、SQLyong、PDMan都是数据库可视化工具，此处选择了Navicat来设计表，有助于全面理解表与表之间的关系。
2.设计数据表
商品：id、name、image、letter
分类：id、name、parent_id、is_parent、sort
分类与商品的中间表：category_id、brand_id
用户表：username、password、phone
订单表：订单id、总金额、实付金额、优惠活动id、支付类型、邮费、用户id、支付时间、发货时间、交易完成时间、交易关闭时间、评价时间
这里主要展示的是订单表和用户表，如表31和表32所示。
表31 订单表
Field
Type
Null
Key
Default
Extra
order_id
bigint(20)
NO
PRI
(NULL)
total_fee
bigint(20)
NO
(NULL)
actual_fee
bigint(20)
NO
(NULL)
promotion_ids
varchar(256)
YES
payment_type
tinyint(1)
NO
(NULL)
post_fee
bigint(20)
NO
(NULL)
user_id
bigint(20)
NO
(NULL)
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/101.html
