- 博客(643)
- 资源 (23)
- 收藏
- 关注
RSS订阅原创 商城-搜索过滤-页面展示选择的过滤项
商城-搜索过滤-页面展示选择的过滤项5.页面展示选择的过滤项5.1.商品分类面包屑5.1.1.提供查询分类接口5.1.2.页面展示面包屑5.2.其它过滤项5.3.隐藏已经选择的过滤项5.页面展示选择的过滤项5.1.商品分类面包屑当用户选择一个商品分类以后，我们应该在过滤模块的上方展示一个面包屑，把三级商品分类都显示出来。用户选择的商品分类就存放在search.filter中，但是里面只有...
2019-06-17 18:25:54
415
原创 商城-搜索过滤-过滤条件的筛选
商城-搜索过滤-过滤条件的筛选4.过滤条件的筛选4.1.保存过滤项4.1.1.定义属性4.1.2.绑定点击事件4.2.后台添加过滤条件4.2.1.拓展请求对象4.2.2.添加过滤条件4.3.页面测试4.过滤条件的筛选当我们点击页面的过滤项，要做哪些事情？把过滤条件保存在search对象中（watch监控到search变化后就会发送到后台）在页面顶部展示已选择的过滤项把商品分类展示到顶部...
2019-06-17 18:22:27
779
原创 商城-搜索过滤-生成规格参数过滤
商城-搜索过滤-生成规格参数过滤3.生成规格参数过滤3.1.谋而后动3.3.实战3.3.1.扩展返回结果3.3.2.判断是否需要聚合3.3.3.获取需要聚合的规格参数3.3.4.聚合规格参数3.3.5.解析聚合结果3.3.6.最终的完整代码3.3.7.测试结果3.4.页面渲染3.4.1.渲染规格过滤条件3.4.2.展示或收起过滤条件3.生成规格参数过滤3.1.谋而后动有四个问题需要先思考清楚...
2019-06-17 18:17:34
320
原创 商城-搜索过滤-生成分类和品牌过滤
商城-搜索过滤-生成分类和品牌过滤2.生成分类和品牌过滤2.1.扩展返回的结果2.2.聚合商品分类和品牌2.2.1.提供查询品牌接口2.2.2.搜索功能改造2.3.页面渲染数据2.3.1.过滤参数数据结构2.3.2.页面渲染数据2.生成分类和品牌过滤先来看分类和品牌。在我们的数据库中已经有所有的分类和品牌信息。在这个位置，是不是把所有的分类和品牌信息都展示出来呢？显然不是，用户搜索的条件会对...
2019-06-17 18:14:57
281
原创 商城-搜索过滤-过滤功能分析
商城-搜索过滤-过滤功能分析1.过滤功能分析1.过滤功能分析首先看下页面要实现的效果：整个过滤部分有3块：顶部的导航，已经选择的过滤条件展示：商品分类面包屑，根据用户选择的商品分类变化其它已选择过滤参数过滤条件展示，又包含3部分商品分类展示品牌展示其它规格参数展开或收起的过滤条件的按钮顶部导航要展示的内容跟用户选择的过滤条件有关。比如用户选择了某个商品...
2019-06-17 18:12:22
271
原创 商城-Elasticsearch-排序
商城-Elasticsearch-排序4.排序(作业)4.1.页面搜索排序条件4.2.后台添加排序逻辑4.排序(作业)4.1.页面搜索排序条件在搜索商品列表的顶部，有这么一部分内容：这是用来做排序的，默认按照综合排序。点击新品，应该按照商品创建时间排序，点击价格应该按照价格排序。因为我们没有统计销量和评价，这里咱们以新品和价格为例，进行讲解，做法是想通的。排序需要知道两个内容：排序...
2019-06-17 18:09:37
865
原创 商城-Elasticsearch-页面分页效果
商城-Elasticsearch-页面分页效果3.页面分页效果3.1.如何生成分页条3.1.1.需要的数据3.1.2.后台提供数据3.1.3.页面计算分页条3.2.点击分页做什么3.3.页面顶部分页条)3.页面分页效果刚才的查询中，我们默认了查询的页码和每页大小，因此所有的分页功能都无法使用，接下来我们一起看看分页功能条该如何制作。这里要分两步，第一步：如何生成分页条第二步：点击分...
2019-06-17 18:07:15
463
原创 商城-Elasticsearch-实现基本搜索
商城-Elasticsearch-实现基本搜索2.实现基本搜索2.1.页面分析2.1.1.页面跳转2.1.2.发起异步请求2.2.后台提供搜索接口2.2.1.controller2.2.2.service2.2.3.测试2.3.页面渲染2.3.1.保存搜索结果2.3.2.循环展示商品2.3.3.多sku展示2.3.3.1.分析2.3.3.2.初始化sku2.3.3.3.多sku图片列表2.3.4...
2019-06-17 17:58:56
3376
原创 商城-Elasticsearch-索引库数据导入
商城-Elasticsearch-索引库数据导入1.索引库数据导入1.1.创建搜索服务1.2.索引库数据格式分析1.2.1.以结果为导向1.2.2.需要什么数据1.2.3.最终的数据结构1.3.商品微服务提供接口1.3.1.商品分类名称查询1.3.2.编写FeignClient1.3.2.1.问题展现1.3.2.2.解决方案1.3.2.3.测试1.4.导入数据1.4.1.创建GoodsReposi...
2019-06-17 17:48:48
2059
原创 商城-Elasticsearch-Spring Data Elasticsearch
商城-Elasticsearch-Spring Data Elasticsearch5.Spring Data Elasticsearch5.1.简介5.2.创建Demo工程5.3.实体类及注解5.4.Template索引操作5.4.1.创建索引和映射5.3.2.删除索引5.4.Repository文档操作5.4.1.新增文档5.4.2.批量新增5.4.3.修改文档5.4.4.基本查询5.4.5....
2019-06-17 17:39:37
245
原创 商城-Elasticsearch-聚合aggregations
商城-Elasticsearch-查询4. 聚合aggregations4.1 基本概念4.2 聚合为桶4.3 桶内度量4.4 桶内嵌套桶4.5.划分桶的其它方式4.5.1.阶梯分桶Histogram4.5.2.范围分桶range4. 聚合aggregations聚合可以让我们极其方便的实现对数据的统计、分析。例如：什么品牌的手机最受欢迎？这些手机的平均价格、最高价格、最低价格？这些手...
2019-06-17 17:00:58
378
原创 商城-Elasticsearch-查询
商城-Elasticsearch-查询3.查询3.1.基本查询：3.1.1 查询所有（match_all)3.1.2 匹配查询（match）3.1.3 多字段查询（multi_match）3.1.4 词条匹配(term)3.1.5 多词条精确匹配(terms)3.2.结果过滤3.2.1.直接指定字段3.2.2.指定includes和excludes3.3 高级查询3.3.1 布尔组合（bool)3...
2019-06-17 16:57:35
668
原创 商城-Elasticsearch-操作索引
商城-Elasticsearch-操作索引2.操作索引2.1.基本概念2.2.创建索引2.2.1.语法2.2.2.测试2.2.3.使用kibana创建2.3.查看索引设置2.4.删除索引2.5.映射配置2.5.1.创建映射字段2.5.2.查看映射关系2.5.3.字段属性详解2.5.3.1.type2.5.3.2.index2.5.3.3.store2.5.3.4.boost2.6.新增数据2.6....
2019-06-17 16:54:42
594
原创 商城-商品管理-独立安装Elasticsearch
商城-商品管理-独立安装Elasticsearch1.Elasticsearch介绍和安装1.1.简介1.1.1.Elastic1.1.2.Elasticsearch1.1.3.版本1.2.安装和配置1.2.1.新建一个用户leyou1.2.2.上传安装包,并解压1.2.3.修改配置1.3.运行1.3.1.错误1：内核过低1.3.2.错误2：文件权限不足1.3.3.错误3：线程数不够1.3.4.错...
2019-06-17 16:36:37
659
原创 商城-商品管理-搭建前台系统
商城-商品管理-搭建前台系统3.搭建前台系统3.1.静态资源3.1.1.创建工程3.1.2.导入静态资源3.2.live-server3.2.1.简介3.2.2.安装和运行参数3.2.3.测试3.3.域名访问3.4.common.js3.搭建前台系统后台系统的内容暂时告一段落，有了商品，接下来我们就要在页面展示商品，给用户提供浏览和购买的入口，那就是我们的门户系统。门户系统面向的是用户，安全...
2019-06-17 16:26:03
580
原创 商城-商品管理-商品修改
商城-商品管理-商品修改2.商品修改2.1.编辑按钮点击事件2.2.查询SpuDetail接口2.3.查询sku2.4.页面回显2.5.页面提交2.6.后台实现2.6.1.Controller2.6.2.Service2.6.3.mapper2.7.其它2.商品修改2.1.编辑按钮点击事件在商品详情页，每一个商品后面，都会有一个编辑按钮：点击这个按钮，就会打开一个商品编辑窗口，我们看下它...
2019-06-17 16:02:44
1800
原创 商城-商品管理-商品新增v2
商城-商品管理-商品新增1.商品新增1.1.弹窗事件1.2.基本数据1.2.1.商品分类1.2.2.品牌选择1.2.2.1页面1.2.2.2后台接口1.2.3.其它文本框1.3.商品描述1.3.1.什么是富文本编辑器1.3.2.Vue-Quill-Editor1.3.3.使用指南1.3.4.自定义的富文本编辑器1.3.5.效果1.4.商品规格参数改造查询规格参数接口1.5.SKU信息1.6.页面表...
2019-06-17 15:50:31
1012
原创 商城-商品管理-商品新增
商城-商品管理-商品新增5.商品新增5.1.效果预览5.2.从0开始5.3.新增商品页的基本框架5.3.1.Steppers，步骤线5.3.2.编写页面5.3.3.步骤切换按钮分析页面添加按钮添加点击事件5.4.商品基本信息5.4.1.在data中定义Goods属性5.4.2.商品分类选框5.4.3.品牌选择select组件页面实现后台提供接口测试效果5.4.4.标题等其它字段5.5.商品描述信息...
2019-06-15 00:51:44
2099
原创 商城-商品管理-商品查询
商城-商品管理-商品查询4.商品查询4.1.效果预览4.2.从0开始4.3.页面实现4.3.1.页面基本表格4.3.2.上下架状态按钮4.4.后台提供接口4.4.1.实体类4.4.2.controller4.4.3.service4.4.4.mapper4.4.5.Category中拓展查询名称的功能4.5.测试4.商品查询4.1.效果预览接下来，我们实现商品管理的页面，先看下我们要实现的效...
2019-06-15 00:25:27
1082
原创 商城-商品规格管理-SPU和SKU数据结构
商城-商品规格管理-SPU和SKU数据结构3.SPU和SKU数据结构3.1.SPU表3.1.1.表结构3.1.2.spu中的规格参数3.1.2.1.specifications字段3.1.2.2.spec_template字段3.2.SKU表3.2.1.表结构3.2.2.sku中的特有规格参数3.2.2.1.indexes字段3.2.2.2.own_spec字段3.3.导入图片信息3.SPU和S...
2019-06-14 23:58:25
5038
2
原创 商城-商品规格管理-商品规格参数管理
商城-商品规格管理-商品规格参数管理2.商品规格参数管理2.1.页面实现2.1.1.整体布局2.1.2.data中定义的属性2.2.规格参数的查询2.2.1.树节点的点击事件2.2.2.后端代码2.3.增、删、改（作业）2.商品规格参数管理2.1.页面实现页面比较复杂，这里就不带着大家去实现完整页面效果了，我们一起分析一下即可。2.1.1.整体布局打开规格参数页面，看到如下内容：因为...
2019-06-14 23:55:40
3105
1
原创 商城-商品规格管理-商品规格数据结构
商城-商品规格管理-商品规格数据结构1.商品规格数据结构1.1.SPU和SKU1.2.数据库设计分析1.2.1.思考并发现问题1.2.2.分析规格参数1.2.3.SKU的特有属性1.2.4.搜索属性1.3.规格参数表1.3.1.表结构1.3.2.json结构分析1.商品规格数据结构乐优商城是一个全品类的电商网站，因此商品的种类繁多，每一件商品，其属性又有差别。为了更准确描述商品及细分差别，抽象...
2019-06-14 17:10:44
4130
原创 商城-修改品牌
商城-修改品牌4.修改品牌4.1.点击编辑出现弹窗4.2.回显数据4.3.商品分类回显4.3.1.后台提供接口controller4.3.2.前台查询分类并渲染4.3.3.新增窗口数据干扰4.3.4.提交表单时判断是新增还是修改4.修改品牌修改的难点在于回显。当我们点击编辑按钮，希望弹出窗口的同时，看到原来的数据：4.1.点击编辑出现弹窗这个比较简单，修改show属性为true即可实现...
2019-06-14 14:06:25
243
原创 商城-FastDFS
商城-FastDFS3.FastDFS3.1.什么是分布式文件系统3.2.什么是FastDFS3.3.FastDFS的架构3.3.1.架构图3.3.2.上传和下载流程3.4.安装和使用3.5.java客户端3.5.1.引入依赖3.5.2.引入配置类3.5.3.编写FastDFS属性3.5.4.测试3.5.5.改造上传逻辑3.5.6.测试3.6.页面测试上传3.FastDFS3.1.什么是分布式...
2019-06-14 13:56:03
160
原创 商城-实现图片上传
商城-实现图片上传2.实现图片上传2.1.搭建项目2.1.1.创建module2.1.2.依赖2.1.3.编写配置2.1.4.启动类2.2.编写上传功能2.2.1.controller2.2.2.service2.2.3.测试上传2.2.4.绕过网关2.2.4.1.Zuul的路由过滤2.2.4.2.Nginx的rewrite指令2.2.5.跨域问题2.2.6.之前上传的缺陷2.实现图片上传刚才...
2019-06-14 13:51:40
846
原创 商城-品牌的新增
商城-品牌的新增1.品牌的新增1.1.页面实现1.1.1.初步编写弹窗1.1.2.实现弹窗的可见和关闭1.1.3.新增品牌的表单页1.1.4.编写表单1.1.4.1.表单1.1.4.2.文本框1.1.4.3.级联下拉选框1.1.4.4.文件上传项1.1.4.5.按钮1.1.5.表单校验1.1.5.1.校验规则1.1.5.2.项目中代码1.1.6.表单提交1.2.后台实现新增1.2.1.contro...
2019-06-14 13:22:14
222
原创 商城-从0开始品牌的查询
商城-从0开始品牌的查询7.从0开始品牌的查询7.1.设计前端页面7.1.1.查询表格7.1.2.表格分析7.1.3.动手实现7.1.3.1.修改模板7.1.3.2.编写数据模型7.1.3.3.数据初始化7.2.3.4.完整代码7.1.4.优化页面7.1.4.1.编辑和删除按钮7.1.4.2.新增按钮7.1.4.3.卡片（card）7.1.4.4.添加搜索框7.1.4.5.添加搜索图标7.1.4....
2019-06-14 13:06:18
447
原创 商城-跨域问题
商城-跨域问题6.跨域问题6.1.为什么有跨域问题？6.2.解决跨域问题的方案6.3.cors解决跨域6.3.1.什么是cors6.3.2.原理有点复杂6.3.2.1.简单请求6.3.2.2.特殊请求6.3.3.实现非常简单6.跨域问题跨域：浏览器对于javascript的同源策略的限制 。以下情况都属于跨域：跨域原因说明示例域名不同www.jd.com 与 www....
2019-06-13 15:24:06
198
原创 商城-实现商品分类查询
商城-实现商品分类查询5.实现商品分类查询5.1.导入数据5.2.页面实现5.2.1.页面分析5.2.2.树组件的用法5.3.实现功能5.3.1.url异步请求5.3.2.实体类5.3.3.controller5.3.4.service5.3.5.mapper5.3.6.启动并测试5.实现商品分类查询商城的核心自然是商品，而商品多了以后，肯定要进行分类，并且不同的商品会有不同的品牌信息，其关系...
2019-06-13 15:20:58
5330
1
原创 商城-使用域名访问本地项目
商城-使用域名访问本地项目4.使用域名访问本地项目4.1.统一环境4.2.域名解析4.3.解决域名解析问题4.4.nginx解决端口问题4.4.1.什么是Nginx4.4.2.nginx作为web服务器4.4.3.nginx作为反向代理4.4.4.安装和使用安装反向代理配置使用4.5.测试4.使用域名访问本地项目4.1.统一环境我们现在访问页面使用的是：http://localhost:90...
2019-06-13 14:53:43
563
原创 商城-项目结构
商城-项目结构6.项目结构6.1.目录结构6.2.调用关系6.3.页面布局6.项目结构开始编码前，我们先了解下项目的结构：6.1.目录结构首先是目录结构图：6.2.调用关系我们最主要理清index.html、main.js、App.vue之间的关系：理一下：index.html中定义了空的div，其id为app。main.js中定义了Vue对象，并且绑定通过id选择器，绑定...
2019-06-13 14:44:16
438
原创 UI-Vuetify框架
UI-Vuetify框架5.Vuetify框架5.1.为什么要学习UI框架5.2.为什么是Vuetify5.3.怎么用？5.Vuetify框架5.1.为什么要学习UI框架Vue负责的是虽然会帮我们进行视图的渲染，但是样式是有我们自己来完成。这显然不是我们的强项，因此后端开发人员一般都喜欢使用一些现成的UI组件，拿来即用，常见的例如：BootStrapLayUIEasyUIZUI...
2019-06-13 13:25:37
16163
原创 商城-搭建后台管理前端
商城-搭建后台管理前端4.搭建后台管理前端4.1.导入已有资源4.2.安装依赖4.3.运行一下看看4.搭建后台管理前端4.1.导入已有资源后台项目相对复杂，为了有利于教学，我们不再从0搭建项目，而是直接使用课前资料中给大家准备好的源码：我们解压缩，放到工作目录中：然后在IDEA中导入新的工程：选中我们的工程：这正是一个用vue-cli构建的webpack工程，是不是与昨天的一...
2019-06-13 13:14:23
1896
原创 Vue入门 - vue-cli
Vue入门 - vue-cli9.vue-cli9.1.介绍和安装9.2.快速上手9.3.项目结构9.4.单文件组件9.5.运行9.vue-cli9.1.介绍和安装在开发中，需要打包的东西不止是js、css、html。还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦。幸好，vue官方提供了一个快速搭建vue项目的脚手架：vue-cli使用它能快速的构建一个web工程模...
2019-06-13 13:04:54
283
原创 Vue入门 - webpack
Vue入门 - webpack8.webpack8.1.安装8.2.核心概念8.3.编写webpack配置8.3.1.入口entry8.3.2.出口output8.4.执行打包8.5.测试运行8.6.打包CSS8.6.1.安装加载器8.6.3.index.js引入css文件8.6.4.配置加载器8.6.5.重新打包8.7.script脚本8.8.打包HTML8.9.热更新的web服务8.webp...
2019-06-13 12:57:24
284
原创 Vue入门 - 路由vue-router
Vue入门 - 路由vue-router7.路由vue-router7.1.场景模拟7.1.1.编写父组件7.1.2.编写登录及注册组件7.1.3.在父组件中引用7.1.5.问题7.2.vue-router简介和安装7.3.快速入门7.路由vue-router7.1.场景模拟现在我们来实现这样一个功能：一个页面，包含登录和注册，点击不同按钮，实现登录和注册页切换；7.1.1.编写父组件...
2019-06-13 12:34:33
210
原创 Vue入门-组件化
Vue入门-组件化6.组件化6.1.全局组件6.2.组件的复用6.3.局部注册6.4.组件通信6.4.1.props（父向子传递）6.4.2.props验证6.4.3.动态静态传递6.4.4.子向父的通信6.组件化在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航。但是如果每个页面都独自开发，这无疑增加了我们开发的成本。所以我们会把页面...
2019-06-13 12:06:11
271
原创 Vue入门-指令
Vue入门-指令5.指令5.1.插值表达式5.1.1.花括号5.1.2.插值闪烁5.1.3.v-text和v-html5.2.v-model5.3.v-on5.3.1.基本用法5.3.2.事件修饰符5.3.3.按键修饰符5.3.4.组合按钮5.4.v-for5.4.1.遍历数组5.4.2.数组角标5.4.3.遍历对象5.4.4.key5.5.v-if和v-show5.5.1.基本使用5.5.2.与...
2019-06-12 18:57:25
736
原创 Vue入门-Vue实例
Vue入门-Vue实例4.Vue实例4.1.创建Vue实例4.2.模板或元素4.3.数据4.4.方法4.5.生命周期钩子4.5.1.生命周期4.5.2.钩子函数4.5.3.this4.Vue实例4.1.创建Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({ // 选项})在构造函数中传入一个对象，并且在对象中...
2019-06-12 18:00:06
370
2
原创 Vue入门-vue入门案例
Vue入门-Node和NPM3.3.vue入门案例3.3.1.HTML模板3.3.2.vue声明式渲染3.3.3.双向绑定3.3.4.事件处理3.3.vue入门案例3.3.1.HTML模板在hello-vue目录新建一个HTML在hello.html中，我们编写一段简单的代码：h2中要输出一句话：xx 非常帅。前面的xx是要渲染的数据。3.3.2.vue声明式渲染然后我们通过Vu...
2019-06-12 17:53:20
281
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人