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

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

通过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'
        })
      }
    })
    
  },

好了，到了这里就结束了噢！

 

https://blog.youkuaiyun.com/qq_37968920/article/details/81512167