2020年10月_chengqiuming

原创 Spring MVC统一异常处理通用做法

一自定义统一异常处理package com.atguigu.gulimall.product.exception;import com.atguigu.common.exception.BizCodeEnume;import com.atguigu.common.utils.R;import lombok.extern.slf4j.Slf4j;import org.springframework.validation.BindingResult;import org.springfram.

2020-10-31 20:59:54 287

原创 element UI 上传文件到阿里云对象存储服务

一element UI 单文件上传组件封装1singleUpload.vue<template> <div>  <el-upload action="http://gulimall-cakin.oss-cn-chengdu.aliyuncs.com" :data="dataObj" list-type="pictur..

2020-10-30 20:28:13 1483

原创 OSS获得阿里云服务端签名——服务端签名后直传

一任务完成上图的第1步和第2步。二参考https://help.aliyun.com/document_detail/31926.html?spm=a2c4g.11186623.6.1711.4d777815zWYCD0三创建第三方服务微服务1配置依赖<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi=...

2020-10-29 21:25:35 2171

原创阿里云OSS（对象存储服务）整合测试

一点睛官方参考：https://help.aliyun.com/document_detail/32009.html?spm=a2c4g.11174283.6.916.341e7da2ntnkHlhttps://github.com/alibaba/aliyun-spring-boot/tree/master/aliyun-spring-boot-samples/aliyun-oss-spring-boot-sample二准备工作——开通AccessKey的方法...

2020-10-28 21:45:24 2098

原创阿里云存储开通与使用

一文件存储方式二基本概念1 对象存储概念对象存放服务（ObjectStorageService，OSS）是一种海量、安全、低成本、高可靠的云存储服务，适合存放任意类型的文件。容量和处理能力弹性扩展，多种存储类型供选择，全面优化存储成本。三使用方式1登录阿里云官网https://homenew.console.aliyun.com/?spm=5176.19720258.J_8058803260.1283.e9392c4a6EBDmm2使用阿里云对象存储3...

2020-10-28 20:38:04 544

原创实名认证要素

一实名认证二要素、三要素、四要素、五要素验证二要素：姓名、身份证号码三要素：姓名、身份证号码、手机号三要素：姓名、身份证号码、银行卡四要素：姓名、身份证号码、银行卡、预留手机号数据来源：姓名和身份证号码一般来源于政府部门的身份数据库，银行卡和预留手机号一般来源于银联数据库。二实名认证说明1 居民身份信息维护在NCIIC，公安一所和公安三所只是授权使用数据。2 公安一所发行身份证，主要负责线下身份认证；公安三所发行eID，主要负责线上身份认证。3 带手机号的三要素比带银行

2020-10-28 17:58:27 5064

原创怎样跳过Vue的eslint

