目录

1、技术介绍

2、数据库表设计

3、总er图设计

4、功能介绍

4.1、 小程序导航页面展示(学生角色)

4.2、小程序导航页面展示(企业角色)

 5、管理员端功能

5.1、登录入口界面

 5.2、主界面

6、项目的完整功能操作录屏 


1、技术介绍

1、管理员后台技术:

Web前端使用vue框架进行开发

后端使用java springboot框架进行开发

数据库使用的是myql

2、小程序用户端的技术:

微信开发者语言:js+json+wxss+wxml

3、项目整体采用的是mvc的思想模式进行开发。代码可读性高,便于理解。

2、数据库表设计

岗位表设计如下:

用户表设计如下:

面试表设计如下:

咨询表设计如下:

3、总er图设计

4、功能介绍

校园求职招聘小程序系统分为三个角色:小程序用户学生、小程序用户企业、管理员,系统的总体功能架构图如下所示:

4.1、 小程序导航页面展示学生角色

首页:有滚动的店铺banner图片展示、可以进行岗位搜索、公告查看、就业资讯、热门岗位排行榜查看等操作。

岗位搜索:用户点击岗位搜索可以查看所有正在招聘的岗位信息,也可在上方搜索栏输入岗位名称进行精确查找。点击想要了解的岗位可查看该岗位的规模、薪资、要求等详细信息,以及进行收藏、投递简历操作。

讨论圈:学生用户可在就业咨询模块发布一些职位相关问题或对某个岗位的建议,企业用户对其解答之后学生用户会在消息通知收到回复。也可在交流论坛发布一些文章与其他同学交流求职心得,其他用户可进行评论操作

 

岗位投递小程序端wxml代码如下:

<!--pages/index/index.wxml-->

<view>

<slideTab bind:changeCurrent="swichNav" currentTab="{{currentTab}}" ttype="{{navigate_type}}" tname="firstType">

<!-- 头部分类导航 -->

<scroll-view scroll-x="true" class="scroll-view-x">

<view  class="scroll-view-item" wx:for="{{cate_list}}" wx:key="*this">

<view class="{{currentTab==(index) ? 'on' : ''}}" bindtap="_swichNav" data-current="{{index}}" data-id="{{item.id}}">{{ !tname ? item.name : item[tname].name }}</view>

</view>

</scroll-view>

<!-- 搜索框 -->

<view class="search_input">

<view class="search_input_left">

<image src='../../images/search.png'></image>

<input bindblur="getKey" placeholder="输入测试题" auto-focus/>

</view>

<view class="search_input_right" bindtap="searchAction"> 搜索 </view>

</view>

<!-- 搜索框结束 -->

<!-- 测试题目 -->

<view class="pdct-list">

<navigator wx:for="{{goodsList}}" url="/pages/detail/index?id={{item.id}}" class="pdct-item">

<view class="pdct-mid">

<text>{{item.name}}</text>

<text style="overflow: hidden;">{{item.descont}}</text>

<view class="margin-top">

<view class="cu-tag bg-red light sm round">{{item.experience}}</view>

<view class="cu-tag bg-green light sm round">{{item.education}}</view>

</view>

</view>

<view class="pdct-right" wx:if="{{userInfo.type=='学生'}}">

<view class="pdct-right-top"></view>

<text></text>

<text></text>

<text data-id="{{item.id}}">去投递</text>

</view>

</navigator>

</view>

</slideTab>

<view class="tabbar-border"></view>

</view>

Js代码如下:

addtoudi: function(e){

    wx.request({

      url: app.data.api.resumeAdd,

      data: {

        memberId:wx.getStorageSync('userInfo')['id'],

        articleId:parseInt(this.data.id)

      },

      method: 'post',

      success: (res) => {

        if(res.data.code == 0){

          wx.showToast({

            title: '投递成功',

          })

        }else{

          wx.showToast({

            title: res.data.msg,

          })

        }

      }

    })

  },

后台控制器接口代码如下:

List<CollectEntity> collectEntities =  collectService.list(new QueryWrapper<CollectEntity>().eq("member_id",collectEntity.getMemberId()).ne("content",""));
for (CollectEntity collectEntity1 : collectEntities){collectEntity1.setArticleEntity(articleService.getById(collectEntity1.getArticleId()));

collectEntity1.setMemberEntity(memberService.getById(collectEntity1.getMemberId()));

collectEntity1.setSysConfigEntity(sysConfigService.getById(collectEntity1.getChapterId()));   collectEntity1.setTeacherEntity(memberService.getById(collectEntity1.getCompanyId()));
}
return R.ok().put("data",collectEntities);

4.2、小程序导航页面展示企业角色

功能描述:企业用户通过微信授权登陆后进入小程序首页,可在此平台进行发布岗位、查看简历、面试邀请、云宣讲等操作。用户点击发布岗位后填入岗位信息即可成功发布岗位,发布成功的岗位将显示在小程序首页以及岗位搜索页面供学生查看。

面试邀请:学生用户向该企业投递简历后,企业用户点击查看简历即可看到学生的简历信息,点击面试邀请即可向用户发送面试通知

 

 5、管理员端功能

管理员登陆后台后可修改个人信息或对用户、岗位、简历等信息进行管理。可通过上方搜索框输入用户昵称进行精确查找。在用户管理栏可查看、添加、修改、删除用户信息,也可修改用户的身份,用户身份分为企业用户和学生用户两类,

5.1、登录入口界面

 5.2、主界面

 

6、项目的完整功能操作录屏 

以上是对项目的简单的功能介绍,感兴趣的童鞋可以看以下详细的功能演示地址:

功能演示地址icon-default.png?t=N4P3https://www.bilibili.com/video/BV1uW4y1Q7s9/?vd_source=1b00b299dfb4cd201f2c5966bf0978ac

以上就是对项目的整体介绍,感兴趣的伙伴可以私信我。谢谢

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