线下活动搭子社交同城交友圈子平台搭建,前端uni+php(小程序+H5+APP)
圈子论坛社区小程序行业圈子小程序 微信社区小程序圈子论坛社区小程序
最近看到群里或者朋友圈都会一些寻找同行伙伴的信息,比如骑行寻找骑行搭子,玩游戏寻找游戏搭子,但是都是基于群聊或者朋友圈等方式,因为人数的相对有限,促成活动的几率就很小。如果有一款寻找搭子的系统平台呢,这样的一个平台,可以发布信息找到对应的搭子,就会很有需求。
},
// 跳转
tn(e) {
uni.navigateTo({
url: e,
});
},
// 震动跳转
navCreate(e) {
wx.vibrateLong();
uni.navigateTo({
url: '/circlePages/create'
})
},
// 震动跳转
navBuild(e) {
wx.vibrateLong();
uni.navigateTo({
url: '/circlePages/build'
})
},
// 处理内容,给内容添加对应的标识信息
initContentData() {
this.content.forEach((item, index) => {
// 是否需要隐藏内容
item.hideContent = false
// 显示所有内容
item.showAllContent = false
// 内容容器的实际高度
item.contentContainerHeight = 0
// 内容容器是否初始化完成
item.contentContainerInit = false
this.$set(this.content, index, item)
})
},
// 获取内容容器的信息
getContentRectInfo() {
let contentRect = {}
const query = uni.createSelectorQuery().in(this)
// 筛选出存在内容的数据
this.content.forEach((item, index) => {
if (item?.content) {
query.select(`#blogger__content--${index}`).boundingClientRect()
contentRect[index] = item
}
})
// 获取所有内容的宽高信息
query.exec(res => {
if (!res) {
setTimeout(() => {
this.getContentRectInfo()
}, 10)
return
}
// console.log(res);
res.map((item) => {
// console.log(item.height, this.contentHideShowHeight);
// 获取对应的标号
const id = item.id
const idIndex = /blogger__content--(\d)/.exec(id)[1]
let contentItem = this.content[idIndex]
contentItem.hideContent = item.height > this.contentHideShowHeight
contentItem.showAllContent = false
contentItem.contentContainerHeight = item.height
contentItem.contentContainerInit = true
this.$set(this.content, idIndex, contentItem)
// console.log(/blogger__content--(\d)/.exec(id)[1]);
})
})
},
// 切换内容的显示与隐藏
switchContentShowStatus(index) {
const contentItem = this.content[index]
contentItem.showAllContent = !contentItem.showAllContent
this.$set(this.content, index, contentItem)
},
// 关闭压屏窗
closeLandscape() {
this.tanchuangshow = false
this.show_fabu = false
},
hpicto(index) {
if (this.swiperList[index].url && this.swiperList[index].leixing == 0) {
this.tn('/circlePages/details?id=' + this.swiperList[index].url + '')
}
if (this.swiperList[index].url && this.swiperList[index].leixing == 1) {
this.tn('/circlePages/group?id=' + this.swiperList[index].url + '')
}
if (this.swiperList[index].url && this.swiperList[index].leixing == 2) {
this.navigateToFn({
url: '/minePages/chat/room_text?id=' + this.swiperList[index].url,
checkLogin: true
})
}
if (this.swiperList[index].url && this.swiperList[index].leixing == 4) {
this.tn('/shopPages/product?id=' + this.swiperList[index].url + '')
}
if (this.swiperList[index].url && this.swiperList[index].leixing == 5) {
this.tn('/circlePages/team/show?id=' + this.swiperList[index].url + '')
}
},
tanchuang() {
if (this.tanchuanglist.url && this.tanchuanglist.leixing == 0) {
this.tn('/circlePages/details?id=' + this.tanchuanglist.url + '')
}
if (this.tanchuanglist.url && this.tanchuanglist.leixing == 1) {
this.tn('/circlePages/group?id=' + this.tanchuanglist.url + '')
}
if (this.tanchuanglist.url && this.tanchuanglist.leixing == 2) {
this.navigateToFn({
url: '/minePages/chat/room_text?id=' + this.tanchuanglist.url,
checkLogin: true
})
}
if (this.tanchuanglist.url && this.tanchuanglist.leixing == 4) {
this.tn('/shopPages/product?id=' + this.tanchuanglist.url + '')
}
if (this.tanchuanglist.url && this.tanchuanglist.leixing == 5) {
this.tn('/circlePages/team/show?id=' + this.tanchuanglist.url + '')
}
},
refreshFn() {
},
jinruroom(id) {
// #ifdef APP-PLUS
this.navigateToFn({
url: '/minePages/chat/room_text?id=' + id,
checkLogin: true
})
// #endif
// #ifndef APP-PLUS
this.navigateToFn({
url: '/minePages/chat/room_text?id=' + id,
checkLogin: true
})
// #endif
},
geturl(item) {
if (item.appId) {
// #ifdef MP
uni.navigateToMiniProgram({
appId: item.appId,
path: item.page_url,
success(res) {
// 打开成功
}
})
// #endif
// #ifndef MP
this.msg('小程序内使用')
// #endif
} else {
this.navigateToFn({
url: item.page_url,
checkLogin: true
})
}
},
1.获取免费(只要基础的圈子和图文贴)开源社交搭子圈子代码
2.准备服务器并配置及环境:安装环境Nginx或者Apache 请选择PHP7.3 数据库mysql5.6
3.上传后端源码到宝塔并解压,建立网站时同步创建数据库,开启thinkphp伪静态,申请SSL域名证书,绑定网站目录为/pulic
4.在根目录里有个.evn文件,在输入数据库连接和授权码(最后一行auth_code那里填写/仅限商业版授权,开源不需要)
5.导入源码包内的数据库文件,访问后台(域名/admin 默认密码123456/开源版为6192652)
务必进入后台基本设置,完善基础资料,
否则会影响到前端使用!!!