Vue3使用tinymce富文本编辑器
简介tinymce 富文本编辑器功能强大,效果如图
下载依赖首先安装 tinymce,这里安装指定版本,高版本会有兼容性问题
1npm install tinymce@5.10.2
下载主题和汉化包在 public 文件夹新建 resource 文件夹,在 resource 文件夹下再新建 langs 文件夹和 skins 文件夹
结构如图
打开这个连接 https://gitee.com/shuiche/tinymce-vue3/blob/master/langs/zh_CN.js 下载出来 zh_CN.js 文件,放在 langs 文件夹下
然后再 node_modules 中找到 tinymce 文件夹,复制 skins 文件夹下的内容到上面新建的 skins 中
新建Utils文件在 src/utils 文件夹新建两个文件
src/utils/tinymce.ts
src/utils/onMountedOrActivated.ts
内容分别如下
12345678910111213141516171819202122// tinymce.ts// ==== isNum ...
MybatisPlus入门
文档官方文档:https://baomidou.com/
简介MyBatis-Plus (opens new window)(简称 MP)是一个 MyBatis (opens new window)的增强工具,在 MyBatis 的基础上只做增强不做改变,为简化开发、提高效率而生。
特性
无侵入:只做增强不做改变,引入它不会对现有工程产生影响,如丝般顺滑
损耗小:启动即会自动注入基本 CURD,性能基本无损耗,直接面向对象操作
强大的 CRUD 操作:内置通用 Mapper、通用 Service,仅仅通过少量配置即可实现单表大部分 CRUD 操作,更有强大的条件构造器,满足各类使用需求
支持 Lambda 形式调用:通过 Lambda 表达式,方便的编写各类查询条件,无需再担心字段写错
支持主键自动生成:支持多达 4 种主键策略(内含分布式唯一 ID 生成器 - Sequence),可自由配置,完美解决主键问题
支持 ActiveRecord 模式:支持 ActiveRecord 形式调用,实体类只需继承 Model 类即可进行强大的 CRUD 操作
支持自定义全局通用操作:支持全局通 ...
typescript快速上手
简介参考文档
https://ts.xcatliu.com/ 阮一峰typescript入门教程
TypeScript: JavaScript With Syntax For Types. (typescriptlang.org) typescript官网
什么是TypeScriptTypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 Microsoft 开发,代码开源于 GitHub 上。
它的第一个版本发布于 2012 年 10 月,经历了多次更新后,现在已成为前端社区中不可忽视的力量,不仅在 Microsoft 内部得到广泛运用,而且 Google 开发的 Angular 从 2.0 开始就使用了 TypeScript 作为开发语言,Vue 3.0 也使用 TypeScript 进行了重构。
总结
TypeScript 是添加了类型系统的 JavaScript,适用于任何规模的项目。
TypeScript 是一门静态类型、弱类型的语言。
TypeScript 是完全兼容 JavaScript 的,它不会修改 JavaScri ...
SpringBoot2入门
文档
Spring 官网:https://spring.io/
SpringBoot 官网:https://spring.io/projects/spring-boot
尚硅谷SpringBoot2课程文档地址:https://www.yuque.com/atguigu/springboot
HelloWord第一步:创建一个Maven工程
第二步:导入pom依赖
12345<parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.7.1</version></parent>
第三步:添加web启动器
123456<dependencies> <dependency> <groupId>org.springframework.boot</ ...
文件上传到腾讯云COS
官方文档:https://cloud.tencent.com/document/product/436/10199
首先导入依赖
123456789101112<!--腾讯云cos相关依赖--><dependency> <groupId>com.qcloud</groupId> <artifactId>cos_api</artifactId> <version>5.6.89</version></dependency><!--接收文件--><dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.1</version></dependency>
创建一个 FileServer 类, ...
Spring注解开发
@Configuration和@Bean
@Configuration 注解表示吧一个类声明为一个配置类
@Bean 注解相当于在容器中注册一个 bean
新建一个Person类
123456789101112131415161718192021222324252627282930313233343536373839404142package com.szx.bean;/** * @author songzx * @create 2022-07-05 9:58 */public class Person { String name; Integer age; @Override public String toString() { return "Person{" + "name='" + name + '\'' + ", age=" + age + ...
将数据转成树形结构
如题:实现代码
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647let json1 = [ { id: 1 }, { id: 2, parentId: 1 }, { id: 3 }, { id: 4, parentId: 3 }, { id: 5, parentId: 4 }]function set(list) { // 获取父数据 let parents = list.filter(item => !item.parentId) // 获取父数据 let childs = list.filter(item => item.parentId) f ...
SSM整合案例
代码地址:https://gitee.com/szxio/ssm-crud
项目搭建使用maven创建一个工程
pom.xml123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0 ...
MyBatis入门
MyBatis历史
MyBatis最初是Apache的一个开源项目iBatis, 2010年6月这个项目由Apache Software Foundation迁移到了Google Code。随着开发团队转投Google Code旗下,iBatis3.x正式更名为MyBatis。代码于2013年11月迁移到Github
iBatis一词来源于“internet”和“abatis”的组合,是一个基于Java的持久层框架。iBatis提供的持久层框架包括SQL Maps和Data Access Objects(DAO)
MyBatis特性
MyBatis 是支持定制化 SQL、存储过程以及高级映射的优秀的持久层框架
MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集
MyBatis可以使用简单的XML或注解用于配置和原始映射,将接口和Java的POJO(Plain Old Java Objects,普通的Java对象)映射成数据库中的记录
MyBatis 是一个 半自动的ORM(Object Relation Mapping)框架
MyBatis下载 ...
Vue3.2 新特性
创建项目执行命令
1npm create vite
在命令行中输入项目名称然后cd到项目根目录下
12npm installnpm run dev
查看vue版本
启动后首页
setup简介起初 vue3.0 暴露变量必须 return 出来,template 中才能使用。这样会导致在页面上的变量会出现很多次。vue3.2 只需要在 script 标签中添加 setup 可以帮助我们解决这个问题:
组件只需引入,不用注册。属性和方法不用返回,也不用写setup函数,也不用写 export default。甚至是自定义指令也可以在我们的 template 中自动获得
变量,方法不需要return1234567891011121314151617<template> <div> 显示的值:{{ flag }} <button @click="changeFlag">改变值</button> </div>< ...