AntDesign vue学习笔记（八）Table服务端分页使用

AntDesign vue学习笔记（七）Form 读写与图片上传

AntDesign Form使用布局相比传统Jquery有点繁琐 (一)先读写一个简单的input为例 <a-form :form="form" layout="vertical" hideRequiredMark> <a-row> <a-col :span="8"> <a-form-item label="用户名"> <a-input v-decorator="…

vue学习笔记(八)组件校验&通信

前言在上一章博客的内容中vue学习笔记(七)组件我们初步的认识了组件,并学会了如何定义局部组件和全局组件,上一篇内容仅仅只是对组件一个简单的入门,并没有深入的了解组件当中的其它机制,本篇博客将会带大家深入了解组件的其它知识,组件的校验,组件的通信等等. 本章目标学会组件简单的校验学会父组件向子组件传递数据学会子组件向父组件传递数据父组件向子组件传递数据父组件向子组件传递数据实现的方式特别简单,只用使用props进行数据传递就可以了. 语法:props['属性1',‘属性2’,...]…

BootStrap table服务端分页

涉及到的内容: 1.bootstrap-table插件: 2.mybatisplus分页查询: 3.spring封装对象匹配bootstrap-table插件格式: 4.sql查询隐藏手机号中间四位. 让我们开始: 1.想要实现bootstrap 表格服务端分页,首先需要使用插件 bootstrap-table.min.css bootstrap-table.min.js bootstrap-table-zh-CN.js 页面上的引用是这样的 index.html <html> <hea…

Netty学习笔记(二) 实现服务端和客户端

在Netty学习笔记(一) 实现DISCARD服务中,我们使用Netty和Python实现了简单的丢弃DISCARD服务,这篇,我们使用Netty实现服务端和客户端交互的需求. 前置工作开发环境 JDK8 Netty版本:5.0.0.Alpha2 集成环境:IDEA 构建工具:Gradle 依赖 compile group: 'io.netty', name: 'netty-all', version: '5.0.0.Alpha2' compile group: 'org.projectlom…

Kafka学习笔记2--Kafka的服务端配置

下载解压 kafka 后,在 kafka/config 下有 3 个配置文件与主题的生产.消费相关. server.properties--服务端配置 producer.properties--生产端配置 consumer.properties--消费端配置这里主要介绍服务端的参数配置. server.properties #指定 kafka集群中 broker 的全局编号,每一个 broker 的编号不能重复. broker. #Listeners 指明 broker 监听客户端连接的…

《精通并发与Netty》学习笔记（02 - 服务端程序编写）

上节我们介绍了开发netty项目所必需的开发环境及工具的使用,这节我们来写第一个netty项目开发步骤第一步:打开https://search.maven.org 找到netty依赖库第二步:打开上节创建的项目,修改build.gradle文件如下图: 第三步:新建类com.ssy.netty.MyServer.class package com.ssy.netty; import io.netty.bootstrap.ServerBootstrap; import io.netty.ch…

红帽学习笔记[RHCE]OpenLDAP 服务端与客户端配置

目录 OpenLDAP 服务端与客户端配置关于LDIF 一个LDIF基本结构一个条目属性 Object的类型服务端安装生成证书生成默认数据修改基本的配置导入基础数据关于ldif的格式批量创建用户批量导入用户到LDAP 客户端安装配置ldap[有问题] 不使用SSL进行客户端配置 NFS共享用户家目录不配置家目录共享用户无法正常使用配置服务端的NFS 配置客户端的autofs 查看客户端挂载情况 OpenLDAP 服务端与客户端配置 OpenLDAP是轻型目录访问协议…

AntDesign vue学习笔记（八）Table服务端分页使用

本文是AntDesign后端分页方法 1.设置pagination <a-table :columns="columns" :dataSource="data" :rowSelection="rowSelection" :pagination="pagination"> <a slot="action" href="javascript:;">查看</a&g…

AntDesign vue学习笔记（六）Table 显示图片

