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

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

通过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.csdn.net/qq_37968920/article/details/81512167

微信小程序实现简单发布信息相关推荐

【微信小程序系列】微信小程序超简单教程，基本语法，获取用户基本数据信息，实现对云数据库的增删改查及小程序外部api的引用示例（附源码）
[微信小程序系列]微信小程序超简单教程小程序项目结构静态页面的构成 HTML:结构 css:样式 js:行为小程序页面全部存放在pages, 而且pages目录只能存放页面页面包括4个文件, ...
基于腾讯云开发微信小程序（新闻发布及共享平台）上
基于腾讯云开发微信小程序(新闻发布及共享平台)上文章目录传统的微信小程序开发一.云开发是什么? 二.使用步骤 1.创建云环境 2.云数据库的创建 3.云储存 4.云函数总结传统的小程序开发 ...
微信小程序实现简单定位功能
微信小程序实现简单定位功能,简单易读,获取经纬度信息在pages下创建一个单页如local local.js如下 var app = getApp() Page({ data:{latitude:' ...
微信小程序设置简单的监听器（转载）
微信小程序设置简单的监听器创建一个watch.js文件 /*** 设置监听器 watch.js*/ export function setWatcher(page) {let data = page ...
微信小程序制作——获取用户信息
微信小程序制作--获取用户信息 1.获取用户信息方式一 wxml <view bindtap="getUserName">获取当前用户名</view> j ...
微信小程序最简单的轮播图
小程序轮播图今天给大家分享一个在微信开发者工具开发微信小程序的简单案例--轮播图(只用wxml和wxss) 话不多说,直接上代码!!! 效果图 WXML代码基本属性介绍 <!-- indic ...
微信小程序：简单舒服新UI装逼制作神器
这是一款装逼神器小程序源码内包含了N种模板制作,另外并有大分类另外小编还给添加了几个流量主广告,包含了每一个页面都覆盖了而且流量主还不是单一种: Banner 激励视频视频广告多格子广告横 ...
微信小程序canvas简单使用
微信小程序canvas简单使用 index.wxml文件 index.js文件效果图 index.wxml文件 <canvas type="2d" id="can ...
微信小程序制作简单的商品列表页，实现价格求和
微信小程序制作简单的商品列表页,实现价格求和准备工作 1.node.js 2.微信开发者工具目录结构客户端代码实现 index.wxml <view class="contain ...

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

微信小程序实现简单发布信息相关推荐

最新文章

热门文章

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

微信小程序 实现简单发布信息相关推荐

最新文章

热门文章

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

微信小程序实现简单发布信息相关推荐