iView

PhalApi-iView-admin 开源后台框架 码云地址： https://gitee.com/dogstar/phalapi-iview-admin Github地址： https://github.com/phalapi/phalapi-iview-admin 主要采用的技术： PhalApi 开源接口框架 iView-admin 基于iView的管理系统模板 本项目的最大特色：符合前后端分离的主流设计思想，结合了专注于接口领域的PhalApi框架，以及很火的iView。目前，使用的都是最新版本的技术，包括：PhalApi 2.4.2、iView-admin 2.3.0、PHP 7、Vue等。 欢迎大家一起参与开源维护！ 在线访问 在线demo请访问： http://iview-admin.phalapi.net/ 。 前端部分（iView界面） 安装 // install dependencies npm install 运行 开发环境 本地开发调试时使用， npm run dev 生产环境 打包发布时使用， npm run build 更多帮助和说明，请前往 iView-admin 。 后端部分（PHP接口） 安装 配置站点，如果使用的是Nginx，请参考以下配置。为了整合PhalApi与iView-admin，关键有两点： 第1点、网站根目录需要定位到 dist

1、js如何获取数组的key function getObjectKeys(object){ var keys = []; for (var property in object) return property; } console.log(getObjectKeys(3332:[])) // 3332 2、如何过滤数组中的空数据 Array.prototype.notempty = function() { var arr = []; this.map(function(val, index) { if (val !== "" && val != undefined) { arr.push(val); } }); return arr; } this.selectHouse = this.selectHouse.notempty() 3、iview checkboxGroup 动态删除某个值后，页面checkBox 选中状态错乱。 具体情况如下： 需求 ： checkboxGroup v-for生成三个checkbox，默认勾选。当我点击某个checkbox默认取消勾选并且删除该checkbox。 操作方法一： 从最后一个开始删，也就是删除默认绑定的model数组中的最后一个值，这时候剩余checkbox的选中状态是正常的。 操作方法二： 但是如果从中间开始删，比如删除第二

1、js如何获取数组的key function getObjectKeys(object){ var keys = []; for (var property in object) return property; } console.log(getObjectKeys(3332:[])) // 3332 2、如何过滤数组中的空数据 Array.prototype.notempty = function() { var arr = []; this.map(function(val, index) { if (val !== "" && val != undefined) { arr.push(val); } }); return arr; } this.selectHouse = this.selectHouse.notempty() 3、iview checkboxGroup 动态删除某个值后，页面checkBox 选中状态错乱。 具体情况如下： 需求 ： checkboxGroup v-for生成三个checkbox，默认勾选。当我点击某个checkbox默认取消勾选并且删除该checkbox。 操作方法一： 从最后一个开始删，也就是删除默认绑定的model数组中的最后一个值，这时候剩余checkbox的选中状态是正常的。 操作方法二： 但是如果从中间开始删，比如删除第二

最近一个月都在弄某某交易所，让之前学的东西能够用上，在这里分享一下收货的东西吧 简介 系统是进行了二次开发，用的是ZTuo开源框架第一个版本，节省了很多时间（坑也挺多，哈哈哈），文章结尾贴源码链接 ，在这里说一声谢谢您们的付出。首先来张我自己画的架构图（献丑了） ######官方架构图 ####技术栈 后端：Spring、SpringMVC、SpringData、SpringCloud、SpringBoot 数据库：Mysql、Mongodb 其他：redis、kafka、阿里云OSS、腾讯防水校验、极验、环信推送、云片短信、web3j 前端：Vue、iView、less 同时提供IOS和Android版本。 当时搭建后端运行环境就弄了两三天，大家搭建注意环境版本问题。K线、盘口数据、成交实时数据都是对接火币网的数据进行websocket推送的，注意火币网的websocket需要梯子。 运行环境问题 使用的是Lombok插件，Eclipse和IDEA安装具体流程百度一下，然后将缺少的jar包放到本地maven仓库中，不然引用不了哦，引用好后将项目的父级进行install一下，不然有一些类找不到，环境需要JDK1.8以上，初始化sql在sql文件夹中配置文件 配置文件打开这个设置会自动建表 #jpa spring.jpa.hibernate.ddl-auto=update

