自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 乐优商城(18)--延时消息

乐优商城(18)–延时消息一、需求分析卖家发货后后,默认7天用户确认收货买家确认收货后72小时不评价,那么该订单自动评价为好评订单未及时支付,将该订单关闭1.1、方案一cron定时任务启动一个cron定时任务,每小时跑一次,将订单完成时间超过72小时的订单取出,置为好评,并把评价状态设置为已评价缺点:轮询效率比较低每次扫描数据库,已经被执行过的记录任然会被扫描,导致重复计算时效性不好,可能产生误差1.2、方案二延时消息利用消息中间件实现延时消息,当用户确认收货则发

2021-09-07 16:25:19 203

原创 乐优商城(17)--评论服务

MongoDB学习笔记一、MongoDB简介1.1、评论数据特点分析评论两项功能存在以下特点:数据量大写入操作频繁价值较低对于这样的数据,更适合使用MongoDB来实现数据的存储1.2、什么是MongonDBMongoDB 的官方网站地址是:https://www.mongodb.com/MongoDB 是一个跨平台的,面向文档的数据库,是当前 NoSQL 数据库产品中最热门的一种。它介于关系数据库和非关系数据库之间,是非关系数据库当中功能最丰富,最像关系数据库的产品。它支持的数据结

2021-09-06 21:52:53 423

原创 乐优商城(16)--秒杀服务

乐优商城(16)–秒杀服务一、创建秒杀服务1.1、创建module父模块interface模块service模块1.2、pom文件interface的pom文件:<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-inst

2021-09-06 13:23:53 342

原创 乐优商城(15)--订单服务

