失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信小程序 实现简单发布信息

微信小程序 实现简单发布信息

时间:2022-05-31 14:26:30

相关推荐

微信小程序    实现简单发布信息

进行本地缓存以及页面之间传递信息

通过wx.getStorage/wx.getStorageSync读取本地缓存。

通过wx.setStorage/wx.setStorageSync写数据到缓存

异步存:

//事件处理函数submitdate: function (event) {var orderInfo = event.detail.value;wx.setStorage({key: 'orderInfo',data: orderInfo,success: function (res) {wx.navigateTo({url: '../zhaopinxinxi/zhaopinxinxi'})}})},

异步取:

onLoad: function () {var that = this;wx.getStorage({key: 'orderInfo',success: function (res) {that.setData({orderInfo: res.data})}})},

发布招聘信息的页面布局你随便写!!!

主要的布局就是你展示的页面布局:我这里展示的是zhaopinxinxi.wxml

<!-- 发布的布局 --><view ><text>{{Test.a1}}</text></view><!-- <view class="kuan" > --><view class="container"><text class="left" bindtap='TozpgenduoPage' >{{orderInfo.ziwei}}</text><text class="right" bindtap='TozpgenduoPage'>{{orderInfo.xinzi}}</text></view><text class="text1-1" bindtap='TozpgenduoPage'>{{orderInfo.dizhi}} {{orderInfo.jingyan}} {{orderInfo.xueli}}</text><view><text>{{Test.a1}}</text></view><view class="text1-2"><text class="kuan1" bindtap='TozpgenduoPage'>{{orderInfo.gongshijieshao}}</text></view><view class="container1"><!-- <image src="http://47.106.180.40:8045/imgs/images/touxiang.jpg" class="img" bindtap='TozpgenduoPage'></image> --><text class="text1-3" bindtap='TozpgenduoPage'>{{orderInfo.fabuzhe}}</text><!-- <image class="img1" src="http://47.106.180.40:8045/imgs/images/icons/wx_app_view.png" bindtap='TozpgenduoPage'></image> --></view><!-- </view> -->

注意这里应该填写你的{{orderInfo.dizhi}} {{orderInfo.jingyan}} {{orderInfo.xueli}}

zhaopinxinxi.js

Page({data: {orderInfo: {}},onLoad: function () {var that = this;wx.getStorage({key: 'orderInfo',success: function (res) {that.setData({orderInfo: res.data})}})},

fabu.wxml 这里我只贴一些布局就好了,主要的是第一句和最后一句:还有每条数据 name="ziwei"

<form bindsubmit="submitdate"><text>\n</text><text class="text">填写招聘信息:</text><text>\n</text><form bindsubmit="totispage"><view class='page_row' > <view class="search"> <view class="df search_arr"><input class="df_1" placeholder="职位" value="{{searchValue}}" name="ziwei" bindinput='ziweiInput'></input> </view></view> </view><view class='page_row' > <view class="search"> <view class="df search_arr"> <input name="xinzi" bindinput='moneyInput' class="df_1" placeholder="薪资" value="{{searchValue}}"/></view></view> </view><view class='page_row' > <view class="search"> <view class="df search_arr"> <input name="xueli" bindinput='xueliInput' class="df_1" placeholder="学历要求" value="{{searchValue}}"/></view></view> </view></form><button class="address-add" form-type="submit">发布招聘信息</button> </form>

fabu.js 这里我加了变量以及事件处理:

var app = getApp()Page({data:{ziwei:'',xinzi:'',xueli:'',jingyan:'',fabuzhe:'',dianhua:'',youxian:'',dizhi:'',ziweijieshao:'',gongshijieshao:'',},//事件处理函数submitdate: function (event) {var orderInfo = event.detail.value;wx.setStorage({key: 'orderInfo',data: orderInfo,success: function (res) {wx.navigateTo({url: '../zhaopinxinxi/zhaopinxinxi'})}})},

好了,到了这里就结束了噢!

/qq_37968920/article/details/81512167

如果觉得《微信小程序 实现简单发布信息》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。