訾博（ZiBo）的博客

文章目录8、制作CopyUtil封装BeanUtils第一步：新建 util 包，创建 CopyUtil 类第二步：修改 EBookService第三步：运行测试8、制作CopyUtil封装BeanUtils第一步：新建 util 包，创建 CopyUtil 类package com.zibo.wiki.util;import org.springframework.beans.BeanUtils;import org.springframework.util.CollectionUtils;

文章目录7、封装返回值第一步：新建 EbookResp第二步：修改 EbookService第三步：修改 EBookController第四步：运行测试7、封装返回值数据库里面存储的字段并不都返回给前端！第一步：新建 EbookResppackage com.zibo.wiki.resp;public class EbookResp { private Long id; private String name; private Long category1Id;

文章目录5、通用返回类第一步：新建包 resp ，创建 CommonResp 类第二步：改造 EBookController第三步：运行测试6、封装请求参数第一步：修该 EBookController第二步：修改 EBookSerivice第三步：修改 ebook.http第四步：运行测试第五步、将传进来的参数封装成类第六步：修改 EbookController第七步：修改 EBookService第八步：运行测试5、通用返回类第一步：新建包 resp ，创建 CommonResp 类package

文章目录4、新增ebook表，生成持久层代码第一步：运行 SQL第二步：查看运行结果第三步：修改代码生成器文件 generator-config.xml第四步：执行生成器结果第五步：创建 EBookService第六步：创建 EBookController第七步：新建 ebook.http第八步：启动项目，测试4、新增ebook表，生成持久层代码第一步：运行 SQL# 电子书表drop table if exists `ebook`;create table `ebook`( `id`

文章目录3、集成Mybatis官方代码生成器第一步：在新增一个 demo 表第二步：添加依赖第三步：创建 generator 目录和 generator-config.xml 文件第四步：新增一个 Run Configurations第五步：执行代码生成器第六步：创建一个新的 DemoService第七步：新增 DemoController第八步：写测试脚本第九步：启动项目，运行测试3、集成Mybatis官方代码生成器第一步：在新增一个 demo 表all.sql，选中执行即可！drop tab

文章目录二、后端架构完善与接口开发1、数据库准备1.1 sql 脚本1.2 在 IDEA 中导入数据库第一步：选择 MySQL第二步：填写数据库相关内容1.3 项目根目录下创建文件夹 doc/db/all.sql2、集成 MyBatis第一步：在 pom.xml 文件内添加依赖第二步：在配置文件 application.properties 中添加数据源第三步：在启动类配置扫描 mapper 的路径第四步：创建实体类 Test第五步：创建 TestMapper 接口第六步：在 Resources 资源目录下

文章目录7、SpringBoot配置文件7.1 prop 与 yaml 转换工具7.2 自定义配置项第一步：在 application.properties 配置文件中添加自定义的配置项第二步：在 HelloController 下使用第三步：访问测试第四步：设置默认值，并将配置文件中的属性注释掉第五步：访问测试8、集成热部署8.1 集成热部署第一步：在 pom.xml 文件中添加依赖第二步：IDEA 设置支持自动编译（静态）第三步：设置项目运行中支持自动编译（动态）第四步：测试8.2 热部署自动编译7、

文章目录4、启动日志优化4.1 启动日志第一步： 在 resource 目录下添加 logback-spring.xml 文件第二步：启动项目，查看效果4.2 忽略 log 目录第一步：在 .gitignore 中配置忽略第二步：查看 commit4.3 修改启动文案第一步：修改启动类 WikiApplication第二步：修改 application.properties 配置文件第三步：启动项目5、开发 Hello World 接口6、使用 HTTP Client 测试接口6.1 使用 HTTP Cli

文章目录3、代码关联 Git 远程仓库3.1 生成 SSH 秘钥第一步：配置 git 用户名和邮箱第二步：生成 ssh 秘钥第三步：查看秘钥3.2 将公钥添加到 gitee3.3 创建仓库第一步：点击 gitee 页面右上角加号里面的“新建仓库”第二步：输入相关信息第三步：创建结果3.4 代码关联 git 远程仓库第一步：直接 push第二步：push 结果第三步：从 gitee 复制远程仓库地址第四步：点击“ok”，点击“yes”第五步：点击“PUSH”第六步：成功提交3.5 将 HELP.md 提交到远

文章目录一、Spring Boot 项目创建1、新建 Spring Boot 项目1.1 方式一：通过官网官网地址创建截图1.2 方式二：通过 IDEA 创建第一步：创建项目第二步：配置项目第三步：选择需要的依赖第四步：项目创建完成第五步：最终项目结构第六步：修改版本号为2.4.01.3 Spring Boot 项目的一些补充信息2、项目的初始化配置2.1 编码全部配置为 UTF-82.2 配置 JDK2.3 配置 Maven2.4 配置 Git第一步：确保本机安装了 git第二步：启用版本控制第三步：第一

目录一、前端框架开发过程介绍1、框架使用过程第一步：添加路由第二步：点击某个路由，显示对应页面第三步：在页面中添加内容二、添加讲师模块1、在路由src\router\index.js中添加路由2、添加对应vue页面图示：代码示例：3、讲师模块最终效果展示4、在api文件夹下创建teacher.js文件，封装数据请求5、前端拿取一、前端框架开发过程介绍1、框架使用过程第一步：添加路由第二步：点击某个路由，显示对应页面第..

一、登录逻辑简单梳理1、前言由于自己的年少情况，遇到了很多阻碍，甚至中途泄气，虽然通过自己研究了解到很多知识吧，但项目的进度真实严重滞后了，还好最终找到了通路，总结出的教训：学习最好按照老师教的一步一步来，不要好高骛远、自以为是，要尽量使用老师使用的框架版本，加油！2、原始登录逻辑原始登录是由这个前端框架自己模拟的，官方提供的流程说明是：UI 组件交互操作； 调用统一管理的 api service 请求函数； 使用封装的 request.js 发送请求； 获取服务端返回； .

一、前言继【谷粒学院】014-vue-element-admin之后，我们项目环境已经搭建好了！二、项目结构介绍1、总览├── build # 构建相关├── mock # 项目mock 模拟数据├── plop-templates # 基本模板├── public # 静态资源│ │── favicon.ico .

一、vue-element-admin1、简介vue-element-admin是基于element-ui 的一套后台管理系统集成方案；官网地址：https://panjiachen.github.io/vue-element-admin-site/zh/文档地址：https://panjiachen.github.io/vue-element-admin-site/zh/guide/#功能项目地址：https://github.com/PanJiaChen/vue-elem

目录一、什么是Webpack二、Webpack安装1、全局安装2、查看版本号三、初始化项目1、初始化项目2、创建src文件夹，并在其下创建common.js3、src下创建utils.js4、src下创建main.js四、JS打包1、webpack目录下创建配置文件webpack.config.js2、命令行执行编译命令命令：演示：运行npm命令执行打包：3、webpack目录下创建index.html4、浏览器中查看五、CSS打包

目录一、简介1、模块化产生的背景2、什么是模块化开发二、CommonJS模块规范（ES5写法）1、创建“module”文件夹，并初始化2、创建es5moudle文件夹01.js：02.js：三、CommonJS模块规范（ES6写法）1、第一种写法导出模块：导入模块：注意：2、第二种写法导出模块：导入模块：一、简介1、模块化产生的背景随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂；Ja

目录一、简介二、安装1、安装命令行转码工具三、Babel的使用1、初始化项目2、创建js测试文件3、创建.babel配置文件创建.babel配置文件：.babel文件基本格式：示例：4、安装转码器5、转码命令：演示：一、简介Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行执行。这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持；二、安装1、安装命令行转码工具Babel提供.

目录一、简介1、什么是NPM2、NPM工具的安装位置二、使用npm管理项目第一步：创建文件夹npm第二步：使用npm init初始化npm项目三、修改npm镜像演示：四、Npm下载依赖命令：演示：五、其它命令六、补充1、根据配置文件.json下载依赖2、锁定依赖版本修改配置文件名字：一、简介1、什么是NPMNPM全称Node Package Manager，是Node.js包管理工具，是全球最大的模块生态系统，里面所有的模块都.

目录一、简介1、什么是Node.js2、Node.js有什么用二、安装1、下载2、配置环境变量参考文章：三、简单使用1、执行JS文件JS代码：执行：浏览器的内核包括两部分核心：2、服务器端应用开发（了解）JS代码：执行：3、使用VSCode打开CMD窗口图示：效果：一、简介1、什么是Node.js简单的说 Node.js 就是运行在服务端的 JavaScript；Node.js是一个事件驱动I/O服务端JavaScrip

目录一、介绍1、概述2、ECMAScript 和 JavaScript 的关系3、ES6 与 ECMAScript 2015 的关系二、变量与常量1、let声明局部变量var声明的是全局变量，let声明的是局部变量：var可以声明多次，let只能声明一次：2、const声明常量（只读变量）初始化之后无法改变：一旦声明必须立即初始化：三、解构赋值1、概述2、数组解构3、对象解构四、模板字符串1、概述2、基本使用五、声明对象简写六、

目录一、条件查询分页1、创建查询对象2、在TeacherService中编写条件查询分页方法3、在实现类TeacherServiceImpl中编写方法体4、在Controller中实现具体方法补充：5、在Swagger测试请求参数：响应结果：二、添加、查询、修改讲师1、封装自动填充在service-base模块中添加：在实体类添加自动填充注解：2、在controller添加方法新增、根据id查询、根据id修改：3、在Swagger测试添加：

目录一、统一返回结果1、统一返回数据格式列表：分页：没有返回数据：失败：因此，我们定义统一结果：2、创建统一结果返回类第一步：在common模块下创建子模块common-utils第二步：创建接口定义返回码第三步：创建结果类3、统一返回结果的使用第一步：在service引入common_utils第二步：修改Controller中的返回结果第三步：测试通过swagger测试：二、分页查询1、MyBatisPlusConfig中配置分页插

一、

一、

一、分页查询1、查询汇总：// 根据 ID 查询T selectById(Serializable id);// 根据 entity 条件，查询一条记录T selectOne(@Param(Constants.WRAPPER) Wrapper<T> queryWrapper);// 查询（根据ID 批量查询）List<T> selectBatchIds(@Param(Constants.COLLECTION) Collection<? extends

目录一、主键策略1、ID_WORKER2、自增策略3、其它主键策略二、实现自动填充1、根据Id更新操作2、自动填充数据库表中添加自动填充字段：数据库表中添加create_time和update_time两个字段：实体上添加注解：创建类，实现MetaObjectHandler接口：添加一条数据：神奇的事情发生了：注意：三、乐观锁1、什么是乐观锁2、什么叫丢失更新3、使用Mybatis Plus实现乐观锁主要适用场景：乐观锁实现方式

一、项目概述1、项目来源来自尚硅谷教程，学习地址https://www.bilibili.com/video/BV1dQ4y1A75e2、功能简介谷粒学院，是一个B2C模式的职业技能在线教育系统，分为前台用户系统和后台运营平台；三、技术架构系统开发阶段使用了前后端分离架构，部署阶段使用了容器技术；...

一、

目录一、Main区重定向1、在Main区添加路由标签2、新建Welcome组件3、在index.js引入组件和配置路由4、最终效果二、侧边导航Main区域路由1、修改Home页面图解：代码：2、新建UserList页面（组件）3、在index.js引入UserList组件，并配置路由4、最终效果二、路径记忆1、修改Home页面2、最终效果一、Main区重定向1、在Main区添加路由标签<template> <!--

目录一、获取导航数据1、修改Home页面2、测试结果二、数据匹配1、修改Home.vue2、效果3、问题4、修改home页面5、消除对不齐的线对不齐的线：CSS样式：6、最终效果（美妙wonderful）三、折叠按钮1、home页面代码2、最终效果一、获取导航数据1、修改Home页面（改的东西并不多，注意获取导航菜单的方法）<template> <!-- 引入布局 --> <el-containe

目录一、创建导航对象1、SQLmainmenu.sql:submenu.sql:2、菜单对象一级菜单MainMenu：二级菜单SubMenu：二、编写菜单的持久层1、MenuDao接口2、MenuDao映射文件三、编写菜单控制器1、MenuController一、创建导航对象1、SQLmainmenu.sql:/*Navicat MySQL Data TransferSource Server : TestblogSo

目录一、编写布局和头部1、修改Home.vue2、最终效果二、编写侧边栏1、Home页面代码2、最终效果一、编写布局和头部1、修改Home.vue<template> <!-- 引入布局 --> <el-container class="home-container"> <!-- 头部 --> <el-header> <div> <img class="logo" s

一、Login校验规则1、校验规则写法可参考Element-ui官网文档https://element.eleme.cn/#/zh-CN/component/form2、Login.vue页面<template> <div class="login_container"> <!-- 登录块 --> <div class="login_box"> <!-- 头像 --> <div class=".

一、创建Login组件1、创建Login.vue页面<template> <div> Login 页面！ </div></template><script>export default { }</script><style lang = "less" scoped></style>2、在index.js中引入login.vue，并为其配置.

一、创建前端项目1、说明创建前端项目我们使用的是Vue项目管理器，需要安装Node并安装Vue环境，可以参考下面的文章：https://www.cnblogs.com/xps-03/p/13040842.html2、创建前端项目...

一、前言1、写在前面的话这个项目是跟着一位B站UP主做的，本来是没打算做笔记的，想着跟着做出来看看效果，了解一下开发流程。当我看了七八节课的时候发现里面确实有很多对我来说比较新的东西，虽然自己的Spring系列已经学得差不多了，但是距离做一个项目来说，仍然非常缺乏应有的经验。对于这些新的东西我不舍得就简单过一遍，否则记不住多少，而且写博客做笔记的话会更加认真、理解也许更加深刻，另一方面，以后用到类似的技术的时候也可以回来翻看。怎么说呢？像我往常的思路吧，学习一个东西一定尽最大努力发挥其最大价值！