自定义博客皮肤VIP专享

*博客头图：

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

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

博客底图：

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

栏目图：

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

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览 取消 提交

自定义博客皮肤

-+
上一步保存

weixin_51614089的博客

  • 博客(75)
  • 收藏
  • 关注
排序：
按最后发布时间
按访问量
RSS订阅

原创 在线教育项目（十四）---讲师管理列表组件--新增，修改

讲师管理列表组件--新增，修改一、新增1、定义api2、初始化组件3、实现新增功能二、回显1、定义api2、组件中调用api3、页面渲染前调用getTeacherInfo三、更新1、定义api2、组件中调用api3、完善saveOrUpdate方法四、存在问题一、新增1、定义apisrc/api/edu/teacher.js //3添加讲师 addTeacher(teacher){ return request({ url:`/edu/teach

2020-12-28 15:55:52 466

原创 在线教育项目（十三）---讲师管理列表组件--查询，删除

讲师管理列表组件--查询，删除一、分页列表1、定义api2、初始化vue组件3、定义data4、定义methods5、表格渲染6、分页组件7、顶部查询表单8、测试二、删除1、定义api2、定义methods一、分页列表1、定义api创建文件 src/api/edu/teacher.jsimport request from '@/utils/request'export default{ //1 讲师列表（条件查询分页） //current当前页，limit每页记录数，teach

2020-12-28 15:32:22 230

原创 项目中的路由

项目中的路由一、后台系统路由实现分析1、入口文件中调用路由2、路由模块中定义路由二、学院路由定义1、复制icon图标2、修改路由3、创建vue组件4、form.vue5、list.vue一、后台系统路由实现分析1、入口文件中调用路由src/main.jsimport Vue from 'vue'import 'normalize.css/normalize.css' // A modern alternative to CSS resetsimport ElementUI from 'ele

2020-12-28 14:56:19 355

原创 vue-element-admin&vue-admin-template

vue-element-admin&vue-admin-template 一、vue-element-admin1、简介1、安装二、vue-admin-template1.简介2.安装一、vue-element-admin1、简介而vue-element-admin是基于element-ui 的一套后台管理系统集成方案。功能：https://panjiachen.github.io/vue-element-admin-site/zh/guide/#功能GitHub地址：https://gi

2020-12-27 15:50:04 1139

原创 Webpack

Webpack一、什么是Webpack二、Webpack安装1.全局安装2.安装后查看版本号三、初始化项目1.创建webpack文件夹2.创建src文件夹3.src下创建common.js4.src下创建utils.js5.src下创建main.js四、JS打包1.webpack目录下创建配置文件webpack.config.js2.命令行执行编译命令3.webpack目录下创建index.html4.浏览器中查看index.html四、CSS打包1.安装style-loader和 css-loaderWe

2020-12-27 14:13:36 409

原创 模块化

模块化一、模块化简介1、模块化产生的背景2、什么是模块化开发二、CommonJS模块规范1、创建“module”文件夹2、导出模块3、导入模块4、运行程序三、ES6模块化规范1、导出模块2、导入模块3、运行程序三、ES6模块化的另一种写法1、导出模块2、导入模块一、模块化简介1、模块化产生的背景随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载

2020-12-27 13:22:03 129

原创 Babel

Babel一、简介二、安装三、Babel的使用1、初始化项目2、创建文件3、配置.babelrc4、安装转码器5、转码一、简介Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行执行。这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。二、安装安装命令行转码工具Babel提供babel-cli工具，用于命令行转码。它的安装命令如下：npm install --global babel-cli#查看是否安装成功babel --versio

2020-12-26 23:38:02 207

原创 NPM

NPM一、简介1、什么是NPM2、NPM工具的安装位置二、使用npm管理项目1、创建文件夹npm2、项目初始化3、修改npm镜像4、npm install命令的使用5、其它命令一、简介1、什么是NPMNPM全称Node Package Manager，是Node.js包管理工具，是全球最大的模块生态系统，里面所有的模块都是开源免费的；也是Node.js的包管理工具，相当于前端的Maven 。2、NPM工具的安装位置我们通过npm 可以很方便地下载js库，管理前端工程。Node.js默认安装的np

2020-12-26 16:29:52 202

原创 Node.js

Node.js一、简介1、什么是Node.js1、Node.js有什么用二、安装一、简介1、什么是Node.js简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。1、Node.js有什么用如果你是一个前端程序员，你不懂得像PHP、Python或Ruby等动态编程语言，然后你想创建自己的服务，那么Node.js是一个非常好的选择。

2020-12-26 16:09:56 308

原创 element-ui简介

element-ui一、引入css二、引入js三、编写html四、编写js五、测试element-ui 是饿了么前端出品的基于 Vue.js的 后台组件库，方便程序员进行页面快速布局和构建官网： http://element-cn.eleme.io/#/zh-CN创建 06-element-ui.html将element-ui引入到项目一、引入css<!-- import CSS --><link rel="stylesheet" href="element-ui/lib/t

2020-12-26 15:17:31 6770

原创 Vue---(二)---组件，生命周期，路由，axios操作

Vue一、组件（重点）1、局部组件1、定义组件2、使用组件2、全局组件1、定义组件2、使用组件二、实例生命周期三、路由1、引入js2、编写html3、编写js四、axios1、获取数据2、显示数据一、组件（重点）组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：1、局部组件创建 01-1-局部组件.html1、定义组件 &lt

2020-12-26 15:09:57 279

原创 Vue

Vue一、介绍1、Vue.js 是什么2、初始Vue.js3、在vs code中创建代码片段：二、基本语法1、基本数据渲染和指令2、双向数据绑定3、事件4、修饰符5、条件渲染6、列表渲染一、介绍1、Vue.js 是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。官方网站：https:

2020-12-26 13:28:36 347

原创 ECMAScript 6简介+基础语法

自学参考：http://es6.ruanyifeng.com/ECMAScript 6简介+基础语法一、ECMAScript 6 简介1、ECMAScript 和 JavaScript 的关系2、ES6 与 ECMAScript 2015 的关系一、基本语法1、let声明变量2、const声明常量（只读变量）3、结构赋值4、模板字符串5、声明对象简写6、定义方法简写7、对象拓展运算符8、箭头函数一、ECMAScript 6 简介ECMAScript 6.0（以下简称 ES6）是 JavaScript

2020-12-26 00:05:19 501

原创 前端开发工具

前端开发一、下载和安装VS Code1、下载地址2、安装二、初始设置1、中文界面配置2、插件安装3、创建项目4、保存工作区5、新建文件夹和网页6、预览网页7、设置字体大小8、开启完整的Emmet语法支持前端工程师“Front-End-Developer”源自于美国。大约从2005年开始正式的前端工程师角色被行业所认可，到了2010年，互联网开始全面进入移动时代，前端开发的工作越来越重要。最初所有的开发工作都是由后端工程师完成的，随着业务越来越繁杂，工作量变大，于是我们将项目中的可视化部分和一部分交互功能

2020-12-25 23:12:15 747

原创 在线教育项目（十一）---讲师模块----日志

日志一、日志1、配置日志级别二、Logback日志1、配置日志级别2、将错误日志输出到文件3、将日志堆栈信息输出到文件一、日志1、配置日志级别日志记录器（Logger）的行为是分等级的。如下表所示：分为：OFF、FATAL、ERROR、WARN、INFO、DEBUG、ALL默认情况下，spring boot从控制台打印出来的日志级别只有INFO及以上级别，可以配置日志级别在配置文件application.properties中加入# 设置日志级别logging.level.root=WARN

2020-12-25 15:53:18 127 1

原创 在线教育项目--讲师模块（十）---异常处理

异常处理一、什么是统一异常处理1、制造异常2、什么是统一异常处理二、统一异常处理1、创建统一异常处理器2、测试三、处理特定异常1、添加异常处理方法2、测试四、自定义异常1、创建自定义异常类2、业务中需要的位置抛出MyException3、添加异常处理方法4、测试一、什么是统一异常处理1、制造异常随便找个方法，插入int i = 10/0;2、什么是统一异常处理我们想让异常结果也显示为统一的返回结果对象，并且统一处理系统的异常信息，那么需要统一异常处理二、统一异常处理1、创建统一异常处理器

2020-12-25 14:38:23 265

原创 在线教育项目--讲师模块（九）----新增，删除，修改操作

新增，删除，修改操作一、新增一、自动填充封装1、在service-base模块中添加2、在实体类添加自动填充注解二、controller方法定义1、新增方法①方法②二、修改1、根据id查询方法①方法②2、根据id修改方法①方法②三、 删除四、swagger中测试一、新增一、自动填充封装1、在service-base模块中添加创建包handler，创建自动填充类 MyMetaObjectHandler@Componentpublic class MyMetaObjectHandler impl

2020-12-25 11:48:02 499

原创 在线教育项目--讲师模块（八）----分页条件查询

分页条件查询一、创建查询对象二、service1、接口2、实现3、controller一、创建查询对象创建com.guli.edu.query包，创建TeacherQuery.java查询对象@ApiModel(value = "Teacher查询对象", description = "讲师查询对象封装")@Datapublic class TeacherQuery implements Serializable { @ApiModelProperty(value = "教师名称,模糊查

2020-12-25 00:08:16 253

原创 在线教育项目--讲师模块（七）----讲师分页查询

讲师分页查询一、分页1、MyBatisPlusConfig中配置分页插件一、pandas是什么？二、使用步骤1.引入库2、分页Controller方法3、Swagger中测试若不清楚分页查询的，可看之前博客种Mybatis-plus中的分页查询相关内容一、分页1、MyBatisPlusConfig中配置分页插件一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：/** * 分页插件 */

2020-12-24 16:20:39 375 1

原创 在线教育项目--讲师模块（六）----统一返回数据格式

统一返回数据格式一、统一返回数据格式二、创建统一结果返回类1、在common模块下创建子模块common-utils2、创建接口定义返回码3、创建结果类二、统一返回结果使用1、在service模块中添加依赖2、修改Controller中的返回结果一、统一返回数据格式项目中我们会将响应封装成json返回，一般我们会将所有接口的数据格式统一， 使前端(iOS Android, Web)对数据的操作更一致、轻松。一般情况下，统一返回数据格式没有固定的格式，只要能描述清楚返回的数据状态以及要返回的具体数据就可

2020-12-24 15:52:43 450 1

原创 在线教育项目--讲师模块（五）----Swagger2的使用

Swagger2一、Swagger2介绍二、配置Swagger21、创建common模块2、在common中引入相关依赖3、在common下面创建子模块service-base![在这里插入图片描述](https://img-blog.csdnimg.cn/20201224145606416.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXh

2020-12-24 15:04:38 297

原创 在线教育项目--讲师模块（四）----讲师管理模块配置

讲师管理模块配置一、讲师管理模块配置1、在service下面service-edu模块中创建配置文件2、创建MP代码生成器二、编写后台管理api接口1、编写controller代码2、创建SpringBoot配置类3、配置SQL执行性能分析插件4、创建SpringBoot启动类5、运行启动类6、统一返回的json时间格式一、讲师管理模块配置方便理解和学习，我给出项目目录图1、在service下面service-edu模块中创建配置文件resources目录下创建文件 application.pr

2020-12-24 13:26:16 470

原创 在线教育项目--讲师模块（三）----搭建service模块

搭建service模块一、搭建service模块1、在父工程guli-parent下面创建模块service2.添加模块类型是pom3.添加项目需要的依赖二、搭建service-edu模块1、在父工程service模块下面创建子模块service-edu![在这里插入图片描述](https://img-blog.csdnimg.cn/20201224122354127.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,t

2020-12-24 12:24:24 342 4

原创 在线教育工程结构（二）----在线教育工程结构

在线教育工程结构一、工程结构介绍1、工程结构2、模块说明二、创建父工程1、创建sprigboot工程guli-parent2、删除 src 目录3、配置 pom.xml4、在pom.xml中添加依赖的版本一、工程结构介绍![在这里插入图片描述](https://img-blog.csdnimg.cn/20201224120926403.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9

2020-12-24 12:15:58 598

原创 在线教育项目（一）

数据库设计一、数据库设计1、pandas是什么？2、数据表二、数据库设计规约一、数据库设计1、pandas是什么？DROP DATABASE IF EXISTS guli;CREATE DATABASE guli;2、数据表DROP TABLE IF EXISTS gul_edu;CREATE TABLE guli_edu;二、数据库设计规约以下规约只针对本模块，更全面的文档参考《阿里巴巴Java开发手册》：五、MySQL数据库1、库名与应用名称尽量一致2、表名、字段名必须使用小写字母

2020-12-24 12:06:12 270

原创 Mybatis-plus条件查询构造器

Mybatis-plus条件查询构造器一、wapper介绍二、AbstractWrapper1、ge、gt、le、lt、isNull、isNotNull2、eq、ne3、between、notBetween4、allEq5、like、notLike、likeLeft、likeRight6、in、notIn、inSql、notinSql、exists、notExists7、or、and8、嵌套or、嵌套and9、orderBy、orderByDesc、orderByAsc10、last11、指定要查询的列12

2020-12-23 23:37:04 1543

原创 Mybatis-plus性能分析功能

Mybatis-plus性能分析功能1、配置插件1、参数说明2、在 MybatisPlusConfig 中配置3、Spring Boot 中设置dev环境二、测试1、常规测试二、使用步骤1.引入库2、将maxTime 改小之后再次进行测试性能分析拦截器，用于输出每条 SQL 语句及其执行时间SQL 性能执行分析,开发环境使用，超过指定时间，停止运行。有助于发现问题1、配置插件1、参数说明参数：maxTime： SQL 执行最大时长，超过自动停止运行，有助于发现问题。参数：format： SQL是

2020-12-23 22:53:10 1022

原创 Mybatis_plus删除操作

Mybatis_plus删除操作1、根据id删除记录2、批量删除3、简单的条件查询删除4、逻辑删除1、数据库中添加 deleted字段2、实体类添加deleted 字段3、元对象处理器接口添加deleted的insert默认值4、application.properties 加入配置5、在 MybatisPlusConfig 中注册 Bean6、测试逻辑删除7、测试逻辑删除后的查询1、根据id删除记录@Testpublic void testDeleteById(){ int result

2020-12-23 16:37:52 2999

原创 Mybatis-plus查询

select1、根据id查询记录2、通过多个id批量查询3、简单的条件查询4、分页1、创建配置类2、测试selectPage分页3、测试selectMapsPage分页：结果集是Map1、根据id查询记录@Testpublic void testSelectById(){ User user = userMapper.selectById(1L); System.out.println(user);}2、通过多个id批量查询完成了动态sql的foreach的功能@Testp

2020-12-23 15:47:31 272

原创 乐观锁操作

乐观锁操作乐观锁一、数据库中添加version字段二、实体类添加version字段三、元对象处理器接口添加version的insert默认值四、在 MybatisPlusConfig 中注册 Bean五、测试乐观锁可以修改1、测试乐观锁可以修改成功2、测试乐观锁修改失败乐观锁主要适用场景：当要更新一条记录的时候，希望这条记录没有被别人更新，也就是说实现线程安全的数据更新乐观锁实现方式：取出记录时，获取当前version更新时，带上这个version执行更新时， set version = new

2020-12-23 15:12:51 439

原创 Mybatis-plus操作

Mybatis-plus操作一、insert1、插入操作2、主键策略二、update1.根据Id更新操作2.自动填充（1）数据库表中添加自动填充字段（2）实体上添加注解（3）实现元对象处理器接口4、测试一、insert1、插入操作@RunWith(SpringRunner.class)@SpringBootTestpublic class CRUDTests { @Autowired private UserMapper userMapper; @Test

2020-12-23 14:23:48 175

原创 Mybatis-plus入门

Mybatis-plus入门操作一、创建数据库并且初始化1、创建数据库2、创建一个User表二、创建一个Springboot工程三、添加依赖1、引入依赖2.在Idea中安装lombok插件四、配置Mysql相关配置五、写代码1、主类2、实体类3、Mapper六、开始测试七、配置日志文件一、创建数据库并且初始化1、创建数据库mybatisplus2、创建一个User表DROP TABLE IF EXISTS user;CREATE TABLE user( id BIGINT(20) N

2020-12-23 11:01:37 99

原创 Spring boot第一个项目

第一个Springboot项目一、pom.xml的配置二、Controller类三、SpringApplication四、打开火狐或谷歌浏览器#Springboot 的要求Maven 3.3+jdk 1.8-14idea 2019+一、pom.xml的配置<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns

2020-12-22 10:51:00 91

原创 数据类型

数据类型实际上 Java 中的数据类型就包括两大类，一类是基本数据类型，另一类是引用数据类型（引用数据类型后面学习），其中，基本数据类型又包括 4 类 8 种：第 1 类：整数型（不带小数的数字）：byte,short,int,long第 2 类：浮点型（带小数的数字）：float,double第 3 类：字符型（文字，单个字符）：char第 4 类：布尔型（真和假）：boolean大家可以看到，在以上的基本数据类型范畴中未发现字符串类型（带双引号的是字符串），所以，在这里我要告诉大家，Java

2020-12-21 15:47:34 192

原创 JAVA概述

JAVA概述一.JAVA语言概述二.JAVA语言发展历史三.Java 语言特性四.JDK、JRE、JVM 三者关系一.JAVA语言概述 Java 编程语言是 Sun Microsystems 公司的 James Gosling 在 1990 年创建的，于 1995 年公布于世（一般说 Java 诞生于 1995 年）。Java 是一门面向对象的编程语言，不仅吸收了 C++语言的各种优点，还摒弃了 C++里难以理解的多继承、指针等概念，因此 Java 语言具有功能强大和简单易用两个特征。Java

2020-12-21 11:03:30 263

空空如也

空空如也

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

TA关注的人

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