乐优商城(15)–订单服务一、订单结算页页面跳转在购物车页面的最下方,有一个去结算按钮:当点击结算,应该跳转到订单结算页,即:getOrderInfo.html查看购物车的结算按钮:可以看到,地址是正确的。但是只有登录用户才可以去结算付款,因此不能直接跳转,而是在跳转前校验用户的登录状态,如果发现是未登录,应该重定向到登录页!给这个按钮绑定点击事件:事件中判断登录状态,进行页面跳转:toOrderInfo() { // 判断是否登录 ly.verifyUser(

2021-09-05 20:37:10 611

原创 乐优商城(14)–订单服务

乐优商城(14)–订单服务一、创建订单微服务1.1、创建订单父module1.2、创建leyou-order-interfacepom文件:<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:sc

2021-09-03 10:48:15 320

原创 乐优商城(13)--购物车

乐优商城(13)–购物车一、搭建购物车服务1.1、创建module1.2、pom依赖<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apach

2021-09-02 21:07:09 578

原创 乐优商城(12)--授权中心

乐优商城(12)–授权中心一、无状态登录原理1.1、什么是有状态?有状态服务,即服务端需要记录每次会话的客户端信息,从而识别客户端身份,根据用户身份进行请求的处理,典型的设计如tomcat中的session。例如登录:用户登录后,把登录者的信息保存在服务端session中,并且给用户一个cookie值,记录对应的session。然后下次请求,用户携带cookie值来,就能识别到对应session,从而找到用户的信息。缺点是什么?服务端保存大量数据,增加服务端压力服务端保存用户状态,无法进行水

2021-09-02 10:11:52 249

原创 乐优商城(11)--用户中心

乐优商城(11)–用户中心一、创建用户中心用户搜索到自己心仪的商品,接下来就要去购买,但是购买必须先登录。所以要创建用户中心,实现用户的登录和注册功能。用户中心的提供的服务:用户的注册用户登录用户个人信息管理用户地址管理用户收藏管理我的订单优惠券管理这里暂时先实现基本的功能:登录和注册。因为用户中心的服务其它微服务也会调用,因此这里需要做聚合。leyou-user:父工程,包含2个子工程:leyou-user-interface:实体及接口leyou-user-se

2021-09-01 19:09:52 884

原创 乐优商城(10)--数据同步

乐优商城(10)–数据同步一、RabbitMQ1.1、问题分析目前已经完成了商品详情和搜索系统的开发。思考一下,是否存在问题?商品的原始数据保存在数据库中,增删改查都在数据库中完成。搜索服务数据来源是索引库,如果数据库商品发生变化,索引库数据不能及时更新。商品详情做了页面静态化,静态页面数据也不会随着数据库商品发生变化。如果在后台修改了商品的价格,搜索页面和商品详情页显示的依然是旧的价格,这样显然不对。该如何解决?这里有两种解决方案:方案1:每当后台对商品做增删改操作,同时要修改索引

2021-09-01 15:55:45 364

原创 乐优商城(09)--商品详情

乐优商城(09)–商品详情一、商品详情1.1、商品详情页服务商品详情浏览量比较大,并发高,所以独立开发一个微服务,用来展示商品详情创建module商品的详情页服务,命名为:leyou-goods-webpom文件<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2

2021-09-01 10:04:18 499

原创 乐优商城(08)--搜索过滤

乐优商城(08)–搜索过滤一、过滤功能分析首先看下页面要实现的效果:整个过滤部分有3块:顶部的导航,已经选择的过滤条件展示:商品分类面包屑,根据用户选择的商品分类变化其它已选择过滤参数过滤条件展示,又包含3部分商品分类展示品牌展示其它规格参数展开或收起的过滤条件的按钮顶部导航要展示的内容跟用户选择的过滤条件有关。比如用户选择了某个商品分类,则面包屑中才会展示具体的分类比如用户选择了某个品牌,列表中才会有品牌信息。所以,这部分需要依赖第二部分

2021-08-31 20:28:54 243

原创 乐优商城(07)--搜索服务

乐优商城(07)–搜索服务一、索引库数据导入1.1、创建搜索微服务创建modulepom文件<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.

2021-08-31 15:05:30 310

原创 乐优商城(06)–门户网站

乐优商城(06)–门户网站一、前台系统搭建门户系统面向的是用户,安全性很重要,而且搜索引擎对于单页应用并不友好。因此门户系统不再采用与后台系统类似的SPA(单页应用)。依然是前后端分离,不过前端的页面会使用独立的html,在每个页面中使用vue来做页面渲染。1.1、创建工程1.2、导入静态资源将压缩包leyou-portal解压,并将其复制到新建的项目中1.3、安装live-server没有webpack,就无法使用webpack-dev-server运行这个项目,实现热部署。所以,这里

2021-08-31 09:56:47 797

原创 乐优商城(05)--商品管理

乐优商城(05)–商品管理一、导入图片资源现在商品表中虽然有数据,但是所有的图片信息都是无法访问的,因此需要把图片导入到服务器中:将images.zip文件上传至/leyou/static目录:在leyou下创建static目录使用命令解压:unzip images.zip修改Nginx配置,使nginx反向代理这些图片地址:vim /opt/nginx/config/nginx.conf修改成如下配置:server { listen 80; server_

2021-08-30 19:37:38 653

原创 乐优商城(04)--商品规格

乐优商城(04)–商品规格一、商品规格数据结构乐优商城是一个全品类的电商网站,因此商品的种类繁多,每一件商品,其属性又有差别。为了更准确描述商品及细分差别,抽象出两个概念:SPU和SKU,了解一下:1.1.SPU和SKUSPU:Standard Product Unit (标准产品单位) ,一组具有共同属性的商品集SKU:Stock Keeping Unit(库存量单位),SPU商品集因具体特性不同而细分的每个商品可以看出:SPU是一个抽象的商品集概念,为了方便后台的管理。SKU才是具体

2021-08-30 15:15:11 874

原创 乐优商城(03)–品牌管理

乐优商城(03)–品牌管理后台品牌管理页面预览一、前端页面修改在/src/pages/item/Brand.vue页面的<v-card-title>标签中新增<v-btn color="error" @click="deleteCheckBrand">删除选中</v-btn>在<v-data-table>标签中新增,如图:在<template slot="items" slot-scope="props">标签内的头部,添加以下内

2021-08-30 08:53:26 414

原创 乐优商城(02)--商品分类

乐优商城(02)–商品分类一、创建数据库导入sql文件,运行之得到以下数据表:二、页面实现2.1、url请求分析找到页面Category.vue,目录路径为:src/pages/item/Category.vue商品分类使用了树状结构,而这种结构的组件vuetify并没有提供,这里自定义了一个树状组件:<template> <v-card> <v-flex xs12 sm10> <v-tree url="/item/

2021-08-29 19:15:15 790

原创 乐优商城(01)--项目启动

乐优商城(01)–项目启动一、项目介绍乐优商城是一个全品类的电商购物网站(B2C)。用户可以在线购买商品,加入购物车,下单,秒杀商品可以品论已购买商品管理员可以在后台管理商品的上下架,促销活动管理员可以监控商品销售状况客服可以在后台处理退款操作二、项目搭建2.1、技术选型前端技术:基础的HTML,CSS,JavaScript的(基于ES6标准)JQuery的Vue.js 2.0以及基于Vue的框架:Vuetify前端构建工具:的WebPack前端安装包工

2021-08-29 16:34:46 1262 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除