AntDeign官网上没有table动态绑定显示图片的示例,baidu上搜索出来的大部分都是React语法,无法使用. 经过摸索,实现方法如下:以显示一个图片,一个按钮为例(picurl是返回的json数据,内容为图片地址). 1.设置column,scopedslots const columns = [ { title: '图片',width: 120,dataIndex: 'picurl',fixed: 'left', key: 'pic',scopedSlots: { customRen…

AntDesign vue学习笔记（一）初始化项目

最近学习AntDesign组件使用,官方Pro例子集成度太高,不容易学习,将从最基础组件一个一个搭建. 1.创建Vue Cli项目 2.引入ant design组件 $ cnpm i --save ant-design-vue 3.安装组件babel-plugin-import 4.修改babelrc文件 cnpm install babel-plugin-import --dev 5.mainjs中引用button组件 6.Vue组件中添加按钮 7.实际效果…

AntDesign vue学习笔记（九）自定义文件上传

第七节时提到,上传文件时实际可能需要传输一个token. 1.查看vue antdesign文档https://vue.ant.design/components/upload-cn/ 2.使用customRequest customRequest 通过覆盖默认的上传行为,可以自定义自己的上传实现 Function 3.定义customRequest,之前定义action行为会被覆盖,可以注释掉 4.customRequet代码如下 customRequest (data) { const fo…

AntDesign vue学习笔记（四）使用组件切换

同样实现上一篇功能, 改为使用组件切换,实现方法如下 1.修改MainFrm中的<router-view/>如下代码 2.注册局部组件 export default { name: 'MainFrm', data () { return { collapsed: false, page: Student } }, methods: { menu (s) { console.log(s) this.page = s } }, components: { StudentClass, Student…

Vue学习笔记八：v-for，v-if，v-show指令

目录 v-for指令:遍历 HTML和效果图 v-for讲解 v-if和v-show:创建,删除,显示,隐藏 HTML和效果图 v-if和v-show的原理 v-for指令:遍历 HTML和效果图有几个需要讲的点,先看v-for的HTML,如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view…

AntDesign vue学习笔记（三）嵌套路由使用

本项目目前结构如下 1.Login页面=>MainFrm页面=>MainFrm左部菜单,右边是显示区域可以切换子页面. 2.当点击左部菜单时,右边的子页面随着进行切换. 实现关键代码如下1.修改router下的index.js export default new Router({ routes: [ { path: '/', name: '登录', component: Login } { path: '/MainFrm', name: '首页', component: MainFrm, c…

AntDesign vue学习笔记（二）axios使用

之前在vue页面中引入axios使用,本篇在mainjs中引入,这样就不用单独在每个页面引入 1.mainjs中引入axios,设置基础url import axios from 'axios' axios.defaults.baseURL = 'https://localhost:8080/' Vue.prototype.axios = axios 2.在vue页面中,注意axios前需要加this. methods: { login () { let that = this console.…

AntDesign vue学习笔记（五）导航菜单动态加载

一般的后台系统都有一个树形导航菜单,具体实现如下,主要参考https://my.oschina.net/u/4131669/blog/3048416 "menuList": [ { "name": "首页", "url": "http://192.168.1.100:9999", "iconType": "laptop", }, { "name":…

vue学习笔记(九)vue-cli中的组件通信

前言在上一篇博客vue学习笔记(八)组件校验&通信中,我们学会了vue中组件的校验和父组件向子组件传递信息以及子组件通知父组件(父子组件通信),上一篇博客也提到那是对组件内容的刚刚开始,而本章博客将会重点的讲解vue-cli中的组件通信,毕竟这在以后的开发内容中是非常普遍使用的.那么一起来看看本篇博客需要学习的知识点吧! 本章目标学会使用vue-cli中父组件向子组件传递信息学会使用vue-cli中子组件向父组件传递信息学会使用vue-cli中非父子组件传递信息 vue-cli中的父组件…

jquery.dataTables的探索之路-服务端分页配置

最近闲来无事想研究下数据表格,因为之前接触过layui和bootstrap的数据表格,本着能学多少学多少的学习态度,学习下dataTables的服务端分页配置.特与同学们一块分享下从中遇到的问题和解决方式. 与bootstrap的数据表略有不同,在引入相关js后除了必要的DOM节点(<table id="table" class="table table-responsive table-hover"></table>)外我们还需要表头部分,…

go微服务框架kratos学习笔记八 (kratos的依赖注入)

目录 go微服务框架kratos学习笔记八(kratos的依赖注入) 什么是依赖注入 google wire kratos中的wire Providers injector(注入器) Binding Interfaces go微服务框架kratos学习笔记八(kratos的依赖注入) 笔记二提过依赖注入,和如何生成,但没有细讲,本文来简单看看kratos的依赖注入. 什么是依赖注入来看一个小程序, 创建一个小程序模拟带有问候的事件我们将创建三个结构类型: 1)为迎宾员创建消息 message…

Vue学习笔记-Vue.js-2.X 学习(四)===>脚手架Vue-CLI(基本工作和创建)

(五) 脚手架Vue-CLI 一 Vue-CLI前提(nodejs和webpack) 二 Vue学习-nodejs按装配置,Node.js 就是运行在服务端的 JavaScript. 1. 去nodejs的官网下载 https://nodejs.org/en/download/ ,直接点 windows installer 2. 选择按装路径后(我的按装路径 D:\nodejs ),直接下一步,这样 npm 命令就可以用了, node -v 来测试是否成功安装按装是此处不勾选测式: n…

Java IO学习笔记八：Netty入门

作者:Grey 原文地址:Java IO学习笔记八:Netty入门多路复用多线程方式还是有点麻烦,Netty帮我们做了封装,大大简化了编码的复杂度,接下来熟悉一下netty的基本使用. Netty+最朴素的阻塞的方式来实现一版客户端和服务端通信的代码,然后再重构成Netty官方推荐的写法. 第一步,引入netty依赖包. <dependency> <groupId>io.netty</groupId> <artifactId>netty-all</a…

Vue学习笔记十三：Vue+Bootstrap+vue-resource从接口获取数据库数据

目录前言 SpringBoot提供后端接口 Entity类 JPA操作接口配置文件数据库表自动映射,添加数据写提供数据的接口跨域问题前端修改效果图待续前言 Vue学习笔记九的列表案例和Vue学习笔记十二vue-resource这两章结合一下,不在使用假数据了,这次从后台接口获取json数据. Vue前端框架提供交互逻辑处理 Bootstrap前端css提供美化渲染 SpringBoot后端提供接口 MySQL数据库提供数据 SpringBoot提供后端接口由于前端第九章我都写…

vue学习笔记(四)事件处理器

前言在上一章vue学习笔记(三)class和style绑定的内容中,我们学习了如何在vue中绑定class和style,介绍了常用的绑定方法,class的数组绑定和对象绑定以及style的数组绑定和对象绑定,本篇博客将会讲解关于vue中事件的使用. 其实关于事件我们都不陌生,在学习JavaScript的时候就有接触过,例如点击事件,鼠标事件,键盘事件以及移动端的触摸事件等等.在学习vue的事件处理之前我们先回顾一下在Javascript中是如何绑定事件的吧! Javascript绑定事件方法…

Vue学习笔记-vue-element-admin 按装报错再按装

一使用环境开发系统: windows 后端IDE: PyCharm 前端IDE: VSCode 数据库: msyql,navicat 编程语言: python3.7 (Windows x86-64 executable installer) 虚拟环境: virtualenvwrapper 开发框架: Django 2.2 二 Vue学习笔记-vue-element-admin 按装报错再按装主页:https://github.com/PanJiaChen/vue-element-…

Redis学习笔记八：集群模式

作者:Grey 原文地址:Redis学习笔记八:集群模式前面提到的Redis学习笔记七:主从复制和哨兵只能解决Redis的单点压力大和单点故障问题,接下来要讲的Redis Cluster模式,主要是用来解决Redis的单点容量问题. 如何来解决Redis单点容量问题呢? 如果数据可以拆分,我们可以让不同业务的客户端打到不同的Redis实例中. 如果数据不能拆分,我们有如下方式: 方案2-1 modula方式可以通过Hash加上取模的方式来定位打到哪个Redis实例中. 这种方式的弊端在于:模…

Vue学习笔记-2

前言本文非vue教程,仅为学习vue过程中的个人理解与笔记,有说的不正确的地方欢迎指正讨论 1.computed计算属性函数中不能使用vm变量在计算属性的函数中,不能使用Vue构造函数返回的vm变量,因为此时vm还未返回,依然处于Vue内部构造函数过程中,遂只能使用this来代替vm. 若要使用typescript,可使用以下方法来实现代码智能感知 vm = vm || this; 另:其他不能用vm变量,只能使用this变量的地方,都可以通过此方法来获得Typescript的智能感知和代码…

Vue学习笔记-1

前言本文不是Vue.js的教程,只是一边看官网Vue的教程文档一边记录并总结学习过程中遇到的一些问题和思考的笔记. 1.vue和avalon一样,都不支持VM初始时不存在的属性而在Angular里是可以支持的,因为angular采用脏检查的方式实现双向绑定,vue和avalon都是采用setter和getter实现双向绑定例,如下代码在一秒后不会显示出"xxcanghai"的字样 <div id="app"> <h1>{{obj.tex…

BootStrap Table和Mybatis Plus实现服务端分页

一.后台java代码(Mybatis Plus分页) (1)Mybatis Plus分页的配置,在mybatis的xml文件中增加如下配置(Mybatis Plus官方文档:http://baomidou.oschina.io/mybatis-plus-doc/#/quick-start)  <property name="plugins"> <array>  <bean i…

Learning ROS forRobotics Programming Second Edition学习笔记(八)indigo rviz gazebo

中文译著已经出版,详情请参考:http://blog.csdn.net/ZhangRelay/article/category/6506865 Learning ROS forRobotics Programming Second Edition学习笔记(八)indigo rviz gazebo indigo PCL例子以及xtionpro live pcl --$ roslaunchrobot1_description display.launch model:="`rospack findr…

vue 学习笔记（二）

最近公司赶项目,一直也没时间看 vue,之前看下的都快忘得差不多了.哈哈哈,来一起回顾一下vue 学习笔记(一)后,继续向下看嘛. #表单输入绑定基础用法 v-model 会忽略所有表单元素的 value.checked.selected 特性的初始值而总是将 Vue 实例的数据作为数据来源.你应该通过 JavaScript 在组件的 data 选项中声明初始值. 对于需要使用输入法 (如中文.日文.韩文等) 的语言,你会发现 v-model 不会在输入法组合文字过程中得到更新.如果你也想处理…

【AntDesign vue学习笔记（八）Table服务端分页使用】的更多相关文章