1.vue+iview后台管理模板 https://github.com/iview/iview-admin 2.vue+element 后台管理模板 https://github.com/PanJiaChen/vue-element-admin 来源： https://my.oschina.net/lisc2016/blog/3102264

转载本文需注明出处：微信公众号EAWorld，违者必究。 引言： 随着云计算、大数据、物联网等技术兴起，数据朝着多样性、高体量、高速度方向发展，如何将海量数据安全、稳定、高效地数据共享出去成为各企业关注的重点。本次微课堂通过普元在数据服务共享平台研发过程中的实践，和大家分享数据服务共享发布的相关经验。 目录： 1.数据服务共享发布核心场景 2.数据服务共享发布技术架构 3.数据服务共享发布关键设计 4.数据服务共享发布安全考虑 5.结束语 1.数据服务共享发布核心场景 按功能划分核心场景 核心场景主要包括四个环节：资源目录生成、数据服务发布、数据服务消费、数据服务监控。 资源目录生成：提供数据资源目录与服务资源目录两种视图，数据资源目录通过自动化采集方式生成，对各种数据源（数据库、文件、大数据）的元数据信息进行展示；通过数据服务发布快速生成服务资源目录。 数据服务发布：基于数据资源目录可将共享区数据快速发布成实时服务（RESTful）和批量服务(File)。 数据服务消费：定义了从服务浏览、申请、审批、数据使用的详细流程，消费方通过订阅或者拉取的方式使用数据。 数据服务监控：对数据服务全生命周期管理与监控，对故障进行实时告警。 按角色进行功能场景划分 围绕核心场景定义了四类角色：数据管理员、数据开发人员、数据消费方、运维人员。 数据管理员：负责数据资源目录、服务目录的维护

h('Poptip', { props: { title: params.row.state == '1' ? '您确定要删除这条数据吗?' : '您确定要发布这条数据吗?', transfer: true, confirm: true, placement: 'top-end' }, on: { 'on-ok': () => { this.id = params.row.id; this.stateNum = params.row.state; this.stateChange(); } } }, [ h('Button', { style: { marginLeft: '5px' }, props: { type: 'primary' } }, params.row.state == '1' ? '删除' : '发布') ]) 来源： https://my.oschina.net/u/3946362/blog/3101807

本文转载于: 猿2048 网站 vue的iview列表table render函数设置DOM属性值的方法 { title: '负责人社保照片' , key: 'leaderIdNumber' , render: (h, params) => { return h('img' ,{domProps:{ src:params.row.leaderIdNumber }}) } }, 找了好多，终于找到了原因，如果想要让列表返回的是一个img标签，并且设置img的src，这里不能用props，而是要用domProps就ok了。 来源： https://my.oschina.net/u/4191619/blog/3101734

xl_echo编辑整理，欢迎转载，转载请声明文章来源。欢迎添加echo微信(微信号：t2421499075)交流学习。 百战不败，依不自称常胜，百败不颓，依能奋力前行。——这才是真正的堪称强大！！ 在使用iview的时候，对于界面效果确实是比较满意，提供的组件也很多的很全，和element相比，iview更注重视觉和渲染。但是也有一些缺点，比如组件的bug，生态圈的收费问题。这里只讲解page的跳转bug iview中page最初的跳转功能样子如下 可以看到并没有跳转的按钮，如果要跳转的话，必须输入页数之后按'enter'键，如果不按没法跳转。对于用户来说，电脑的操作水平不一，很多人可能没有enter的意识，这样就造成了这个功能的鸡肋，所以需要修复 修复最终的界面跳过如下 跳转按钮是我们手动加上去的一个按钮 <Page :id="pageId" :total="total" :current="page" @on-change="changePage" @on-page-size-change="changesPages" show-sizer show-elevator > </Page> <div style="float: left;margin-right: 10px;margin-top: 12px"> <Button type="primary" size="small