vue.js集成codeMirror代码编辑器 1.前端代码<link href="https://cdn.bootcss.com/codemirror/5.48.4/codemirror.css" rel="stylesheet"><script src="https://cdn.bootcss.com/codemirror/5.48.4/codemirror.js"></script>&l...
vue.js生成S型拓扑图 1.前端代码<link href="https://magicbox.bk.tencent.com/static_api/v3/assets/bootstrap-3.3.4/css/bootstrap.min.css" rel="stylesheet"><link href="https://magicbox.bk.tencent.com/static_api/v3...
vue.js生成横向拓扑图 1.前端代码<link href="https://magicbox.bk.tencent.com/static_api/v3/assets/bootstrap-3.3.4/css/bootstrap.min.css" rel="stylesheet"><link href="https://magicbox.bk.tencent.com/static_api/v3...
Vue.js中使用wangEditor富文本编辑器 1.前端代码前端HTML<script src="https://cdn.bootcss.com/wangEditor/10.0.13/wangEditor.js"></script><link href="https://cdn.bootcss.com/wangEditor/10.0.13/wangEditor.css" rel="styleshee...
文件上传与下载,PDF与Excel的操作 1.文件上传前端代码<el-upload class="upload-demo" ref="upload" :action="actionUrl" :on-preview="handlePreview" :on-remove="handleRemove" :on-error="han...
Element布局实现日历布局 1.基于Bootstrap的栅格布局<div id="home" style="margin-top: 60px;"> <div class="col-md-6 col-md-offset-3"> <el-calendar> <template slot="dateCell" slot-scope...
golang时间转换 1.datetime转换成时间字符串package mainimport ( "fmt" "reflect" "time")func main() { now := time.Now() // 当前 datetime 时间 fmt.Println(reflect.TypeOf(now)) // 打印当前时间的类型 ...
iView学习笔记(四):Form表单操作 1.后端准备环境说明python版本:3.6.6Django版本:1.11.8数据库:MariaDB 5.5.60新建Django项目,在项目中新建app,配置好数据库2.后端代码(基于CBV方式)api_test/app01/models.py文件内容from django.db import modelsfrom .utils.parse_time import parse...
iView学习笔记(三):表格搜索,过滤及隐藏列操作 iView学习笔记(三):表格搜索,过滤及隐藏某列操作1.后端准备工作环境说明python版本:3.6.6Django版本:1.11.8数据库:MariaDB 5.5.60新建Django项目,在项目中新建app,配置好数据库api_test/app01/models.py文件内容from django.db import modelsfrom .utils.parse_tim...
iView学习笔记(二):Table行编辑操作 1.前端准备工作首先新建一个项目,然后引入iView插件,配置好routernpm安装iViewnpm install iview --savecnpm install iview --savesrc/main.js文件内容import Vue from 'vue'import App from './App.vue'import router from './router'im...
iView学习笔记(一):Table基本操作(包含前后端示例代码) 1.前端准备工作首先新建一个项目,然后引入iView插件,配置好routernpm安装iViewnpm install iview --savecnpm install iview --savesrc/main.js文件内容import Vue from 'vue'import App from './App.vue'import router from './router'im...
Vue状态管理之Bus 一般在项目中,状态管理都是使用Vue官方提供的Vuex当在多组件之间共享状态变得复杂时,使用Vuex,此外也可以使用Bus来进行简单的状态管理1.1 父组件与子组件之间的通信vue.config.js文件内容const path = require('path')const resolve = dir => path.join(__dirname,dir)const BASE_U...
Vue开发之路由进阶 Vue开发之路由进阶 1.路由组件传参在一个页面中,需要根据路由获得参数,然后在页面进行逻辑处理,可以通过$route来获取相关参数但是这样一来,页面组件与路由耦合太高,为了解耦,页面组件可以在更大程度上进行复用,可以使用路由组组传参路由组件传参有三种形式1.1 第一种:布尔模式适用于在动态路由匹配中,有动态路由参数的路由配置中在前面的...
Vue开发之基础路由 Vue开发之基础路由 1.router-link和router-view组件src/App.vie文件内容:<template> <div id="app"> <div id="nav"> <router-link to="/">Home</router-link&g...
Vue开发之项目创建 Vue开发之项目创建 1.编辑器配置习惯使用VScode进行开发时,可以安装EditorConfig for Visual Studio Code插件,然后在项目中新建.editorconfig文件,来配置编辑器的使用习惯.editorconfig文件内容root = true # 是否...
git的学习笔记(二):git远程操作 git的学习笔记(二):git远程操作 1.创建ssh keyssh-keygen -t rsa -C "your_email@example.com"执行命令后会在用户的家目录生成.ssh的隐藏文件夹,文件夹里有公钥id_rsa.pub和私钥id_rsa2.登录github网站,在用户的settting页面,添加ssh key,把刚才生成的...
MongoDB数据库(二):增删查改 MongoDB数据库(二):增删查改 MongoDB数据库的增删查改1.插入数据语法:db.集合名称.insert(document)db.table_name.insert({name:'gj',gender:1})db.table_name.insert({_id:"20170101",name:'gj',gender:1})插⼊...
MongoDB数据库(一):基本操作 MongoDB数据库(一):基本操作 1.NoSQL的概念"NoSQL"一词最早于1998年被用于一个轻量级的关系数据库的名字随着web2.0的快速发展,NoSQL概念在2009年被提了出来NoSQL最常见的解释是"non-relational","Not Only SQL"也被很多人接受,指的是非关系型数据库2.关系型数据库和非关系型的区...
高可用Redis(十三):Redis缓存的使用和设计 高可用Redis(十三):Redis缓存的使用和设计 1.缓存的受益和成本1.1 受益1.可以加速读写:Redis是基于内存的数据源,通过缓存加速数据读取速度2.降低后端负载:后端服务器通过前端缓存降低负载,业务端使用Redis降低后端数据源的负载等1.2 成本1.数据不一致:后端数据源中的数据缓存到Redis,如果后端数据库中的数据被更...
高可用Redis(十二):Redis Cluster Redis Cluster是Redis官方提供的Redis集群功能1.为什么要实现Redis Cluster1.主从复制不能实现高可用2.随着公司发展,用户数量增多,并发越来越多,业务需要更高的QPS,而主从复制中单机的QPS可能无法满足业务需求3.数据量的考虑,现有服务器内存不能满足业务数据的需要时,单纯向服务器添加内存不能达到要求,此时需要考虑分布式需求,把数据分布到不同服务...