- 博客(68)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue - 组件之间的通信
父子组件之间的通信 第一种通信方式 父组件向子组件通信 parent.vue <template> <Child name="希泽" :age="18"/> </template> <script> export default { name: "Parent", }; </script> child.vue <template> {{name}}--{{age}} </template> <script&g
2022-05-16 21:49:49
225
原创 Vue - 插槽
插槽 作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 ===> 子组件 。 分类：默认插槽、具名插槽、作用域插槽 使用方式： 默认插槽： 父组件中： <Category> <div>html结构1</div> </Category> 子组件中： <template> <div> <!-- 定义插槽 --> <
2022-04-25 22:35:42
155
原创 Vue - 配置代理
devServer.proxy 传送门 如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过vue.config.js 中的 devServer.proxy选项来配置。 方式一 module.exports = { //开启代理服务器 devServer: { proxy: 'http://localhost:4000' } } 说明： 优点：配置简单，请求资源时直接发给前端（8080
2022-04-25 22:28:33
339
原创 SpringSecurity基本原理
SpringSecurity基本原理 SpringSecurity本质上是一个过滤器链 代码底层流程：重点看三个过滤器 FilterSecurityInterceptor——是一个方法级的权限过滤器链的最底部 //过滤方法 public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
2022-03-12 21:04:37
703
原创 静态数组创建顺序表创建及其操作
顺序表 #include <stdlib.h> #include <stdio.h> #define Elemtype int #define MaxSize 10 typedef struct { Elemtype data[MaxSize]; int length; } SqList; //初始化顺序表 void InitList(SqList &L) { for (int i = 0; i < MaxSize; i++) {
2021-08-04 22:26:26
256
原创 MAC在Chrome安装vue插件
下载插件 点击下方链接选择master分支下载zip并解压到本地 下载地址：https://github.com/vuejs/vue-devtools 命令行运行 命令行打开压缩包 命令行切换至vue-devtools-master根目录 通过npm安装依赖（如果没有请自行百度安装node.js） npm install 构建该项目 npm run build 找到manifest.json文件,打开文件并修改属性 文件路径：vue-devtools-master / shells
2021-07-15 12:39:07
1445
原创 Layui+ssm实现头像上传功能
Layui前端部分 实现思路 现将头像即图片上传到服务器文件夹中（即项目工程中），然后将图片所在的地址存储到数据库中，然后用户登录之后从数据库中读取头像地址。 上传头像功能弹出的模态框（即上传头像的表单） <%--修改头像表单--%> <form class="layui-form layui-form-panel" id="uploadform" name="uploadform" enctype="multipart/form-data" method="post" s
2021-06-20 20:48:52
1271
原创 一行代码实现暗黑模式
牛刀小试 html代码 <input type="checkbox" id="switch"/><label for="switch">Toggle</label> css代码 /*样式反转*/ .dark-mode{ filter:invert(1) hue-rotate(180deg); } js代码 let toggle = document.querySelector("#switch"); toggle.addEventListene
2021-06-20 20:34:50
645
原创 code-gen（一款代码生成工具，可自定义模板生成不同的代码，支持MySQL、Oracle、SQL Server、PostgreSQL）
code-gen 只需要一个Java8环境，下载后即可运行使用。 步骤简单，只需配置一个数据源，然后勾选模板即可生成代码。 默认提供了通用的实体类、mybatis接口、mybatis配置文件模板，可以快速开发mybatis应用。 用到的技术：SpringBoot + Mybatis + Vue 使用步骤 前往发行版页面，下载最新版本zip文件 解压zip，如果是Mac/Linux操作系统，运行startup.sh文件启动，Windows操作系统运行cmd输入java -jar gen.jar启动
2021-06-20 20:32:57
1534
原创 SSM框架整合所需基本配置文件
pom.xml <?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.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0
2021-03-31 11:58:41
194
原创 JavaEE之MyBatis—初识MyBatis
MyBatis MyBatis 是一款优秀的持久层框架，它支持自定义 SQL、存储过程以及高级映射。MyBatis 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。MyBatis 可以通过简单的 XML 或注解来配置和映射原始类型、接口和 Java POJO（Plain Old Java Objects，普通老式 Java 对象）为数据库中的记录。 知识链接 持久层：持久层可以将业务数据存储到磁盘中，具备长期存储的能力，只要磁盘不损坏，在断电或者其他情况下，重新开启系统仍然可以读取这些
2021-02-28 19:59:07
612
1
原创 Java初级篇——集合框架简介
集合框架 集合可以简单的理解为长度可以改变，可以保持任意数据类型的动态数组 Java中的集合不是通过一个Java类来实现的而是由一组接口和类构成了一个框架体系。 接口 Collection：集合框架最基础的接口，最顶层的接口 List：Collection的子接口，存储有序、不唯一的对象。存储的是单个数据。 Set：Collection的子接口，存储无序、唯一的对象。存储的是单个数据。 Map:独立于Collection的另外一个接口，最顶层的接口，存储一组键值对象，提供键到值的映射。存储的是一组数据 I
2021-02-27 15:45:28
255
原创 Java初级篇——Map集合
Map集合 映射 通过某一个key可以直接定位到一个value值 存储的方式以 键值对 存储 key-value key无序无重复 value无序可重复 key无序还是一样，指的是存入顺序与取得顺序不一致 key无重复当然指的是 元素不能一致 map基本使用 HashMap TreeMap Properties HashMap 包 java.util 如何创建对象 基本方法 增删改查 增put(key,value) 存放一组映射关系 key-value 1.key存储的顺序与取
2021-02-27 15:31:59
307
原创 Java初级篇——Set集合
Set集合（无序无重复） 具体的实现类 HashSet TreeSet 基本的使用 无序 无重复 无序：我们使用集合存放元素的顺序 集合内取出来的顺序不一致 集合本身是有自己的算法排布顺序 hash算法 HashSet---->(HashMap (数组+链表) 散列表 临接连表) java.util 如何创建对象 无参数 有参数 集合容器的基本使用 增删改查 boolean = add(value) addAll(collection c) retainAll remo
2021-02-27 15:25:16
178
原创 html+css制作侧边栏效果
关键目录结构 index.html css font-awesome.css index.css fonts images 关键代码展示 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>侧边展开导航栏(全隐藏)</title> <!-- 事先引入的字体图标库 观看此视频之前可以看一下上个视频简介 接上个视频发
2021-02-16 13:56:07
3513
原创 html+css+javascript圆形导航栏炫酷动态效果
制作炫酷圆形导航栏 该效果适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Circle</title> <style> html, body { height: 100%; } body { background
2021-02-16 13:00:42
1682
1
原创 使用javascript、Ajax制作前端拟态风格天气预报功能
weather.html <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <
2021-02-16 12:52:27
709
原创 Java初级篇—List集合
List集合 1.ArrayList 3.Vector 2.LinkedList ArrayList----->底层就是一个数组 所属的包 java.util 如何创建对象 无参数构造方法 带默认空间的构造方法 带collection参数的构造方法 常用的方法—小容器 存 add 取 get 删 remove 改 set 个数 size add(E e) add(int index,E e) addAll(Collection c); add(int
2021-02-16 12:32:27
193
原创 javascripe制作点击鼠标出现文件效果
MouseClick window.onload = function() { //定义点击出现文字类 function ClickFrontShow() { //定义所需文字和颜色 this.fron = ['Lucian','徐赞','❤','富强', '民主', '文明', '和谐', '自由', '平等', '公正' ,'法治', '爱国', '敬业', '诚信', '友善']; this.colo = ['#FF69B4', '#ff
2021-02-16 12:30:59
172
原创 使用JavaGUI制作简易批处理文件工具
批处理文件工具 引言：不知道小伙伴们平时在生活中处理许多文件的时候有没有遇到过需要处理很多文件名的时候，在Window系统中没有批处理的重命名文件的功能，而MAC OX有这样的小功能，因此制作了简易的批处理文件工具。 MainFrame package batchfile; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.io.File; import java.util.Arra
2021-02-16 12:27:36
380
1
原创 java初级篇—工具类之String（一）
String类（引用类型 java.lang包） 常见的String笔试题 == equals方法的区别 ==可以比较基本类型 可以比较引用类型 比较基本类型比较值 比较引用类型比较地址 equals只能比较引用类型(方法) 默认比较地址this==obj 如果想要修改其比较规则 可以重写equals方法 通常重写equals方法时会伴随着重写hashCode方法 比如String类 比如Integer *String的不可变特性(长度及内容) String与StringBuffer区
2020-12-18 21:03:18
164
原创 Java初级篇—工具类之String（二）
StringBuffer和StringBuilder 1.所属的包 java.lang包 2.继承AbstractStringBuilder 间接继承 Object 实现接口Serializable,CharSequence,Appendable StringBuffer/StringBuilder没有compareTo方法 StringBuffer/StringBuilder含有一个String没有的方法 append();拼接 3.特性 可变字符串 char[] value; 动态扩容 4.对象
2020-12-18 20:53:24
150
1
原创 Java初级篇—工具类之日期相关
Scanner类 所属的包java.util包 需要import导包 通过一个带输入流的构造方法创建对象 常用方法 nextInt() nextFloat() next() nextLine() System类 所属的包java.lang包 不需要导入 不需要创建对象 通过类名就可以访问 有三个属性及若干的方法 三个属性out in err 方法gc() exit(0); currentTimeMillis(); Date类 通常使用的是java.util包 导包
2020-12-12 11:23:20
120
原创 java初级篇—工具类之数学相关
与数学相关的类 Math 所属的包java.lang Math构造方法是私有的 我们不能直接调用创建对象 由于Math中提供的属性及方法都是static 不需要创建对象 常用的方法 abs()返回给定数字的绝对值 (参数 int long float double) double = ceil()向上取整 double = floor()向下取整 double = rint()临近的整数 如果两边距离一样 则返回偶数 int = round() 四舍五入的整数 max(a,b) min(a,
2020-12-12 11:17:51
200
原创 java基础篇—工具类之包装类
知识补充(GC管理机制) 内存管理的问题 栈内存----变量空间 方法临时执行空间 从创建开始执行完毕 立即回收 堆内存----我们自己new申请对象空间 垃圾回收器GC 对象空间没有任何引用指向视为垃圾 方法区----常量 类模板 静态成员 有且只有一份 不回收 public class Test{ public Person p = new Person();//聚合关系 } Test t = new T
2020-12-12 11:11:35
199
原创 JavaScript初级篇—对象
JavaScript对象 JavaScript 中的所有事物都是对象：字符串、数值、数组、函数…此外，JavaScript 允许自定义对象。 所有事物都是对象： JavaScript 提供多个内建对象，比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。 布尔型可以是一个对象。 数字型可以是一个对象。 字符串也可以是一个对象 日期是一个对象 数学和正则表达式也是对象 数组是一个对象 甚至函数也可以是对象 对象只是一种特殊的数据。对象拥有属性和方法。 访问对象的属性 属
2020-12-12 11:00:11
195
原创 Java初级篇——枚举
枚举 一个类中的对象 认为个数是有限且固定的 可以将每一个对象一一列举出来 试一试若没有枚举类型的时候 如何手动设计 (静态常量 单例模式) Day(类 当做描述星期 7个对象) private 构造方法 public static final 属性 = new JDK1.5版本之后可以直接定义enum类型 我们自己定义的enum类型直接默认继承Enum(java.lang包) 我们自己定义的enum类型不能再写extends 但是可以实现 Enum类型的两个属性 name----->枚举对
2020-12-12 10:56:11
188
1
原创 制作漂亮的搜索栏效果
搜索栏 html代码 <div class="search-icon"> <input type="text" /> <span class="circle"></span> <span class="handle"></span> </div> css代码 * { padding: 0; margin: 0; } body { display: flex; justify-conten
2020-12-09 16:27:41
733
原创 关于CSS居中那些事
关于CSS居中的那些事 行内元素 DOM结构 <div class="parent"> <span class="child">content</span> </div> 水平居中 text-align:center .parent { background-color: red; text-align: center; } width:fit-content .parent { background-color: red; widt
2020-12-09 16:21:52
145
原创 Java初级篇—设计模式之策略模式、内部类
策略模式——行为模式 用来解决 执行流程固定 执行的结果由于提供了不同的策略而不同 例如：银行类 方法办理业务(人){ 人—抽象类 接口(不能产生对象) 传递一个子类对象 欢迎用户进来啦 叫号 办理 离开 欢迎您下次再来 } 人类 提供策略–抽象 具体类 实现策略 内部类 指的是在Java中可以将一个类定义在另一个类的内部 内部类可以定义在 类的内部 (与类成员层次一致) 内部类可以定义在 方法/块内部 (与类成员相差一个层次 方法的局部变量一个层次) LinkedBox
2020-12-02 21:15:44
231
原创 Java初级篇—设计模式之缺省适配器模式、多态
适配器模式 Adapter 案例描述：定义一个规则—>和尚 吃斋 念经 打坐 撞钟 习武 缺省适配器模式 public abstract class AbstractBox implements Box{ public boolean add(element); public void add(int index,int element){//具体化 //抛出自定义异常 } public void addAll(){//具体化 //抛出自定义异常
2020-12-02 21:15:22
241
原创 使用Java单例模式封装数据库工具类
Java连接数据库 JavaDevelopmentKit Version11，MYSQL Version 8.0。 创建的这个工具类名字叫做DBUtil类 private Connection connection = null; private Statement statement = null; private ResultSet resultSet = null; private static final String DRIVER = "com.mysql.cj.jdbc.Driver"
2020-12-01 20:31:55
1084
原创 Java初级篇—类的加载顺序、抽象类、接口
类的加载顺序 存在继承关系的类 加载机制 及执行过程 加载类的过程—静态元素已经加载 new Person(); 加载父类 父类会产生自己的静态空间 属性 方法 块 执行静态块 加载子类 子类会产生自己的静态空间 属性 方法 块 执行静态块 开辟对象空间 加载父类的非静态成员 属性 方法 块 构造方法 执行块 执行父类构造方法 加载子类的非静态成员 属性 方法 块 构造方法 执行块 执行子类构造方法 将对象空间的地址引用交给 变量来存储 类的加载顺序 native本地的 Java源
2020-11-21 11:09:03
561
原创 Java大话设计模式—单例模式
设计模式 设计模式不是知识点 设计模式是一种设计经验的总结 设计模式用来解决某些场景下的某一类问题的---->通用的解决方案 有了设计模式之后 可以让代码更容易被理解 确保了复用性 可靠性 可扩展性 设计模式的分类 创建型模式(5种)----->用于解决对象创建的过程 单例模式 工厂方法模式 抽象工厂模式 建造者模式 原型模式 结构型模式(7种)----->把类或对象通过某种形式结合在一起 构成某种复杂或合理的结构 适配器模式 装饰者模式 代理模式
2020-11-21 10:52:08
379
1
原创 Java初级篇—权限修饰符+封装+final
描述一个类 修饰符 特征 class 类名{ 属性 权限 特征 类型 名字 方法 权限 特征 返回值 名字 参数 异常 执行体 构造方法 权限 名字 参数 异常 执行体 程序块 执行体 } 修饰符 权限修饰符 public 公共的；本类、同包、子类、当前项目中任意类的位置只要有对象都可以访问 protected 受保护的；本类、同包、子类(通过子类对象在子类范围内部访问) 默认不写 默认的；本类、同包 private 私有的；本类 权限修饰符可
2020-11-20 21:31:20
189
基于ssm框架制作的简易oa管理系统
2021-03-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人