rain1624-CSDN博客

原创 MySQL批量插入并检测更新数据，启动时建表

data.aql & schema.sql & MySQL批量插入并检测更新数据新建文件data.sql和schema.sql，启动时建表插入数据schema.sql下建表data.sql下插入时依据key检测更新新建文件data.sql和schema.sql，启动时建表插入数据schema.sql下建表CREATE TABLE IF NOT EXISTS table ( id bigint(20) NOT NULL AUTO_INCREMENT, name1 varchar

2021-06-16 11:42:33 188

原创 vue基本概念梳理

Vue 基本概念梳理一、了解Vue、了解npmVue 是一套用于构建用户界面的渐进式框架1、框架和库的区别库（插件）：是一种封装好的特定方法集合，对项目的侵入性较小，提供给开发者使用，控制权在使用者手中，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求；框架：是一套架构，会基于自身特点向用户提供一套相当完整的解决方案，而且控制权在框架本身；对项目的侵入性较大，使用者要按照框架所规定的某种特定规范进行开发，项目如果需要更换框架，则需要重新架构整个项目。目前的流行前端框架Angular V

2020-09-14 13:53:31 1458

原创日记one

悟空传：1、死就是什么也看不见,什么也听不见,什么也感觉不到,什么也不会想,就像你未出生时一样，不要死，也不要孤独的活。2、纷纷落叶飘向大地，白雪下种子沉睡，一朵花开了又迅速枯萎，在流转的光的阴影中，星图不断变幻，海水中矗起高山，草木几百代的荣枯，总有一片片的迎风挺立，酷似它们的祖先。3、你以为你有很多路可以选择，但是在你四周有很多看不见的墙，其实你只有一条路可以走。程序员自我修养文件文件的命名我个人也是推荐使用-中划线进行连接。和目录的连接字符保持一致。但是linux系统文件推荐的文件命名一

2020-08-21 10:50:11 263

原创 vue之父子组件通信

vue之父子组件通信1、注册子组件<script>import adduser from "../add/adduser"; export default { components: { adduser, },</script>2、插入子组件的位置，并进行相应传参（closepop不需要携带参数）  <adduser :addSignal="addSignal" @closepop="

2020-08-20 09:01:39 243

原创 mock模拟数据并设计接口

mock模拟数据设计接口模拟数据import Mock from 'mockjs' //引入mockconst Random = Mock.Random// 设置全局延时，没有延时的话，有时候会检测不到数据变化Mock.setup({ timeout: '300-600'})// 创建一个数组用来接收模拟的数据const mocklist = []const count = 7; //模拟生成7条数据for (let i = 0; i < count; i++) {

2020-08-19 11:23:01 1354

原创 vue菜单栏及嵌套路由

vue菜单栏及嵌套路由导航菜单element导航菜单嵌套路由设置插槽，子路由下的页面可插入该处<router-view></router-view>菜单栏设置子路由跳转，当前位置为/，跳转位置为/xxx<el-menu-item index="/home"> <i class="el-icon-s-claim"></i> <span slot="title">首页</span&gt

2020-08-19 11:05:13 2091

原创 vue 用户列表的增删

vue之用户列表增删mock模拟后端数据// 创建一个数组用来接收模拟的数据const mocklist = []const count = 5;for (let i = 0; i < count; i++) { mocklist.push(Mock.mock({ id: '@id', name: '@cname', 'phone|1': /^1[0-9]{10}$/, email: '@email',

2020-08-13 16:01:20 460

原创 vue之动态切换css

vue之动态切换cssvue通过class与style绑定来动态切换css我们可以传给 v-bind:class 一个对象，以动态地切换 class：<div v-bind:class="{ active: isActive }"></div>上面的语法表示 active 这个 class 存在与否将取决于数据 isActive 的 truthiness（真值true or false）。实例演示代码及注释如下：<template> <div

2020-08-11 14:58:08 3588

原创 vue之mock模拟后台接口

vue之mock模拟后台接口安装依赖npm install mockjs2.src下创建目录 mock/mock.js,在里面模拟两个接口，代码及注释如下：import Mock from 'mockjs'Mock.mock("http://xxxxx:8081/user",{ 'name': '@name', //随机生成姓名 'email': '@email', //随机生成邮箱 'age|1-10': '1', //随机生成年龄 //1为字符串表样式，生成1-1

2020-08-11 10:54:02 440

原创 vue之axios通信

vue之axios通信安装：npm install --save axios引入注册：import Axios from 'axios'Vue.prototype.axios = Axios //注册使用axios模块home中通信 <div id="app-5"> <h2> Home Page </h2> <el-button type="primary" @click="textAxios()">测

2020-08-11 09:26:20 134

原创 vue head（vue-meta编写页面head信息）

vue-metavue-meta可以为单个页面设置head信息模块安装npm install vue-meta --savemain.js中注册并使用vue-meta模块import Meta from 'vue-meta'Vue.use(Meta) //注册使用vue-meta模块使用vue-meta模块<script> metaInfo: { title: 'vue-meta设计', //设计页面标题 },</script&g

2020-08-10 17:19:25 5549

原创 springboot相关概念

Spring boot简介Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。了解RESTful、了解http通信、了解josnRESTfulRESTFUL是一种网络应用程序的设计风格和开发方式，基于HTTP，可以

2020-08-10 16:31:43 255

林雨的博客