一般都是直接用微信提供的组件来进行布局的 在小程序中最好少用id,尽量用class 轮播图就是直接用swiper 直接在微信开发者文档里面->组件->swiper->示例代码 <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"&…

在这之前已经把编辑个人的所有信息的功能已经完成了 之后先对首页的列表搞动态的,之前都是写死的静态 1.之前都是把好友写死的,现在就在js里面定义一个数组,用循环来动态的绑定 在onReady中定义,取真实的数据给定义的列表数组list 通过调用  db.collection('users').get()  这里没有加其他的限制,得到的就是所有的数据了,拿到全部的数据之后就会触发then方法了 用then返回的res中有一个data的列表集合,有一个注意的点就是,这样子读取是吧数据库中的数据的全部…

---为了方便用户可以拨打电话和复制微信号(下面就要实现这样的两个功能) 注意:在小程序中是没办法直接的添加用户的微信的,所以就只能是复制微信号 (这种东西的话可以直接去做,也可以做成组件,做出组件的好处就是可以在其他地方也可以用的) 下面也演示了如何创建一个组件 在components下面,新建一个callPhone目录,然后在这个目录下面新建一个callPhone的component文件 然后如果要在detail详情页面中使用的话,就可以点开detail.json配置文件 "usingCom…

1.首先要在 添加好友 这个按钮上添加一个事件,也就是在detail.wxml的添加好友这个按钮的哪里,添加一个点击事件 handleAddFriend 并且添加好友还要考虑,现在是已登陆状态还是未登陆状态的,只有是登陆状态的时候,才可以发起添加好友的请求的 所以就要先判断一下它是否已经登陆了 因为只要是登陆之后,就会把用户的id写入到全局的userinfo下面的 handleAddFriend(){ if( app.userInfo._id){ } else{ wx.showToast({ t…

回顾:在下面的tabbar中,我们已经实现了首页 消息 我的,就剩下”附近“页面了 ”附近“的页面主要是用地图来进行展示的(可以显示我的位置,也可以显示周围附近的人的位置) (在地图里面点击它的头像的话,就可以看到详情页了,然后也可以知道它的位置) 1.首先要利用 地图 组件-这个是小程序给我们提供的一个组件: https://developers.weixin.qq.com/miniprogram/dev/component/map.html 地图中的scale就是级别的意思,这个级别越大,在…

回顾/:我们已经实现了显示附近的人的功能了,可以多个人看到附近的人页面了 但是还是要进行优化有几个问题:1.我们用户选择了其他的自定义头像之后,在首页可以看到头像的变化,但是在附近的人中头像会变成报错的样式:如: 也就是500了,也就是找不到这个图片了,解决方法:看开发文档->云开发 https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/storage/api.html 其中有一个 “换取临时链接”的功能(通过这个方法可以临…

要搞一个小型的cms内容发布系统 因为小程序上线之后,直接对数据库进行操作的话,慧出问题的,所以一般都会做一个管理系统,让工作人员通过这个管理系统来对这个数据库进行增删改查 微信小程序其实给我们提供了这样的能力了 (也就是可以在自己已有的服务器来进行云操作,所以就可以通过这个CMS内容管理系统来对云数据库进行修改) 我们就要建立自己的web服务器-->搭建一个简易的服务器 https://koa.bootcss.com/ 这个是要node版本是7以上,可以在node官网去搭建,我这边之前按照过了…

回顾:之前我们进行了删除的功能,以及对message消息的增删,下面实现添加好友的功能 我们先在数据库中,在message这个字段的list里面,添加上测试号的id,就是模拟这个两个测试号要加我主号的效果“ 就可以达到这个效果了 下面我们正式开始实现 1.在removeList的wxml的昵称结构处添加一个点击事件handleAddFriend 2.在removeList.js中来实现这个点击事件即可的,并且它也是要提示(让用户选择确认的这种,所以就可以直接copy前面的删除按钮的代码 直接把h…

回顾:上一次已经把消息的布局以及样式做好了 效果图: 在removeList.js文件中,messageId就是发起这个消息的用户了 先查看一下自定义组件的生命周期 https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/lifetimes.html lifetimes: { attached: function() { // 在组件实例进入页面节点树时执行 }, detached: function…

转自:https://blog.csdn.net/eson_15/article/details/51373403 前面我们利用EasyUI和SSH搭建好了后台的基本框架,做好了后台的基本功能,包括对商品类别的管理和商品的管理等,这一节我们开始搭建前台页面. 做首页的思路:假设现在商品的业务逻辑都有了,首先我们需要创建一个监听器,在项目启动时将首页的数据查询出来放到application里,即在监听器里调用后台商品业务逻辑的方法. 1.  首页商品显示逻辑        在首页,我们只显示商品热…