微信小程序关系图如何实现?

图片说明

0

2个回答

你问的是如何实现树形结构吗?

需要有2张表:

第一张表: 家族树层级关系表

id 主键
pid 父节点主键
generation 第几代

第二张表: 家族人员信息表

userid 主键
fid 对应家族树哪个层级id
username 姓名
sex 性别
spouseId 配偶的信息表userid

0
wangyijie521
Run_the_ant 回复qq_36528527: 额~ 看来我还是理解错了, 我以为你问树结构存储实现, 小程序这块我还是不太懂, 等待有缘人继续为你解答吧!
10 个月之前 回复
qq_36528527
qq_36528527 回复wangyijie521: 请问下技术上怎么实现,在微信小程序api的基础上如何实现呢,需要用到哪块技术?
10 个月之前 回复
wangyijie521
Run_the_ant 回复qq_36528527: 答案已经修改
10 个月之前 回复
qq_36528527
qq_36528527 是的,类似图片中那样的效果。
10 个月之前 回复

是的,类似图片中那样的效果。

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信小程序-多层饼图/包含关系饼图/自定义饼图关系模式
效果图如下 WXML <view class='chart_wrapper'> <view class='chart_wrapper'> <view class='chart_mark'> <view class='mark_item'> <view class='mark mark_color1'>...
微信小程序 - 曲线图
微信小程序 - 曲线图 最近要做微信小程序,项目中需要曲线图显示数据,所以在网上看了一下找了很久都没有找到一个,不知道是我查找的姿势不对,还是什么的。所以就自己做了一个曲线图,现在分享给大家。 不啰嗦,直接上代码: wxml代码: <canvas canvas-id='curve-img' style='width:{{canvasWidth}}px;height:{{canvasHeig...
微信小程序--echarts实现双y轴
const App = getApp(); import * as echarts from '../../ec-canvas/echarts'; //引入echarts.js var barec = null Page({ onShareAppMessage: function (res) { return { title: 'ECharts 可以在微信小程序中使用啦!...
微信小程序的手势密码
wx-gesture-lock 微信小程序的手势密码,如何实现手势密码
微信小程序-树形菜单替代方案
起因 最近项目(微信小程序项目)有一个需求,有一些多级结构的数据,需要一个树形的菜单来显示内容,类似如下: : 然而,在实现的时候却意外的遇到了困难。。 实现树形菜单遇到的困难 其实应该说是实现无限层级树形菜单遇到的困难。 微信小程序无法动态新增子节点,然而我们的数据并不确定有多少层级(这里顺带一提,如果层级确定且级数不多的话,实现树形菜单还是比较容易的,可以使用多级嵌套wx:fo...
微信小程序demo
微信小程序demo,入门容易上手的微信小程序demo,分分钟教会你如何搞定微信小程序!
微信小程序-人脸识别(2)实现人脸识别功能
上一篇的博客已经将图片存入到百度云与自己的服务器阿里云上面了,接下来就是在写一个页面,是刷脸页面,通过这个页面你将自己的脸拍照,传入到自己的服务器上,去与存入百度云上面的照片进行对比。下面是代码。前台代码:<camera device-position="front" flash="off" binderror="error" style="width: 100%; height: 300p...
微信小程序中如何实现页面的跳转
微信小程序中如何实现页面的跳转
微信小程序实现微信支付功能
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文: 详解: wx.requestPayment(OBJECT) 发起微信支付。 Object参数说明: 参数 类型 必填 说明 timeStamp String 是 时间戳从1970年1月1日00:00:00至今的秒数,即当前的时间 nonc...
微信小程序--wx-charts图表插件使用教程
下载地址 https://github.com/xiaolin3303/wx-charts 解压后,把dist里面的wxcharts.js或者wxcharts-min.js放在小程序的文件夹里,在当前页面引用文件。 ** 图表类型 ** 饼图 pie 圆环图 ring 线图 line 柱状图 column 区域图 area 雷达图 radar ** 参数说明
微信小程序搜索功能实现
-
微信小程序购物车功能实现
wxml文件<!--pages/cart/cart.wxml--><block wx:if="{{hasList}}"><view class="cart-box" > <!-- wx:for 渲染购物车列表 --> <view wx:for="{{carts}}" wx:key="key"
微信小程序实现简单定位功能
微信小程序实现简单定位功能,简单易读,获取经纬度信息 在pages下创建一个单页如local local.js如下 var app = getApp() Page({ data:{ latitude:'', longitude:'' },   getLocation:function(e) { console.log(e) v
如何实现微信小程序之间跳转
要实现从一个小程序里跳转至另一个小程序粗略可分为三步: 首先需要获取要跳转的小程序APP id。 将要跳转的APP id作为配置项添加到当前小程序的app.json文件中,参数为navigateToMiniProgramAppIdList,值为数组格式,待跳转的小程序APP id作为数组项,可支持多个,如:"navigateToMiniProgramAppIdList": ["wx000000...
如何在微信小程序里实现聊天室功能?
准备工作 下载环信 小程序demo+sdkgit clone https://github.com/easemob/webim-weixin-xcx创建一个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件,文件目录说明 集成 登录环信没什么可说的,这里选择的是使用 username/password 登录,和demo中的一样,文件没有进行任何更改 在a...
微信小程序之事件绑定冒泡
事件绑定格式: bind+evnetType catch+eventType 假如存在三个view盒子,分别为outer(bindtap=""),middle(catchtap),inner(bindtap); 1:当点击inner盒子的时候,inner,middle盒子绑定的函数会依次执行, 而outer盒子绑定的函数将不会执行,因为在middle盒子上绑定的事件类型是以catch开头...
微信公众平台消息接口开发(20)图片识别之人脸识别
微信公众平台开发模式 微信 公众平台 图片识别 人脸识别 作者:方倍工作室[QQ:1354386063]原文:http://www.cnblogs.com/txw1958/archive/2013/02/05/weixin-if20-face-recognition.html    本系统教程以微信公众平台应用天气神(账号WeatherGod,支持国内近2500个城市天气的名称、拼音、区号
微信小程序 下拉菜单实现
效果: .wxml <view catchtap="select_item" data-item="1" class="item">{{area}} <image class="right_img" src="{{area_img}}"></image> </view> <
微信小程序开发实现搜索功能
不管开发什么小程序,对于搜索都是会有一些需要的。本文将介绍微信小程序开发中搜索功能的实现步骤。
微信小程序之登录模块的实现
 最近在弄小程序登录模块,看了微信官方文档,还找了挺多博客,也不知道那个登录态怎么弄。话说这个session,真的不是很懂。由于openid几乎是不变的(同一个appID下),于是就采用openid来请求数据,然后自己自己研究了一套登陆逻辑,不采用session请求,每次传输请求带一个openid过去操作吧,这样就简单多了。 下图是我的画的登录逻辑流程(有点丑,大家将就看吧): 登录流程:...
微信小程序+java后台实现登录(java操作)
登录,在微信小程序上面称为当一个用户使用该小程序,进入到小程序中,我们拿到该用户的信息,进行一系列的操作,并记录下来。 微信小程序与java接口实现登录操作,大致思路如下: 1.微信小程序端通过调用对应的api,将对应的变量传入后台(code、iv、encryptedData)。 2. 后台首先使用code,按照微信服务器端的传参规定,拿到对应的值,sessionKey 以及 openid 。 3...
TreeCRTL 树状控件的小程序
vc TreeCRTL 树状控件各种操作的小程序
微信小程序实现跳转的几种方式总结
今天把实现微信页面的跳转的几种方法总结分享下 1.使用导航组件,标签,页面链接来实现(可以发现点击时有背景)<!-- sample.wxml --> <view class="btn-area"> <navigator url="../my/my">跳转到新页面</navigator> </view>参数如下 2.给页面布局加监听bindtap事件,然后在方法里面,通过wx.navigator
微信小程序开发——下拉刷新的实现
微信小程序下拉触发onPullDownRefresh函数调用,但是问题在这里面的实现并没有生效。原因:微信小程序默认不支持下拉也就是说想要支持下拉刷新的功能,还必须得要在app.json和xx.json中的window里配置,看下图: 本以为上面这样就行了!测试预览发现:下拉后,动态图片一直在loadin状态,也就是说第二次刷新不出来。这个问题是需要在下拉触发的onPullDownRefresh函
微信小程序人脸识别方案
现在关于人脸识别的SDK其实有很多,诸如face++、百度大脑之类的,他们都能为开发者免费提供人脸识别的接口。阿里也和face++合作,实现了支付宝的刷脸支付。 但是很遗憾,网上关于识别一段视频中的用户行为(诸如摇摇头,眨眨眼,微笑)的资料很少,可能是技术没有公开,所以只能自己去想解决方法了。本人最近在做一个关于微信小程序的毕业设计,所以...
微信小程序实现即时通讯聊天功能实现websocket长连接
直接上代码了 app.js中声明一个全局对象 globalData: { localSocket: {}, callback: function () {}, exceptionClose: true }, // 初始化socket initSocket() { let that = this; that.globalData.excepti...
微信小程序实现自动定位
使用了腾讯地图提供的免费api: http://lbs.qq.com/qqmap_wx_jssdk/index.html需要引入一个js文件: http://3gimg.qq.com/lightmap/xcx/jssdk/qqmap-wx-jssdk1.0.zipjs代码:// 引入SDK核心类 var QQMapWX = require('../../libs/qqmap-wx-jssdk.j
微信小程序之实现分类显示数据
小程序二级目录实现,实现二级子菜单,链接服务器数据显示 现实代码 index.js var app = getApp() var util = require(&quot;…/…/utils/util.js&quot;); Page({ /** 页面的初始数据 */ data: { curNav: 1, curIndex: 0, //右边的view itemPage: [], //左边的导航view item: [...
微信小程序 下拉刷新/上拉加载更多 (上拉加载更多怎么实现)
参考:微信小程序开发文档-&amp;amp;amp;gt;框架&amp;amp;amp;gt;逻辑层-&amp;amp;amp;gt;注册页面 实现原理: 1、下拉刷新:由于小程序数据是实时渲染的。我们把data{}内的数据清空重新加载即可实现下拉刷新。 2、上拉加载更多(页面上拉触底事件):新获取的数据追加到data{}内的原数据即可。由于小程序数据是实时渲染,小程序在保持原数据显示不变的基础上,自动追加渲染显示新数据。 注意(小程序官方有说明):上拉加载更...
初学者微信小程序---实现图片轮播效果
一、首先登录微信小程序开发文档了解大概详情 二、然后点击https://mp.weixin.qq.com/wxopen/waregister?action=step1申请一个账号并登录 三、点击“设置”--“开发设置”,找到小程序的AppID 四、在微信公众平台,安装小程序开发工具 五、打开工具,新建一个目录和文件,如图所示 五、图片轮播效果,代码如下 在.wxs...
微信小程序——时间轴的实现
最近项目需要在页面上做一个时间轴,又是第一次做,而且还是在小程序上,要知道小程序里面没有ol/ul/li,看了好几个例子,最后做出来了,开心呀!如图: 做起来其实很简单:一个时间轴包括一个圆圈(css实现圆圈或者找一个圆圈图片)+一条线(css实现直线或者找一个直线的图片)+内容 来看我的代码(代码很不规范,请忽略): wxml &amp;lt;view class='weui-cell-t...
微信小程序音乐功能实现
-
微信小程序实现音乐的播放跟控制
微信小程序利用接口,实现手机音乐播放器的源码与实例。
微信小程序实现双向数据绑定
demo地址 https://github.com/aa1312296679/wx-bi-directionalDataBindin
微信小程序实现分享功能
-
微信小程序-view实现单选、多选
一、在微信小程序里面不使用radio怎么实现view的单选 &lt;view class="sign-setting-border {{idx==item.Item_id?'selected':''}}" wx:for="{{applyList}}" wx:key="" bindtap='selectApply' data-id="{{item.Item_id}}"&gt;{{item....
微信小程序支付代码说明
如何从微信公众平台和微信支付平台获取所需要的资料;如何编写前端微信小程序支付,如何编写后台微信小程序支付所需要的代码(asp)。
微信小程序购物车实现
微信小程序购物车实现,由于时间赶,先说说购物车构成: 购物车构成有: 商品名称、商品内容、商品价格、商品增减数量按钮、商品件数、商品总价、 商品单选、商品全选。   步骤: 1、搭建购物车列表布局   思路: 1、商品单选按钮点击触发,.js方法里可通过点击获取到的下标, 进行判断当前点击的是哪个item,选中的为true,未选中的则为false。   2、....迟点再贴...
微信小程序前后端交互流程
(近期有时间,也饿,接点小型微信小程序私活填肚子) 建议封装自己的HTTP请求,使用方便并且多少可以减少代码量: function HttpRequst(loading, url, sessionChoose, sessionId, params, method, ask, callBack) { if (loading == true) { wx.showToast({ ...
微信小程序利用picker实现时间选择器
这是一个利用微信小程序实现时间选择器的例子 希望大家可以喜欢 // pages/map/driverServer/driverServer.js const handler = require(&quot;../../../utils/function.js&quot;); Page({   /** * 页面的初始数据 */ data: { controls: [{ id: 1, icon...