微服务架构（4）：项目搭建

最新推荐文章于 2024-05-11 05:54:53 发布
最新推荐文章于 2024-05-11 05:54:53 发布
阅读量718 收藏 2
点赞数
分类专栏： 微服务架构
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43605085/article/details/104229849
版权

微服务架构（4）：项目搭建

学习目标

  • 了解电商行业
  • 了解乐优商城项目结构
  • 能独立搭建项目基本框架

1.了解电商行业

学习电商项目，自然要先了解这个行业，所以我们首先来聊聊电商行业
在这里插入图片描述

1.1.项目分类

主要从需求方、盈利模式、技术侧重点这三个方面来看它们的不同

1.1.1.传统项目

各种企业里面用的管理系统（ERP、HR、OA、CRM、物流管理系统。。。。。。。）

  • 需求方：公司、企业内部
  • 盈利模式：项目本身卖钱
  • 技术侧重点：业务功能

1.1.2.互联网项目

门户网站、电商网站：baidu.com、qq.com、taobao.com、jd.com …

  • 需求方：广大用户群体
  • 盈利模式：虚拟币、增值服务、广告收益…
  • 技术侧重点：网站性能、业务功能

而我们今天要聊的就是互联网项目中的重要角色：电商

1.2.电商行业的发展

1.2.1.钱景

近年来，中国的电子商务快速发展，交易额连创新高，电子商务在各领域的应用不断拓展和深化、相关服务业蓬勃发展、支撑体系不断健全完善、创新的动力和能力不断增强。电子商务正在与实体经济深度融合，进入规模性发展阶段，对经济社会生活的影响不断增大，正成为我国经济发展的新引擎。

中国电子商务研究中心数据显示，截止到 2012 年底，中国电子商务市场交易规模达 7.85万亿人民币，同比增长 30.83%。其中，B2B 电子商务交易额达 6.25 万亿，同比增长 27%。而 2011 年全年，中国电子商务市场交易额达 6 万亿人民币，同比增长 33%，占 GDP 比重上升到 13%；2012 年，电子商务占 GDP 的比重已经高达 15%。

在这里插入图片描述

1.2.2.数据

来看看双十一的成交数据：

在这里插入图片描述
在这里插入图片描述
2016双11开场30分钟，创造每秒交易峰值17.5万笔，每秒支付峰值12万笔的新纪录。菜鸟单日物流订单量超过4.67亿，创历史新高。

1.2.3.技术特点

从上面的数据我们不仅要看到钱，更要看到背后的技术实力。正是得益于电商行业的高强度并发压力，促使了BAT等巨头们的技术进步。电商行业有些什么特点呢？

  • 技术范围广
  • 技术新
  • 高并发（分布式、静态化技术、缓存技术、异步并发、池化、队列）
  • 高可用（集群、负载均衡、限流、降级、熔断）
  • 数据量大
  • 业务复杂
  • 数据安全

1.3.常见电商模式

电商行业的一些常见模式：

  • B2C：商家对个人，如：亚马逊、当当等
  • C2C平台：个人对个人，如：咸鱼、拍拍网、ebay
  • B2B平台：商家对商家，如：阿里巴巴、八方资源网等
  • O2O：线上和线下结合，如：饿了么、电影票、团购等
  • P2P：在线金融，贷款，如：网贷之家、人人聚财等。
  • B2C平台：天猫、京东、一号店等