一修改build下的webpack.base.conf.js文件注释掉下面代码const createLintingRule = () => ({ // test: /\.(js|vue)$/, // loader: 'eslint-loader', // enforce: 'pre', // include: [resolve('src'), resolve('test')], // options: { // formatter: require.

2020-10-27 20:53:50 1580

原创人人开源代码快速生成品牌管理的前后端基本代码

一点睛通过人人开源快速生成基本的前后端代码，以满足基本的增删改查，然后根据实际业务，去修改前面生成的基本代码，以满足实际业务需求。二依赖表的结构/*表： pms_brand*/------------------/*列信息*/-----------Field Type Collation Null Key Default Extra Privileges .

2020-10-27 20:42:48 525 1

原创 JS文件包含

一需求common.js需要包含 const.js, commons.js和const.js在 js 目录下。二const.js文件内容var baseUrl = '/api/';// 本地环境var uploadBaseUrl = 'http://192.168.0.211:8080/api/';// 测试环境//var uploadBaseUrl = 'http://192.168.0.212:8080/api/';// 预发布环境//var upload...

2020-10-27 18:56:00 1327

原创商品管理系统商品分类增删改查前后端实现

一前端实现1category.vue<template> <div>  <el-switch v-model="draggable" active-text="开启拖拽" inactive-t..

2020-10-26 20:29:49 3014 1

原创网关统一配置解决跨域问题

一点睛跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对 javascript 施加的安全限制。同源策略：是指协议，域名，端口都要相同，其中有一个不同都会产生跨域。跨域流程：非简单请求（PUT、DELETE）等，需要先发送预检请求。参考： https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS二解决跨域请求方案1——使用Nginx部署为同一域三解决跨域...

2020-10-25 13:39:06 6889 1

原创商品三级菜单配置网关路由与路径重写

一启动后端管理系统RenrenApplication二启动前端项目gulimall-admin-vue-appnpmrundev三获取菜单关键代码// 方法集合 methods: { // 获取树形菜单结构 getMenus() { this.$http({ url: this.$http.adornUrl("/product/category/list/tree"), method: "get", ...

2020-10-25 11:33:08 1335 3

原创 vue文件快速生成页面模板

一Vscode新建模板1菜单选择2新建全局代码片段二模板内容{ "Print to console": { "prefix": "vue", "body": [ "", "<template>", "<div class='$2'>$5</div>", "</tem...

2020-10-25 10:33:30 7172 1

原创商品管理系统商品分类树查询

一数据库表结构DROP TABLE IF EXISTS `pms_category`;CREATE TABLE `pms_category` ( `cat_id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '分类id', `name` char(50) DEFAULT NULL COMMENT '分类名称', `parent_cid` bigint(20) DEFAULT NULL COMMENT '父分类id', `cat_level.

2020-10-25 09:18:48 1184

原创 Vue生命周期钩子函数

一点睛1 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。2官网生命周期钩子函数图：https://cn.vuejs.org/v2/guide/instance.html#实例生命周期钩子二代码<!DOCTYPE html><html lang="en">&lt...

2020-10-22 19:39:41 169

原创 Vue组件化

一点睛通过定义组件就可以通过组件名组件标签进行组件模板复用。二代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"..

2020-10-22 19:30:48 203 1

原创 Vue计算属性侦听器和过滤器

一计算属性和侦听器计算属性：某些结果是基于之前数据实时计算出来的，我们可以利用计算属性来完成。侦听器：Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。二代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i.

2020-10-22 19:23:14 276

原创 Vue 学习笔记——指令

指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是单个 JavaScript 表达式。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。一 v-text、v-htmlv-text：显示文本原始内容，不对html元素进行解析v-html：显示html解析后的内容1 代码<!DOCTYPE html><html lang="en"><head> <met

2020-10-19 21:19:34 330 1

原创 Vue.js devtools工具的安装和展示效果

一安装1选择扩展程序2安装过程二调试代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" cont...

2020-10-19 20:30:36 165

原创 Vue 学习笔记——简介

一简介Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层。1 安装直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。NPM 安装安装后本地就会有vue.js文件，使用<script> 标签引入即可$ npm install vue <script src="./node_modules/vue/dist/vue.js"></script

2020-10-19 20:16:14 251

原创 ES6的模块化

一点睛模块化就是把代码进行拆分，方便重复利用。类似Java中的导包，要使用一个包，必须先导包。而JS中没有包的概念，换来的是模块。模块功能主要由两个命令构成：export和importexport命令：用于规定模块的对外接口。import命令：用于导入其他模块提供的功能。一些注意点：模块导入导出各种类型的变量，如字符串，数值，函数，类。导出的函数声明与类声明必须要有名称（export default 命令另外考虑）。不仅能导出声明还能导出引用...

2020-10-19 08:39:14 150

原创 ES6的promise实战

一点睛当发送异步请求时，如果我们下一个异步请求需要用到上一个异步请求的结果，这个时候就会发生连续嵌套，非常混乱，而通过promise 对象和 then 函数可以解决这一问题二数据准备1user.json{ "id": 1, "name": "zhangsan", "password": "123456"}2 user_corse_1.json{ "id": 10, "name": "English"}3corse_score...

2020-10-19 08:37:10 267

原创 ES6中的map和reduce

一实战<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <.

2020-10-18 15:01:44 412 1

原创 ES6对象优化

一点睛扩展运算符（ spread ）是三个点（...）。它将一个数组或对象转为用逗号分隔的参数序列。二实战<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu..

2020-10-18 13:02:02 243

原创 ES6的函数优化

一实战<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <.

2020-10-18 12:32:01 231

原创 ES6字符串相关

一实战<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0"> <title>Document</title></head><body>.

2020-10-18 12:03:04 145

原创 ES6的解构表达式

一代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0"> <title>Document</title></head><body>.

2020-10-18 11:54:11 235

原创 ES6的let和const

一前后端技术栈对比二简介ES6，全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。ECMAScript是浏览器脚本语言的规范，而各种我们熟知的js语言，如JavaScript则是规范的具体实现。三小技巧...

2020-10-18 11:21:41 206

原创 SpringCoud Gateway实战

目录一创建 gulimall-gateway 微服务二引入 gulimall-common 依赖和 spring-cloud-starter-gateway 依赖三开启网关的服务注册和发现四创建 application.properties 文件，指定服务名和注册中心地址五在nacos创建配置中心的命名空间和配置六创建 bootstrap.properties 文件，添加如下配置，指明配置中心地址和所属命名空间七启动服务gulimall-gateway八测试...

2020-10-18 10:32:20 383

原创 SpringCoud Gateway网关核心概念和原理

一网关的位置和作用网关作为流量的入口，常用功能包括路由转发、权限校验、限流控制等。SpringCloudgateway作为 SpringCloud官方推出的第二代网关框架，取代了Zuul网关。二鉴权、限流和日志输出上移1原来的模型2现在的模型三官网https://spring.io/projects/spring-cloud-gateway四工作原理...

2020-10-18 09:40:19 1266

原创 Nacos加载多个配置集

一点睛当微服务数量很庞大时，将所有配置都书写到一个配置文件中，显然不是太合适。对此我们可以将配置按照功能的不同，拆分为不同的配置文件。二操作步骤1原来的配置文件spring: datasource: username: root password: root url: jdbc:mysql://192.168.0.110:3306/gulimall_sms driver-class-name: com.mysql.jdbc.Driver clo...

2020-10-18 09:11:53 3365 1

原创 Nacos支持的配置方案

目录一点睛二Namespace方案三DataID方案四Group方案五综合方案一点睛Nacos支持“Namespace+group+data ID”的配置解决方案。二Namespace方案通过命名空间实现环境区分。命名空间是做配置隔离的。默认：public(默认空间)，默认新增的所有配置都在public空间。应用场景a 开发、测试和生产：利用命名空间来做环境隔离。注意：在 bootstrap.properties 配置上，需要使用哪个命名...

2020-10-18 08:45:34 1007 1

原创 SpringCloud Alibaba nacos配置中心

一依赖和配置1添加pom依赖<dependency> <groupId>com.alibaba.cloud</groupId> <artifactId>spring-cloud-starter-alibaba-nacos-config</artifactId></dependency>2创建bootstrap.properties文件，该配置文件会...

2020-10-17 20:24:17 203

原创 SpringCoud-OpenFeign测试远程调用

一引入OpenFeign<dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-openfeign</artifactId></dependency>二编写一个远程接口，告诉SpringCLoud这个接口需要被远程调用修改“com.bigdata.gulimall.coupon..

2020-10-17 19:43:29 374

原创 Spring Cloud Alibaba的nacos作为注册中心

一官网参考https://github.com/alibaba/spring-cloud-alibaba/blob/master/spring-cloud-alibaba-examples/nacos-example/nacos-discovery-example/readme-zh.md二 NacosServer服务器1下载地址https://github.com/alibaba/nacos/releases2源码生成方法https://www.pianshen.com/a...

2020-10-16 20:55:01 154

原创 SpringCloud Alibaba与Spring Cloud搭配方案

一简介SpringCloudAlibaba致力于提供微服务开发一站式解决方案。此项目包括开发分布式应用微服务的必需组件，方便开发者通过SpringCloud编程模型轻松使用这些组件来开发分布式应用服务。依托SpringCloudAlibaba，你只需要添加一些注解和少量配置，就可以将SpringCloud应用接入阿里微服务解决方案，通过阿里云中间件来迅速搭建分布式应用系统。二开源地址https://github.com/alibaba/spring-cloud-al...

2020-10-16 19:53:04 2706

原创 MyBatis-plus配置和测试微服务基本CRUD

一整合MyBatis-Plus1 导入依赖<dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.2.0</version></dependency>2 配置2.1 配置数据源a 导入数据库的驱动。&l

2020-10-15 20:39:39 361

原创人人开源代码生成器

一下载地址https://gitee.com/renrenio/renren-generator二application.yml关键配置修改# mysqlspring: datasource: type: com.alibaba.druid.pool.DruidDataSource #MySQL配置 driverClassName: com.mysql.jdbc.Driver # 修改数据库的URL url: jdbc:mysql://19..

2020-10-15 19:49:53 5337 1

原创 POM依赖导入失败问题综合解决方案

一综合解决方案https://blog.csdn.net/jwcxs_m/article/details/80076909二 Could not transfer artifact 报错1 问题现象pom.xml文件的project上报错Could not transfer artifact org.springframework.boot:spring-boot-starter-parent:pom:1.5.4.RELEASE2 解决方法命令行 cd 到项目路径下使用mvn co.

2020-10-14 17:31:42 6114 2

原创人人开源系列项目介绍以及环境搭建

一开源地址https://gitee.com/renrenio二项目介绍 renren-fast:renren-fast是一个轻量级的，前后端分离的Java快速开发平台，能快速开发项目并交付【接私活利器】,和renren-fast-vue配对。 renren-fast-vue:renren-fast-vue基于vue、element-ui构建开发，实现renren-fast后台管理前端功能，提供一套更优的前端解决方案。 renren-generator:renren-g..

2020-10-13 19:43:16 2625

2 shiro身份认证.mp4

1 shiro简介.mp4

Java单选.docx

空空如也