返回
怎么开小程序商城店铺
  • 店铺开通

    销客多小程序商城，可快速开通上架店铺

  • 拉新推广

    链接12亿微信流量，拉新工具沉淀意向客户

  • 复购裂变

    拼团、分销等提升转化，不断裂变新用户购买

  • 对接门店

    线上导流、促活门店，实现线上下同步发展

制作小程序
HiShop > Hi小程序 > 小程序开发 >

求职招聘类小程序demo源码

2020-09-27 作者：黄珊

小程序比起APP不占内存，无需下载的优势使许多企业十分喜欢，小程序打开简单，浏览顺畅，十分适合求职招聘类行业使用。
 
这是一款相对比较全的求职招聘类小程序demo。
主要页面如下：
"pages/index/index", =>入口页面
"pages/home/home",=>tab home页面
"pages/deliver/deliver",=>tab 投递页面
"pages/massage/massage", =>tab 消息页面
"pages/mycenter/mycenter", =>tab 我的
"pages/opinion/opinion", =>意见反馈

求职招聘类小程序demo源码

"pages/logs/logs", =>会员绑定页面
"pages/position/position", =>职位详情页
"pages/search/search", =>搜索页面
"pages/workplace/workplace", =>工作地点 一级页面
"pages/worktype/worktype", =>职位类别 一级页面
"pages/workplaceTwo/workplaceTwo",=>工作地点 二级页面
"pages/worktypeTwo/worktypeTwo",=>职位类别 二级页面
"pages/searchend/searchend", =>搜索结果页
"pages/aboutous/aboutous", =>关于我们
"pages/newperson/newperson", =>新手指引
"pages/seeting/seeting", =>设置
"pages/myresume/myresume", =>我的简历
"pages/collect/collect", =>职位收藏
"pages/jobstatus/jobstatus", =>求职状态
"pages/howPublic/howPublic", =>公开程度
"pages/objecTive/objecTive" =>添加/查看工作经验
"pages/basicInf/basicInf"  =>基本信息
"pages/commonSelect/commonSelect" =>公共选择页面
"pages/lookMe/lookMe"  =>谁看过我
"pages/jobDetail/jobDetail" =>职位详情
"pages/companyDetail/companyDetail" =>企业详情
"pages/systemMassage/systemMassage" =>系统消息
"pages/massageContant/massageContant" =>系统消息的内容
"pages/map/map" =>企业地图
"pages/experience/experience" =>工作经验
 
 
首页代码如下：
[AppleScript] 纯文本查看 复制代码
<!--home.wxml-->
 
<view class="nav">
 
    <view class="action">
 
        <view>
 
            <image src="../../image/action.png"></image>
 
        </view>
 
        <!--填上用户所在地,不允许修改-->
 
        <view class="diqu">
 
            {{action}}
 
        </view>
 
    </view>
 
    <view class="inputbox">
 
        <icon color="#fff" type="search" size="20"/>
 
        <input bindfocus="go_to_search"  placeholder-class="placeholder" placeholder="请输入职位名或者公司名" />
 
    </view>
 
    
 
</view>
 
<swiper indicator-dots="true" circular="true"  autoplay="true" interval="5000" duration="1000">
 
    <block wx:for="{{imgUrls}}">
 
        <swiper-item bindtap="goZhihiWeiList" data-c_userid="{{item.c_userid}}" data-job_id = "{{item.job_id}}" data-id="{{item.id}}">
 
            <!--<image src="{{item}}" class="slide-image" />-->
 
            <view class="slide-image" style="background-image:url( {{item.image}} )"></view>
 
        </swiper-item>
 
    </block>
 
</swiper>
 
<view class="remen-list">
 
    <!--<ul>
 
            <li>
 
                <view class="img">
 
                    <image mode="aspectFill" src="../../image/taobao.png"></image>
 
                </view>
 
                <text>热门职位</text>
 
            </li>
 
        </ul>-->
 
</view>
 
<!--职位推荐-->
 
<view class="tuijian">
 
    <view></view>
 
    <text>职位推荐</text>
 
    <view></view>
 
</view>
 
<view class="remenList">
 
    <block wx:for="{{remenList}}">
 
        <view bindtap="goZhihiWeiList" class="list" data-c_userid="{{item.c_userid}}" data-job_id="{{item.job_id}}">
 
            <!--<image class="hotImg" src="../../image/hot.png"></image>-->
 
            <view class="left">
 
                <view class="positionName">{{item.company_name}}</view>
 
                <view class="conpany">{{item.job_name}}</view>
 
                <view class="time">{{item.update_time}}</view>
 
            </view>
 
            <view class="right">
 
                <view class="money">{{item.salary}}</view>
 
                <view>{{item.work_place}}</view>
 
            </view>
 
        </view>
 
    </block>
 
  </view>
 
 
小程序效果图如下：

求职招聘类小程序demo源码

推荐文章

注册小程序
注册小程序