1.4.一些专业术语

  • SaaS：软件即服务

  • SOA：面向服务

  • RPC：远程过程调用

  • RMI：远程方法调用

  • PV：(page view)，即页面浏览量；

    用户每1次对网站中的每个网页访问均被记录1次。用户对同一页面的多次访问，访问量累计

  • UV：(unique visitor)，独立访客

    指访问某个站点或点击某条新闻的不同IP地址的人数。在同一天内，uv只记录第一次进入网站的具有独立IP的访问者，在同一天内再次访问该网站则不计数。

  • PV与带宽：

    • 计算带宽大小需要关注两个指标：峰值流量和页面的平均大小。
    • 计算公式是：网站带宽= ( PV * 平均页面大小（单位MB）* 8 )/统计时间（换算到秒）
    • 为什么要乘以8？
      • 网站大小为单位是字节(Byte)，而计算带宽的单位是bit，1Byte=8bit
    • 这个计算的是平均带宽，高峰期还需要扩大一定倍数

  • PV、QPS、并发

    • QPS：每秒处理的请求数量。8000/s

      • 比如你的程序处理一个请求平均需要0.1S，那么1秒就可以处理10个请求。QPS自然就是10，多线程情况下，这个数字可能就会有所增加。

    • 由PV和QPS如何需要部署的服务器数量？

      • 根据二八原则，80%的请求集中在20%的时间来计算峰值压力：
      • （每日PV * 80%） / （3600s * 24 * 20%） * 每个页面的请求数 = 每个页面每秒的请求数量
      • 然后除以服务器的QPS值，即可计算得出需要部署的服务器数量

1.5.项目开发流程

项目经理：管人

产品经理：设计需求原型

测试：

前端：大前端。node

后端：

移动端：

项目开发流程图：
在这里插入图片描述

公司现状：
在这里插入图片描述

2.乐优商城介绍

2.1.项目介绍

  • 乐优商城是一个全品类的电商购物网站（B2C）。
  • 用户可以在线购买商品、加入购物车、下单、秒杀商品
  • 可以品论已购买商品
  • 管理员可以在后台管理商品的上下架、促销活动
  • 管理员可以监控商品销售状况
  • 客服可以在后台处理退款操作
  • 希望未来3到5年可以支持千万用户的使用

2.2.系统架构

2.2.1.架构图

乐优商城架构缩略图，大图请参考课前资料：
在这里插入图片描述

2.2.2.系统架构解读

整个乐优商城可以分为两部分：后台管理系统、前台门户系统。

  • 后台管理：

    • 后台系统主要包含以下功能：
      • 商品管理，包括商品分类、品牌、商品规格等信息的管理
      • 销售管理，包括订单统计、订单退款处理、促销活动生成等
      • 用户管理，包括用户控制、冻结、解锁等
      • 权限管理，整个网站的权限控制，采用JWT鉴权方案，对用户及API进行权限控制
      • 统计，各种数据的统计分析展示
    • 后台系统会采用前后端分离开发，而且整个后台管理系统会使用Vue.js框架搭建出单页应用（SPA）。
    • 预览图：
      在这里插入图片描述

  • 前台门户

    • 前台门户面向的是客户，包含与客户交互的一切功能。例如：
      • 搜索商品
      • 加入购物车
      • 下单
      • 评价商品等等
    • 前台系统我们会使用Nuxt(服务器渲染)结合Vue来完成页面开发。出于SEO优化的考虑，我们将不采用单页应用。
      在这里插入图片描述

后端微服务

无论是前台还是后台系统，都共享相同的微服务集群，包括：

  • 商品微服务：商品及商品分类、品牌、库存等的服务
  • 搜索微服务：实现搜索功能
  • 订单微服务：实现订单相关
  • 购物车微服务：实现购物车相关功能
  • 用户中心：用户的登录注册等功能
  • Eureka注册中心
  • Zuul网关服务
  • Spring Cloud Config配置中心
  • …

