上一页 1 2 3 4 5 6 7 8 ··· 13 下一页
摘要: (目录) 前言 Vue中切换视图组件的方案大致有三种 1、roure-view 适合大幅度视图切换 2、v-if 适合小幅度组件切换 3、component 动态组件 roure-view 切换视图组件 这个不多说了,之前的文章记录:Vue - route路由跳转 v-if 切换视图组件 这个比较简 阅读全文
posted @ 2021-09-13 21:15 Maggieq8324 阅读(233) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 记录下vue3.0中路由参数的获取 具体实现 route.js const routes = [ { path: '/', name: 'Home', component: Home }, { path: '/detail/:id', name: 'Detail', componen 阅读全文
posted @ 2021-09-13 17:39 Maggieq8324 阅读(1980) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 vue中的route实现了从一个页面跳转到另一个页面的功能 基本路由跳转 router.js import { createRouter, createWebHashHistory } from 'vue-router' import Home from '../views/home 阅读全文
posted @ 2021-09-13 16:36 Maggieq8324 阅读(2887) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 记录下Vue中父子组件中的参数传递 父组件向子组件传递参数(props) App.vue <template> <Test @sub-event="onTestClick" :url="theme6" /> </template> <script> import Test from 阅读全文
posted @ 2021-09-13 14:28 Maggieq8324 阅读(279) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 props用于接收来自父组件的数据 具体应用 基本使用 App.vue <template> <Test :url="url"/> </template> <script> import Test from './components/test.vue' export default 阅读全文
posted @ 2021-09-13 13:34 Maggieq8324 阅读(360) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 记录下Vue3.0中加载静态图片的方式 加载静态图片 <img class="top-theme" src="./assets/home/theme1.jpg"> require加载图片 <img class="top-theme" :src="require('./assets/h 阅读全文
posted @ 2021-09-13 11:58 Maggieq8324 阅读(662) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 最近将vue升级到了3.0,记录下3.0 下项目初始化的两种方式 cli 脚手架升级 node.js版本 vue-cli 卸载(对应vue2.0)(如果之前安装的是2.0版本,需要执行该操作卸载后升级,如果没有安装过跳到下一步直接安装) npm uni -g vue-cli vue/ 阅读全文
posted @ 2021-09-11 12:59 Maggieq8324 阅读(750) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 computed计算属性,与普通JS函数相比computed性能更好,以为它存在计算缓存,js函数没有,其计算结果是只读的,可通过set方法修改。 computed的基本用法 <body> <div id="app"> <input v-model="firstName" type= 阅读全文
posted @ 2021-09-10 14:46 Maggieq8324 阅读(568) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 watch函数监听当某个值的改变,可以就此做一些事情(钩子函数) 监听ref对象 <body> <div id="app"> <input v-model="firstName"/> <input v-model="lastName"/> <div>{{fullName}}</div 阅读全文
posted @ 2021-09-10 14:43 Maggieq8324 阅读(273) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 双向数据绑定的核心:实现响应式对象,这里介绍两种响应式数据的声明方式:ref与reactive ref ref包装基础类型 <body> <div id="app"> <div>{{number}}</div> <div v-on:click="onClick">onClick</d 阅读全文
posted @ 2021-09-10 14:41 Maggieq8324 阅读(428) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 记录下vue中的一些基础指令。 具体使用 基础代码,以下示例变量均使用setup()函数初始化变量 const {createApp} = Vue; const message = "hello, world"; const app = { // 入口函数 setup() { ret 阅读全文
posted @ 2021-09-09 22:09 Maggieq8324 阅读(30) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 记录下最近项目中用到的Mybatis实体类与数据结果集的映射方式。 测试用例 查询商品及其子项信息 Table CREATE TABLE `product` ( `id` int(11) unsigned NOT NULL AUTO_INCREMENT, `title` varcha 阅读全文
posted @ 2021-09-08 16:31 Maggieq8324 阅读(556) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 记录下SpringBoot下静态资源存储服务器的搭建。 环境 win10 + SpringBoot2.5.3 实现效果 文件上传: 文件存储位置: 文件访问: 具体实现 文件上传 配置类 pom.xml <dependency> <groupId>org.springframewor 阅读全文
posted @ 2021-09-08 11:56 Maggieq8324 阅读(1007) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 AutoGenerator是MyBatis-Plus的代码生成器,通过AutoGenerator可以快速生成Entity、Mapper、Mapper XML、Service、Controller等各个模块的代码,这里介绍下SpringBoot中集成MyBatis-Plus代码生成器C 阅读全文
posted @ 2021-09-08 00:44 Maggieq8324 阅读(689) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 记录下Mybatis-Plus中条件构造器Wrapper 的一些基本用法。 查询示例 表结构 CREATE TABLE `product` ( `id` int(11) unsigned NOT NULL AUTO_INCREMENT, `title` varchar(100) CO 阅读全文
posted @ 2021-09-07 17:43 Maggieq8324 阅读(3255) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 记录下Mybatis-Plus的分页查询,Mybatis-Plus的整合在上一篇文章:SpringBoot - 整合Mybatis-Plus 环境 SpringBoot2.53 + Mybatis-Plus3.3.0 具体实现 配置类 import com.baomidou.myba 阅读全文
posted @ 2021-09-07 12:50 Maggieq8324 阅读(1372) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 Mybatis-Plus是Mybatis的增强,Mybatis-Plus在Mybatis的基础上借鉴了很多JPA的做法,记录下SpringBoot下的整合方法。 环境 SpringBoot2.53 + Mybatis-Plus3.3.0 具体实现 项目结构 项目配置 pom.xml 阅读全文
posted @ 2021-09-07 10:51 Maggieq8324 阅读(169) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 神奇的switch case,你以为完全掌握的switch case。。。今天的它看起来十分陌生。。。。 实现代码 问题实例 看看以下实例,你以为他会输出什么? Integer a = 1; /** * Example 1 * 你以为Example1只会输出1吗? */ switch 阅读全文
posted @ 2021-09-06 22:43 Maggieq8324 阅读(571) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 项目接口访问出现allowedOrigins cannot contain the special value "*" java.lang.IllegalArgumentException: When allowCredentials is true, allowedOrigins 阅读全文
posted @ 2021-09-06 22:22 Maggieq8324 阅读(6466) 评论(0) 推荐(0) 编辑
摘要: (目录) 前言 Mybatis是一个半自动化ORM(Object Relation Mapping)框架, 之所以说Mybatis半自动化,是因为SQL语句需要用户自定义,SQL的解析,执行等工作由Mybatis执行,这里记录下SpringBoot 整合Mybatis的案例。 环境 SpringBo 阅读全文
posted @ 2021-09-06 22:13 Maggieq8324 阅读(81) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 13 下一页