- mpvue中引入iview-ui
这个大猪蹄子
1.github下载iviewApphttps://github.com/TalkingData/iview-weapp2.下载后解压出来有个dist文件夹里面都是组件3.建议重命名iView好辨别4.把这个加进去static中5.在main.js加上exportdefault{config:{usingComponents:{'i-con':'../../static/icon/index',"
- iview-form内table修改字段效验
Han涛_
场景:使用iview-ui,form表单内嵌table支持编辑,对某个字段进行单独效验3.gif页面中form表单中包含的table,table的columns使用render函数进行渲染,本身form表单有多条数据进行效验,编辑表格内容时单独对某个input框进行效验。将表格内效验的条件也写在form的rules内,表格render函数渲染input时,使用form-item包裹,并填写prop
- iview-admin使用小结
源码全开
viewdesignvue.js前端
首先在使用一个框架之前一定要完整的看一下相关文档,因为框架中会封装常用的功能,也会更加符合大众要求。在ui设计图上,可能实现某个功能设计图中给出的交互并不是很好,而在框架中有更好的组件可以实现,但因为没有看文档对框架不熟悉,就不知道可以使用。这样就可以和产品经理商量是不是可以使用框架中的方案,体验更好等等,既简化工作,又提高体验。所以看文档,真的很重要。1.Select在iview-ui中,sel
- 使用vue-cli(2.x)开发web的基础(四)-集成使用bootstrap,jquery
Unique_c
建议不要使用bootstrap,首先集成比较麻烦,还需要使用jquery,开发pc端web,可以使用element-ui,iview-ui等开发移动端web,可以使用VUX,Cube-UI参考https://docschina.org集成bootstrap1.安装jquerynpminstalljquery--S然后修改/build/webpack.base.conf.js里两个地方①在文件内容最
- iview-table组件嵌套input select数据无法双向绑定解决
目录一、前言二、问题描述三、解决办法1.基础数据表格2.树形数据表格四、后记一、前言本篇主要介绍关于iview-ui组件库中的table表格组件嵌套input组件,数据无法及时更新问题的解决办法。二、问题描述在我们开发的过程中,经常会遇到需要在表格内操作数据的情况,但是在vue2中,双向绑定的值必须是在data中声明的变量,然而我们在table中展示的每一行数据,通常都是使用的scope中的row
- iView-UI:使用Modal调用Modal
ZTao-z
前端
问题iView的Modal真的非常不友好,用起来总感觉this.$Modal多次调用的话采用的是引用的方式,结果导致后面的Modal的属性会覆盖前面的Modal,而前面的Modal一关闭导致写在onOK函数里面的Modal也一并关闭了。解决方案我想到的解决方法就是先手动强制关闭前面的Modal,然后采用延时触发唤起一个新的Modal,效果还可以this.$Modal.confirm({title:
- vue按需引入iview-UI库pc端vue
小曲曲
npminstallbabel-plugin-import--save-dev借助插件babel-plugin-import可以实现按需加载组件,减少文件体积。首先安装,并在文件.babelrc中配置://.babelrc配置文件添加如下代码:{“plugins”:[[“import”,{“libraryName”:“iview”,“libraryDirectory”:“src/component
- 清新UI组件库——开发组件库准备
Chenyating
组件库组件设计uivue.js
开发组件库准备清新组件库:http://ifresh-ui.yating.online/源码地址:https://github.com/Chenyating...准备vscode语言框架:vue,vuepress,vue-cli3,less参考框架:iview-ui,element-ui开发定位风格:小清醒,简洁颜色:主打绿,底白色字体:oppo字体免费商用新建项目全局安装npminstall-g
- 清新UI组件库——开发组件库准备
Chenyating
组件库组件设计uivue.js
开发组件库准备清新组件库:http://ifresh-ui.yating.online/源码地址:https://github.com/Chenyating...准备vscode语言框架:vue,vuepress,vue-cli3,less参考框架:iview-ui,element-ui开发定位风格:小清醒,简洁颜色:主打绿,底白色字体:oppo字体免费商用新建项目全局安装npminstall-g
- 清新UI组件库——开发组件库准备
明月别枝
UI组件开发vue
清新组件库:http://ifresh-ui.yating.online/源码地址:https://github.com/Chenyating/iFresh-ui开发组件库准备准备vscode语言框架:vue,vuepress,vue-cli3,less参考框架:iview-ui,element-ui开发定位风格:小清醒,简洁颜色:主打绿,底白色字体:oppo字体免费商用新建项目全局安装npmin
- 格式化传给iview的级联选择器的数据格式
喵大叔、
iview
####在iview-ui中,级联选择器的数据格式是他们限制死的,但是后台伙伴传给我们的数据格式跟要求的格式不一致,只能自己动手去遍历重构数据了,方法如下//定义的map为后台返给自己的数据key值,res.data为后台返回的数据,按照下面格式,调用格式化数据的方法constmap={label:"newsCategoryName",children:"list",value:"newsCate
- iview-area城市级联组件在绑定数据为空的情况下显示上次选择信息的解决方法
citrono
vue/iview
iview-area是一款基于Vue框架和iView-UI组件库开发的城市级联组件,数据包含中国的省(直辖市)、市、县区和乡镇街,数据来源area-data。具体使用官网写的非常全面,放上网址,不再赘述。https://www.npmjs.com/package/iview-area参考文章:https://blog.csdn.net/qq_40804730/article/details/905
- Vue 登录login例子
Coxhuang
Vue.js
文章目录login#0GitHub#1环境#2实现功能#3iViewlogin#0GitHubhttps://github.com/Coxhuang/iView-login#1环境"vue":"^2.5.2","axios":"^0.19.0","vue-axios":"^2.1.4","vue-router":"^3.0.1","view-design":"^4.0.0"//iView-UI组件
- 修改iview-ui tree树前面默认的小三角形
希文Gershwin
iview-ui
前端项目框架用到了iview,使用tree组件的时候,发现需要修改前面的三角标!方法如下:注:此文章针对的是iview2.0;其他ui库的改变方法类似修改后的效果如下:直接上代码只要覆盖之前UI库默认的css样式即可.ivu-tree.ivu-icon{//禁止旋转-webkit-transform:rotate(0deg);transform:rotate(0deg);}.ivu-tree.iv
- Nuxt 下 iView-ui 定制主题
弓小木
nuxt.jsjavascript
iView-ui定制主题解决灵感源于尼伯特的博客的vue下iView-ui解决方案,在此表示感谢;**在nuxt下解决方案:**1、在plugins目录下创建如下结构目录:2、custom.less是iviewUi原装的主题文件,放在这里方便查阅;3、theme.less是我们要覆盖定制的主题文件,修改主题就在这里完成了;4、index.js是应用iviewUi的文件;5、nuxt.config.
- 在vue中使用iview-ui表单中提交图片
Misaka_S
前端
获取图片文件使用了iviewui的upload组件来获取图片文件Uploadfiles同时由于不是真的需要上传到对应的地址,所以设置before-upload对应的函数使其返回false终止上传handleBeforeUpload(file){this.form_submit.picture=filereturnfalse},此时,在form_submit就已经拿到文件了上传submit(){//
- async-validator、iview-ui中碰到有值提示为空的原因
messchow
javascriptiview
起因使用iview-ui写的后台管理系统时,碰到提交表单的时候正常。但是根据id获取值赋值给表单对象时,表单验证提示为空?!问题解决后来我才发现原因:后来问题在表单值的类型上这是提交给接口的值这是接口返回值,一个是String类型的,一个是Number类型的,而async-validator验证在rules里不设置Number类型是无法识别的。async-validator的设定是严格的类型区分,
- 详解基于iview-ui的导航栏路径(面包屑)配置
messchow
起因上家公司的后台管理系统都是刷表刷出来的,所用很久很久没写后台管理系统了。换了工作后总算要开始捣腾router了,很久没用都快忘光了,所以把一些通用的模块记录一下,也分享给需要的朋友们。经过//router.jsletroutes=[{path:'/',redirect:'/admin',},{path:'/login',name:'login',meta:{title:'登录'},compon
- 构建基于Vue.js的前后端于一体的开发环境(四)
倪发如雪
前端开发Vue.jsiViewWebpack
目录5前端工程化的使用5.1基础项目搭建第1步安装Node.js第2步安装国内的npm库第3步安装Vue-Cli脚手架第4步构建前端项目基础框架第5步安装前端项目依赖第6步在idea中进行相关配置第7步更改Webpack打包文件的输出目录第8步编译打包测试运行5.2在前端工程化的项目中使用iView第1步引入iView-UI组件库第2步引入iview-ui的样式第3步引入axios进行异步数据交互
- Vue笔记之props验证
weixin_33716557
原文链接:https://juejin.im/post/5bc1f6096fb9a05cea7fb359前言工作的时候用到了iview-ui框架,结果发现它的tree树形控件与element-ui根本不是一个套路,它使用了render函数去渲染节点.本来我是应该去官网学render函数的,没想到被一把按在props上,相关API是有介绍的,是我蠢,之前没找见,所以转载别的小伙伴的文章,可那是博客园
- 关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题
何必如此
jsp超链接文件下载窗口
生成下载页面是需要选择“录入提交页面”,生成之后默认的下载页面<a>标签超链接为:<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc
- 【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析
bit1129
cluster
在分析源代码之前,首先对Standalone Cluster Mode的资源调度有一个基本的认识:
首先,运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下,Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU,这就需要Maste
- linux上独立安装部署spark
daizj
linux安装spark1.4部署
下面讲一下linux上安装spark,以 Standalone Mode 安装
1)首先安装JDK
下载JDK:jdk-7u79-linux-x64.tar.gz ,版本是1.7以上都行,解压 tar -zxvf jdk-7u79-linux-x64.tar.gz
然后配置 ~/.bashrc&nb
- Java 字节码之解析一
周凡杨
java字节码javap
一: Java 字节代码的组织形式
类文件 {
OxCAFEBABE ,小版本号,大版本号,常量池大小,常量池数组,访问控制标记,当前类信息,父类信息,实现的接口个数,实现的接口信息数组,域个数,域信息数组,方法个数,方法信息数组,属性个数,属性信息数组
}
&nbs
- java各种小工具代码
g21121
java
1.数组转换成List
import java.util.Arrays;
Arrays.asList(Object[] obj); 2.判断一个String型是否有值
import org.springframework.util.StringUtils;
if (StringUtils.hasText(str)) 3.判断一个List是否有值
import org.spring
- 加快FineReport报表设计的几个心得体会
老A不折腾
finereport
一、从远程服务器大批量取数进行表样设计时,最好按“列顺序”取一个“空的SQL语句”,这样可提高设计速度。否则每次设计时模板均要从远程读取数据,速度相当慢!!
二、找一个富文本编辑软件(如NOTEPAD+)编辑SQL语句,这样会很好地检查语法。有时候带参数较多检查语法复杂时,结合FineReport中生成的日志,再找一个第三方数据库访问软件(如PL/SQL)进行数据检索,可以很快定位语法错误。
- mysql linux启动与停止
墙头上一根草
如何启动/停止/重启MySQL一、启动方式1、使用 service 启动:service mysqld start2、使用 mysqld 脚本启动:/etc/inint.d/mysqld start3、使用 safe_mysqld 启动:safe_mysqld&二、停止1、使用 service 启动:service mysqld stop2、使用 mysqld 脚本启动:/etc/inin
- Spring中事务管理浅谈
aijuans
spring事务管理
Spring中事务管理浅谈
By Tony Jiang@2012-1-20 Spring中对事务的声明式管理
拿一个XML举例
[html]
view plain
copy
print
?
<?xml version="1.0" encoding="UTF-8"?>&nb
- php中隐形字符65279(utf-8的BOM头)问题
alxw4616
php中隐形字符65279(utf-8的BOM头)问题
今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror.
调试:
1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题.
2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符.
 
- 调用对象是否需要传递对象(初学者一定要注意这个问题)
百合不是茶
对象的传递与调用技巧
类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看
为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇)
类和对象的基础概念:
JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接
- JDK1.5 AtomicLong实例
bijian1013
javathreadjava多线程AtomicLong
JDK1.5 AtomicLong实例
类 AtomicLong
可以用原子方式更新的 long 值。有关原子变量属性的描述,请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中(如以原子方式增加的序列号),并且不能用于替换 Long。但是,此类确实扩展了 Number,允许那些处理基于数字类的工具和实用工具进行统一访问。
 
- 自定义的RPC的Java实现
bijian1013
javarpc
网上看到纯java实现的RPC,很不错。
RPC的全名Remote Process Call,即远程过程调用。使用RPC,可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例,从中可以看到RPC如何
- 【RPC框架Hessian一】Hessian RPC Hello World
bit1129
Hello world
什么是Hessian
The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p
- 【Spark九十五】Spark Shell操作Spark SQL
bit1129
shell
在Spark Shell上,通过创建HiveContext可以直接进行Hive操作
1. 操作Hive中已存在的表
[hadoop@hadoop bin]$ ./spark-shell
Spark assembly has been built with Hive, including Datanucleus jars on classpath
Welcom
- F5 往header加入客户端的ip
ronin47
when HTTP_RESPONSE {if {[HTTP::is_redirect]}{ HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo
- java-61-在数组中,数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5,
bylijinnan
java
思路来自:
http://zhedahht.blog.163.com/blog/static/2541117420116135376632/
写了个java版的
public class GreatestLeftRightDiff {
/**
* Q61.在数组中,数字减去它右边(注意是右边)的数字得到一个数对之差。
* 求所有数对之差的最大值。例如在数组
- mongoDB 索引
开窍的石头
mongoDB索引
在这一节中我们讲讲在mongo中如何创建索引
得到当前查询的索引信息
db.user.find(_id:12).explain();
cursor: basicCoursor 指的是没有索引
&
- [硬件和系统]迎峰度夏
comsci
系统
从这几天的气温来看,今年夏天的高温天气可能会维持在一个比较长的时间内
所以,从现在开始准备渡过炎热的夏天。。。。
每间房屋要有一个落地电风扇,一个空调(空调的功率和房间的面积有密切的关系)
坐的,躺的地方要有凉垫,床上要有凉席
电脑的机箱
- 基于ThinkPHP开发的公司官网
cuiyadll
行业系统
后端基于ThinkPHP,前端基于jQuery和BootstrapCo.MZ 企业系统
轻量级企业网站管理系统
运行环境:PHP5.3+, MySQL5.0
系统预览
系统下载:http://www.tecmz.com
预览地址:http://co.tecmz.com
各种设备自适应
响应式的网站设计能够对用户产生友好度,并且对于
- Transaction and redelivery in JMS (JMS的事务和失败消息重发机制)
darrenzhu
jms事务承认MQacknowledge
JMS Message Delivery Reliability and Acknowledgement Patterns
http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/
Transaction and redelivery in
- Centos添加硬盘完全教程
dcj3sjt126com
linuxcentoshardware
Linux的硬盘识别:
sda 表示第1块SCSI硬盘
hda 表示第1块IDE硬盘
scd0 表示第1个USB光驱
一般使用“fdisk -l”命
- yii2 restful web服务路由
dcj3sjt126com
PHPyii2
路由
随着资源和控制器类准备,您可以使用URL如 http://localhost/index.php?r=user/create访问资源,类似于你可以用正常的Web应用程序做法。
在实践中,你通常要用美观的URL并采取有优势的HTTP动词。 例如,请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示
- MongoDB查询(4)——游标和分页[八]
eksliang
mongodbMongoDB游标MongoDB深分页
转载请出自出处:http://eksliang.iteye.com/blog/2177567 一、游标
数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制,从shell中定义一个游标非常简单,就是将查询结果分配给一个变量(用var声明的变量就是局部变量),便创建了一个游标,如下所示:
> var
- Activity的四种启动模式和onNewIntent()
gundumw100
android
Android中Activity启动模式详解
在Android中每个界面都是一个Activity,切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。
Android总Activity的启动模式分为四种:
Activity启动模式设置:
<acti
- 攻城狮送女友的CSS3生日蛋糕
ini
htmlWebhtml5csscss3
在线预览:http://keleyi.com/keleyi/phtml/html5/29.htm
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>攻城狮送女友的CSS3生日蛋糕-柯乐义<
- 读源码学Servlet(1)GenericServlet 源码分析
jzinfo
tomcatWebservlet网络应用网络协议
Servlet API的核心就是javax.servlet.Servlet接口,所有的Servlet 类(抽象的或者自己写的)都必须实现这个接口。在Servlet接口中定义了5个方法,其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。
先看javax.servlet.servlet接口源码:
package
- JAVA进阶:VO(DTO)与PO(DAO)之间的转换
snoopy7713
javaVOHibernatepo
PO即 Persistence Object VO即 Value Object
VO和PO的主要区别在于: VO是独立的Java Object。 PO是由Hibernate纳入其实体容器(Entity Map)的对象,它代表了与数据库中某条记录对应的Hibernate实体,PO的变化在事务提交时将反应到实际数据库中。
实际上,这个VO被用作Data Transfer
- mongodb group by date 聚合查询日期 统计每天数据(信息量)
qiaolevip
每天进步一点点学习永无止境mongodb纵观千象
/* 1 */
{
"_id" : ObjectId("557ac1e2153c43c320393d9d"),
"msgType" : "text",
"sendTime" : ISODate("2015-06-12T11:26:26.000Z")
- java之18天 常用的类(一)
Luob.
MathDateSystemRuntimeRundom
System类
import java.util.Properties;
/**
* System:
* out:标准输出,默认是控制台
* in:标准输入,默认是键盘
*
* 描述系统的一些信息
* 获取系统的属性信息:Properties getProperties();
*
*
*
*/
public class Sy
- maven
wuai
maven
1、安装maven:解压缩、添加M2_HOME、添加环境变量path
2、创建maven_home文件夹,创建项目mvn_ch01,在其下面建立src、pom.xml,在src下面简历main、test、main下面建立java文件夹
3、编写类,在java文件夹下面依照类的包逐层创建文件夹,将此类放入最后一级文件夹
4、进入mvn_ch01
4.1、mvn compile ,执行后会在