2.2.3.商城管理系统前端页面

  • Vue-cli脚手架、Node.js
    在控制台输入npm run dev，来运行前端。

  • 后台管理页面
    在menu.js中构造首页菜单组件，然后再Vue路由：vue-router

  routes: [
    route("/login",'/Login',"Login"),// /login路径，路由到登录组件
    {
   
      path:"/", // 根路径，路由到 Layout组件
      component: () => import('../pages/Layout'),
      redirect:"/index/dashboard",
      children:[ // 其它所有组件都是 Layout的子组件
        route("/index/dashboard","/Dashboard","Dashboard"),
        route("/item/category",'/item/Category',"Category"),
        route("/item/brand",'/item/Brand',"Brand"),
        route("/item/list",'/item/Goods',"Goods"),
        route("/item/specification",'/item/specification/Specification',"Specification"),
        route("/user/statistics",'/item/Statistics',"Statistics"),
        route("/trade/promotion",'/trade/Promotion',"Promotion")
      ]
    }
  ]

映射到对应的pages页面（例如：/item/Category）

3.搭建后台管理前端

3.1.导入已有资源

后台项目相对复杂，我们不再从0搭建项目，而是直接使用准备好的源码。然后在Intellij idea中导入新的工程，这正是一个用vue-cli构建的webpack工程。
在这里插入图片描述

3.2.安装依赖

你应该注意到，这里并没有node_modules文件夹，方便给大家下发，已经把依赖都删除了。不过package.json中依然定义了我们所需的一切依赖：
在这里插入图片描述

我们只需要打开终端，进入项目目录，输入：npm install命令，即可安装这些依赖。
在这里插入图片描述
大概需要几分钟。

如果安装过程出现以下问题：

在这里插入图片描述
建议删除node_modules目录，重新安装。

3.3.运行一下看看

输入命令：npm run dev
在这里插入图片描述

发现默认的端口是9001。访问：http://localhost:9001

会自动进行跳转：
在这里插入图片描述

4.Vuetify框架

4.1.为什么要学习UI框架

Vue虽然会帮我们进行视图的渲染，但样式还是由我们自己来完成。这显然不是我们的强项，因此后端开发人员一般都喜欢使用一些现成的UI组件，拿来即用，常见的例如：

  • BootStrap
  • LayUI
  • EasyUI
  • ZUI

然而这些UI组件的基因天生与Vue不合，因为他们更多的是利用DOM操作，借助于jQuery实现，而不是MVVM的思想。

而目前与Vue吻合的UI框架也非常的多，国内比较知名的如：

  • element-ui：饿了么出品
  • i-view：某公司出品

然而我们都不用，我们今天推荐的是一款国外的框架：Vuetify

官方网站：https://vuetifyjs.com/zh-Hans/
在这里插入图片描述

4.2.为什么是Vuetify

有中国的为什么还要用外国的？原因如下：

  • Vuetify几乎不需要任何CSS代码，而element-ui许多布局样式需要我们来编写
  • Vuetify从底层构建起来的语义化组件。简单易学，容易记住。
  • Vuetify基于Material Design（谷歌推出的多平台设计规范），更加美观，动画效果酷炫，且风格统一

这是官网的说明：
1530555978248
缺陷：

  • 目前官网虽然有中文文档，但因为翻译问题，几乎不太能看。

4.3.怎么用？

基于官方网站的文档进行学习：
在这里插入图片描述
我们重点关注UI components即可，里面有大量的UI组件，我们要用的时候再查看，不用现在学习，先看下有什么：

在这里插入图片描述

以后用到什么组件，就来查询即可。

在这里插入图片描述

5.项目结构

开始编码前，我们先了解下项目的结构。

5.1.目录结构

在这里插入图片描述

5.2.调用关系

我们最主要理清index.html、main.js、App.vue之间的关系：
在这里插入图片描述
理一下：

  • index.html：html模板文件。定义了空的div，其id为a
