小程序之校园交流平台

一、概述

校园交流平台小程序，可以发帖子，评论等。

二、功能

2.1 发布帖子

2.1.1 输入内容，然后获得内容

   bindTextInput: function (e) {this.setData({publishContent: e.detail.value});},bindTitleInput: function (e){this.setData({publishTitle: e.detail.value})}

2.1.2 点击发送，发出 request 请求

 // 成功返回查看帖子页面submitData: function(){wx.request({url: 'https://wei2014.cn/addMessage',data:{title: this.data.publishTitle, // content: this.data.publishContent,name: "yunhu"},success: function (res) {console.log(res.data)console.log(res.data.result)if(res.data.result == 'success'){wx.showToast({title: "发送成功"})wx.navigateTo({url: '../main/main'})}else{wx.showToast({title: "发送失败"})}}})},

2.1.3 点击我要发帖

 <button class = "add" bindtap="publish" >我要发帖</button>

2.1.4 跳转页面

   publish: function () {wx.navigateTo({url: '../communityPublish/communityPublish'})console.log(this.data.content)},

2.1.5 显示帖子

   onShow: function () {//console.log("title:"+this.data.title)console.log("show")var that = this;wx.request({url: 'https://wei2014.cn/getMessageList',//url: 'https://yunhu123.cn/',data: { page: 1 },header: {},method: "GET",dataType: "json",success: function (res) {that.setData({content: res.data.messageList});console.log("从服务器获取数据成功")console.log(that.data.content)},fail: function (res) { console.log("从服务器获取数据失败")},complete: function (res) { },})},

2.2 帖子内容过长只显示三行

   text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3;  overflow: hidden;-webkit-box-orient: vertical;

2.2.1 点击部分内容显示完整的内容

获取点击的目标帖子的标题内容和名字，然后待参数传给allcontent页面。

   showallcontent: function(e){var nowtitle = e.currentTarget.dataset.titlevar nowname = e.currentTarget.dataset.namevar nowcontent = e.currentTarget.dataset.contentconsole.log(nowtitle)console.log(nowname)console.log(nowcontent)wx.navigateTo({url: '../allcontent/allcontent?title='+nowtitle+'&name='+nowname+'&content='+nowcontent})}

2.2.2 获取 main 页面传过来的数据

   onLoad: function (options) {var that = thisthat.setData({title: options.title,name: options.name,content: options.content})console.log(that.data.title)console.log(that.data.name)console.log(that.data.content)},

2.2.3 显示出来

 <view class = "csstitle">{{title}}</view><text>{{name}}\n\n</text><view class='csscontent'><text>{{content}}</text></view><view class = "csstitle">{{title}}</view><text>{{name}}\n\n</text><view class='csscontent'><text>{{content}}</text></view>

小程序之校园交流平台相关推荐

微信小程序_(校园视)开发视频的展示页_上
微信小程序_(校园视) 开发用户注册登陆传送门微信小程序_(校园视) 开发上传视频业务传送门微信小程序_(校园视) 开发视频的展示页-上传送门微信小程序_(校园视) 开发视频的展示页-下 ...
java计算机毕业设计基于微信小程序的校园外卖订餐系统APP
项目介绍网络技术的快速发展给各行各业带来了很大的突破,也给各行各业提供了一种新的管理模块和校园订餐模块,对于校园订餐小程序将是又一个传统管理到智能化信息管理的改革,对于传统的校园订餐管理,所包括的信 ...
（附源码）springboot基于微信小程序的校园外卖系统毕业设计091024
Springboot基于微信小程序的校园外卖系统摘要随着生活质量的日益改善以及生活节奏的日益加快,人们对餐饮需求的质量以及速度也随之发生着变化.为了满足社会需求,餐饮的高质量和快节奏也渐渐使电话订 ...
计算机毕业设计PHP基于微信小程序寸金校园租车平台（源码+程序+uni+lw+部署）
该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程.欢迎交流项目运行环境配置: phpStudy+ Vscode +Mysql5.7 + HBuilderX+Navicat11+Vue ...
java微信小程序的校园外卖点餐平台 uniapp
美食是人类永恒的话题,无论是在古代还是现代人们对美食都有一种非常的热爱在里面,但是随着时代的发展,人们可能没有更多的时间去研究美食,很多时候人们在下班或者放学之后更希望通过网络来进行订餐,为此我开发了 ...
基于微信小程序的校园信息共享平台毕业设计-附源码211615
校园信息共享平台摘要随着信息技术的发展,各大高校已经建立了各自的部门信息系统,但是由于这些应用系统开发时间迥异,开发平台不同,开发技术差异化的原因,各个系统间缺乏关联,使得信息不能有效共享,逐渐 ...
微信小程序之校园二手交易系统app毕业设计ssm
微信小程序之校园二手交易系统app毕业设计ssm
微信小程序 java校园二手物品交易系统uniapp
功能设计: (1)前端功能设计用户管理:用户可以通过微信号,手机号进行注册,设置密码. 商品管理:用户上架商品,买家通过商品的名称,价格,标签来查询浏览商品,商品被买家购入之后,商品下架. 交易管理 ...
计算机毕业设计springboot+vue基本微信小程序的校园二手闲置物品交易小程序 uniapp
在大学校园里,存在着很多的二手商品,但是由于信息资源的不流通以及传统二手商品信息交流方式的笨拙,导致了很多仍然具有一定价值或者具有非常价值的二手商品的囤积,乃至被当作废弃物处理.现在通过微信小程序的校 ...
java计算机毕业设计基于安卓Android/微信小程序的校园闲置二手交易平台APP
项目介绍网络技术的快速发展给各行各业带来了很大的突破,也给各行各业提供了一种新的管理模式,校园二手交易平台小程序将是又一个从传统管理到智能化信息管理的典型案例,对于传统的校园二手交易,所包括的信息内 ...

小程序之校园交流平台

一、概述

二、功能

2.1 发布帖子

2.1.1 输入内容，然后获得内容

2.1.2 点击发送，发出 request 请求

2.1.3 点击我要发帖

2.1.4 跳转页面

2.1.5 显示帖子

2.2 帖子内容过长只显示三行

2.2.1 点击部分内容显示完整的内容

2.2.2 获取 main 页面传过来的数据

2.2.3 显示出来

小程序之校园交流平台相关推荐

最新文章

热门文章