13 飞天代码

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 1w+

framework7+vue+cordova移动开发(三)network error处理

web开发测试ok,模拟机测试ok,然后就发布到真机,一点开傻眼了,连最基本服务都访问不了。后来度娘一下才知道是android9 后对http默认不支持了。按照网上说的搞了半天才搞定,还是记录下吧。第一步: 添加network_security_config.xml到相应目录下。network_security_config.xml的内容:<?xml version="1.0" encoding="utf-8"?><network-security-config>

2020-06-25 14:10:12

framework7+vue+cordova移动开发(三)调用摄像头扫一扫

1.在某个.vue里面添加下面代码<template> <div id="app"> <p>测试扫一扫</p> <!-- 扫一扫按钮 --> <button @click="handleClick" >扫一扫</button> </div></template><script>export default { name: 'App', el

2020-06-24 01:57:28

framework7+vue+cordova移动开发(二)实现一个简单展开收缩动画

以前做pc开发比较多,现在项目要求要做移动端开发,花了几天学习framework7,就踏上了征途。为啥选择f7,原因简单就是前人已经用了,为了减少团队学习成本,继续沿用了,亲自体验了下,f7确实做的不错,就是资料比较少。今天要实现个简单收缩展开的动画,在官方例子里面找了一圈没有找到适合的组件,只能自己做咯。其实就是点击图标,展开里面内容,再次点击收起里面的内容,带动画效果。第一步:为展示收起区域定义样式@aniTimer:.4s;.menu-body { margin-bottom:

2020-06-23 11:02:50

framework7+vue+cordova移动开发(一)创建cordova项目并编译

进入到项目路径然后执行cordova 创建项目的命令:cordova create gointEplat com.example.gointEplat gointEplat完成后的目录结构:进入到gointEplat文件夹下,执行cordova platforms add ios ,执行 cordova platforms add android然后执行系统里面的相关命令执行完了,如果没有错误,则可以用xcode 或者 andorid studio 来进行模拟机调试了。...

2020-06-22 00:38:38

采用d3开发流程设计器(七)实现撤销、恢复的功能

撤销和恢复一开始是不想做的,但后来感觉这个功能还是有点必要的,就只好加上了。需求:这里就不介绍了,就是个操作的前进后退功能。其实原理蛮简单的,就是做一些操作的时候将前进、后退操作指令以及相关参数传递给操作事件监听类。注意这里的参数一定是数据层面的,不能有对象层面的传递。 //添加事件操作监听 this.flowDesCtl.flowStackWatch.push( "window.flowDesCtl.removeNode", "window.flowDesCt

2020-06-16 12:54:55

手写第一个cli(二)将自己的cli发布出来

第一步:编写发布publish.sh#!/usr/bin/env bashset -e# 修改npm源地址npm config get registrynpm config set registry=http://registry.npmjs.org# 登陆输入自己的npm账号和密码,还有邮箱echo '登录'npm loginecho "发布中..."npm publish# 改回npm源地址npm config set registry=https://registry.

2020-06-12 14:31:19

手写第一个cli(一)实现单表crud文件模板的下载

每次开发一个单表视图,都是手动capy一个模板过来改的,突然感觉好麻烦,好烦躁哦。自己写过cli来替代手工操作:第一步:新建项目going-cli,目录结构大概第二步:cd 进入项目文件加 执行npm init第三步:新建bin文件夹第四步:在bin下创建goingCli.js文件,内容大概如下#!/usr/bin/env node;(function () { console.log('cli -----开始进行生成操作'); const program = require

2020-06-12 14:26:27

采用d3开发流程设计器(六)通过拖拽选中多个节点,然后拖动调整位置

需求:1:当图绘制一半时候,需要对多个节点位置进行调整,通过拖拽选中多个节点,然后进行调整。2、选中多个记录,点击删除来进行多个节点删除。效果图:选中多个节点进行拖拽移动。关键代码:第一步拖拽的时候创建一个临时的rect,并且设置透明度为0.7/** * 初始化一个用于拖拽都rect区块 * @param containerId */FlowDragSelArea.prototype.init=function (containerId) { this.flowDesCtl

2020-06-10 16:22:22

采用d3开发流程设计器(五)实现节点间线条的拖拽变换

一晃这设计器也写了快一周了,基本功能已经出来咯。但完全做完应该还需要个把月吧。这节我们介绍下节点间线条的拖拽变换的功能:需求:1、点击线条,会在线条俩端生成2个拖拽节点。2、点击拖拽节点可以变换线条的起始位置或者是结束位置。效果图:点击拖拽节点进行线条位置的变换核心代码:点击线条绘制拖拽节点:/** * 创建激活的link * @private */FlowLink.prototype._createLinkActiveNode = function (d, linkId,

2020-06-05 17:31:32

采用d3开发流程设计器(四)实现线条的绘制,以及线条的箭头

前面三节完成了开始、结束、普通节点的拖拽生成,这些都还比较简单,这节来实现下线条都绘制以及拖拽相关功能:需求:1、拖拽生成线条,连接2个节点2、拖拽节点的时候 线条跟着移动3、选中线条变换样式4、右键点击可以删除线条5、线条末端带上箭头效果大概:其中拖拽的时候...

2020-06-04 14:26:20

采用d3开发流程设计器(三)添加普通任务节点

1、普通任务节点是流程里面的最常用的节点,这种节点是rect形状需求:普通节点可以进行拖拽普通节点可以进行大小变化普通节点可以拖拽出线条,跟其他节点连接线条可以跟普通节点连接第一次这么深入的玩svg和d3 还是走来蛮多冤枉路,废话不多说了,上效果图吧。这里面设计几个技巧1、text节点和边框拖拽节点和节点rect要实现在一个g里头,这样拖拽事件给g即可,不需要每个元素去监听拖拽。2、拖拽的时候,要对window.d3.event.x进行特殊的计算处理,因为rect节点的宽高都比较大,

2020-05-31 23:23:38

采用d3开发流程设计器(二)添加右键菜单

上一节完成了架子的搭建以及节点的拖拽,这节完成节点菜单右键的操作需求:1、右键点击节点,弹出菜单,选中属性菜单项,右边再弹出菜单配置panel2、点击其他节点或者界面空白处隐藏下拉菜单效果图:点击弹出右边的panel其中的核心代码:第一步:注册右键菜单 node.append("circle") .attr("r", nodeWidth) .attr("fill", nodeColor) .on("click", d => {

2020-05-28 09:46:48

采用d3开发流程设计器(一)搭建框架和节点拖拽

企业业务里面很少会采用横向组织机构树来展示,一般都是通过纵向组织机构树来进行展示,所以将前俩天写的代码扩展了下,扩展出了纵向组织机构树。

2020-05-27 16:51:40

d3(新)绘制横向组织机构树

3年前写过一个关于d3绘制横向组织机构的帖子d3绘制横向组织机构,一晃都3年了,中间有好几个人找我咨询相关代码,一直想重构下,这俩天无聊就重构了下,效果图:功能如下:可以鼠标拖动svg图可以滚动鼠标来进行放大缩小可以点击展开收缩相应节点可以通过切换层级来展示相应层级的节点上次封装花了800行,这次花了200行,总体来说不管从交互还是从代码上都有了长足都进步。废话不多说了,直接上代码:Json数据代码{ "name": "集团", "children": [ { "nam

2020-05-24 18:27:43

going-client(四)输入框对校验

going-client 提供多种校验途径:1、在字段中定义必填、长度校验。这种方式对作用在于,大部分实体添加都是只校验必输和输入都长度,这样定义在字段中,避免写额外都代码来进行数据校验。2、通过字符串定义无参数校验类型。3、定义校验规则以及校验函数。...

2020-01-21 15:37:29

show-cloud(十四)写复杂sql的例子,使用in

前面都是通过sql注解的方式来写sql,但今天碰到了个比较复杂的sql,采用sql注解尝试了几次,最终还是以失败告终,最终还是通过xml的方式来解决。1、service的代码内容: @Override public Map<String, String> getUserRelDepName(String ids) { Map<String,Strin...

2019-12-24 12:17:18

going-client(三)通过go-add-mod-win 标签进行增加操作

1、自然是引入组件 <go-add-mod-win width="1200" :title="winTitle" height="550" @close="closeWin" @addRecordToDb="addRecordToDb" @m...

2019-12-21 21:36:05

show-cloud(十三) mybatis plus 常用例子收集

1、写sql查询最大排序号 /** * 获取当前最大的排序号 * @return */ @Select("select max(DB_SEQUENCE) from G_STATION ") Object getOrderNum();2、写sql来进行分页查询service里面的写法 @Override public IPage...

2019-12-20 21:33:50

going-client(三)zTree使用自定义字体图标

上一节写了ztree使用字体图标,因为当时时间比较晚,只能仓促都将字体图标写死,自然这样是不符合项目要求的,变更图标显示才有价值。图标映射:左边为参数名字 右边为ztree的图标calss名字openIcon------》root_opencloseIcon------》root_closeopenFolder------》ico_opencloseFolder------》ico_cl...

2019-12-20 12:31:39

going-client(二)zTree替换成字体图标

zTree采用的图片方式,希望改成字体图片,网上看下有许多方法可以实现,但每种方式都比较麻烦,现在摸索了一种简单都方式,直接上代码1、替换叶子节点都图标,找到makeNodeIcoClass方法,替换成下面代码:makeNodeIcoClass: function (a, b) { var c = ["ico"]; if (!b.isAjaxin...

2019-12-20 01:07:13

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 分享达人
    分享达人
    成功上传6个资源即可获取