最低0.47元/天 解锁文章
rnaNg0丶
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何快速搭建一个微服务架构？
01-27
相对于“完美”的微服务架构方案，微服务架构简单模式可以暂且不用关注保障数据一致性的分布式事务技术、方便程序包在环境间（开发、测试、生产）迁移的配置中心组件、监控 API调用情况的调用链组件、避免系统超载的...
微服务环境的搭建
JAVA_SR的博客
08-26 2265
电商项目，订单微服务，商品微服务。
从零开始搭建一个微服务项目（一）
qq_44620773的博客
11-17 3961
2. 如何通过bootstrap拿到nacos对应的配置呢，会通过服务名+profile名+后缀名组成。各个服务之间是通过Http请求来进行交互，原先使用RestTemplate进行请求，可以使用更方便的openFeign（Feign已经停止维护，通过服务名在数据中心找到多个ip，然后通过负载均衡策略（可以通过实现Irlue来实现），来制定对应的实例ip。原理：通过指定的服务名，去注册中心查找对应的ip地址，然后去向目标发送请求。在消费者服务里建一个接口，写上需要调用的请求，并在接口上添加。
2024年最全如何安全快速的搭建一个微服务架构(1)，深入剖析
最新发布
2401_84544780的博客
05-11 580
目前存在着某种类型的虚拟机（VM），对我来说，就是通常的Java。在虚拟机中应用的功能组件以对象的形式存在，这些对象是在内存中相互通讯的，它们将来来回回处理并进行方法调用。偶尔，你会采用诸如通知等机制来接触到其他系统以便获取数据或传递信息。有了微服务之后，应用程序如何构建的范式是完全不同的了。你的功能组件会从在同一个主机的内存中通过虚拟机相互通讯转变到部署在容器中，并且使用Restful API调用通过HTTP来相互连接。这是非常强大的，因为它赋予了你功能隔离。
JAVA开发（保姆级微服务搭建过程）
JAVA领域优质创作者，基于分片网络查询方法专利发明者。
06-09 5236
现在的java后端基本都是通过微服务的方式进行搭建。当我们对需求进行分割时，可以通过横向或者纵向对服务进行划分。或者当某一块的业务我们希望通过一个单独的服务进行开发时，就需要新增新的服务，本文通过springtool suite工具介绍，微服务搭建过程。
搭建微服务工程 【详细步骤】
每日一记，每周一结。
07-14 3127
本篇文章用到的技术栈mysql+mybatis[mp]+springboot+springcloud alibaba
微服务项目搭建流程
qq_42715683的博客
04-27 3336
项目使用微服务架构搭建的优点： 1. 大型应用程序的复杂性 当应用程序变得越来越复杂时，单体架构会变得越来越难以维护和扩展。Java微服务架构可以将应用程序分解为多个小型服务，每个服务专注于一个特定的功能，可以独立开发、测试、部署和扩展，从而降低应用程序的复杂性。 2. 高并发和高可用性 当应用程序需要处理高并发请求时，单体架构可能会出现性能问题和单点故障。Java微服务架构可以将负载均衡、故障转移、自动扩展等功能集成到服务中，从而提高应用程序的可用性和可扩展性。
新手学习微服务SpringCloud项目架构搭建方法
08-25
新手学习微服务SpringCloud项目架构搭建方法 微服务架构是当前软件架构开发的热门趋势之一，而Spring Cloud正是微服务架构的优秀实现者。微服务架构的主要特点是将大型应用程序拆分成多个小型独立的服务，每个服务...
第二章:微服务环境搭建
02-24
user用户微服务【端口:807x】shop-product商品微服务【端口:808x】shop-order订单微服务【端口:809x】2.1.3微服务调用在微服务架构中，最常见的场景就是微服务之间的相互调用。我们以电商系统中常见的用户下单为例来...
在Python中搭建有效的微服务架构
06-15
API(应用编程接口)优先方法是Connexion（联接）搭建有效的微服务的有力工具。使用API的好处是满足了客户期望。除此之外，使用Connexion将使你在Python中开发API变得更加流畅。Google在收购Apigee时强调了应用程式...
微服务环境搭建
weixin_66202611的博客
11-25 1754
系统架构大体经历了下面几个过程: 单体应用架构--->垂直应用架构--->分布 式架构--->SOA架构--->微服务架构单体架构介绍互联网早期，一般的网站应用流量较小，只需一个应用，将所有功能代码都部署在一起就可以，这 样可以减少开发、部署和维护的成本。比如说一个电商系统，里面会包含很多用户管理，商品管理，订单管理，物流管理等等很多模块， 我们会把它们做成一个web项目，然后部署到一台tomcat服务器上。如图所示优点：项目架构简单，小型项目的话， 开发成本低项目部署在一个节点上， 维护方便。
【微服务】微服务环境搭建
m0_64210833的博客
03-01 737
例来演示微服务的调⽤：客户向订单微服务发起⼀个下单的请求，在进⾏保存订单之前需要调⽤商品微服务查询商品的信息。在微服务架构中，最常⻅的场景就是微服务之间的相互调⽤。我们以电商系统中常⻅的。10.直接往数据库中添加几条数据，启动项目进行调用即可。启动⼯程，等到数据库表创建完毕之后，加⼊测试数据。我们⼀般把服务的主动调⽤⽅称为。商品微服务 【端⼝:8081。订单微服务 【端⼝:8091。，把服务的被调⽤⽅称为。
创建微服务项目(入门)
m0_51935980的博客
03-09 1262
创建微服务项目
微服务基础，分布式核心，常见微服务框架，SpringCloud概述，搭建SpringCloud微服务项目详细步骤，含源代码
HakerDONG的博客
11-14 1209
SpringCloud微服务架构，项目搭建流程，详细步骤
SpringCloud微服务项目实战(一)---搭建SpringBoot项目
xiaobai178的博客
06-28 4326
问题：新建子模块后，pom文件的图标是xml文件标识，而不是m标识，而且目录结构是com-xxx-xxx这样一层一层的，而不是package包名一起的解决：idea工作台左侧右键pom文件，点击Add As Maven Project，如下图问题：删除子模块后，再新增同样名称的子模块，pom文件不生效且出现了删除线。解决：File–Settings–Build–Maven–IgnoredFiles中将对勾取消，如下图。
从零开始-系统架构之SpringCloud搭建全教程
qq_44899022的博客
11-25 1477
Resilience4j是一个轻量级的容错组件，其灵感来自于Hystrix，但主要为Java 8和函数式编程所设计,也就是我们的lambda表达式。轻量级体现在其只用。
微服务项目搭建：Nacos以及网关的配置
Java_Zzm的博客
10-21 1064
本文主要记录微服务项目结构搭建里的nacos和gateway
SpringCloud微服务项目快速搭建（一）（SpringCloud Netflix，H版-SR3）
lzc翻身博客
06-18 882
Spring Cloud Netflix是Spring Cloud生态系统中的重要组成部分，也是使用Spring Cloud进行微服务架构开发的主要方向之一。Spring Cloud Netflix主要目标是为开发者提供构建分布式系统所需的组件，包括服务注册中心、负载均衡、断路器、转发器、过滤器等。二。
微服务环境搭建(spring cloud Alibaba)(一)
全栈技术分享，项目分享，资料分享
05-24 1094
Spring Cloud为开发人员提供了一些工具用来快速构建分布式系统中的一些常见模式和解决一些常见问题（例如配置管理、服务发现、断路器、智能路由、微代理、控制总线、一次性令牌、全局锁、领导选举、分布式会话、群集状态）。分布式系统的协调导致了很多样板式的代码（很多固定套路的代码），使用Spring Cloud开发人员可以快速建立实现这些模式的服务和应用程序。它们在任何分布式环境中都能很好地运行，包括开发人员自己的笔记本电脑、裸机数据中心和云计算等托管平台；
Java搭建微服务架构
05-20
Java搭建微服务架构的主要步骤如下： 1. 选择合适的微服务框架：目前比较流行的微服务框架有Spring Cloud、Dubbo、gRPC等，根据自己的需求选择合适的框架。 2. 设计微服务架构：根据业务需求，将系统拆分成多个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值