ssm的网上招聘微信小程序的设计与开发【字数:14483】
本系统后台开发是用SSM框架进行设计,由于SSM的底层原理是三层架构设计,所以在后台接口设计是分层次进行设计,分为Controller、Mapper、Pojo以及Service目录。Controller层主要存放前后台交互的接口,其次Service编写controller存放controller编写的接口,service层下的impl目录则是存放service实现接口的方法,mapper主要存放mybatis所用到的sql语句,从而实现系统的设计,具体后台设计框架如图34所示。
/
图34 设计框架页面
SSM框架配置包括mybatis与spring两方面的配置。其中mybatis配置主要是配置别名,使得mybatis里的sql语句返回值能够与定义的pojo类相对应。Spring配置主要包括dao层、service层以及springmvc的配置。Dao层配置主要包括数据库连接池的配置与会化工厂的配置,本系统是用的阿里云数据库连接池,Service主要包括事物以及切面的配置,SpringMvc主 *51今日免费论文网|www.jxszl.com +Q: ^351916072*
要包括自动扫描Controller的配置、视图解析器以及拦截器等配置。本系统框架设计主要如图35所示。
/
图35 底层框架页面
3.5 系统接口设计
本招聘后台系统的接口设计使用了基于三层架构的SSM框架的接口进行数据交互。开发者在微信小程序开发者中调用API接口request方法,后台根据前台的url及接口名称选择相应的接口进行调用。本系统主要涉及到的接口类型包括:用户相关接口、职位相关接口、简历相关接口、薪资相关接口。
用户相关接口,包括用户登录注册接口、获取用户信息接口。
简历相关接口,包括查看相关简历接口,增加个人简历接口、投递简历接口、收藏简历接口,查看位置接口等。
职位相关接口,包括查看相关职位接口,增加企业只为接口、收藏职位接口等。
薪资相关接口,包括薪资揭秘接口。
3.6 系统页面设计
因为本系统是基于微信开发平台的招聘系统小程序,而小程序有一个要求,就是所有的页面深度不能超过五层。所以在一开始的页面设计时,就应该考虑好规定功能放在规定模块中,合理分配页面是比较重要的。
一级页面,用户版小程序的一级页面包括用户、职位、薪资查询,这三个以tab的形式在页面上显示并可以对其进行选择。对于用户页面,选择这个tab后,会出现用户下的各个功能模块的选择。当tab选到职位列表时,会显示所有企业所发布的职位列表,可以点击显示详情。
企业版小程序的一级页面是企业、人才库以及首页最新人才显示列表。当tab点击企业时会出现企业应有功能模块,人才库显示所有人才列表。
二级页面
点击一级页面所涉及的用户模块功能,进入简历模块、收藏列表、求职进展模块、意见反馈以及帮助模块。
点击职位模块的二级页面是职位详情,点击搜索功能会跳转到搜索职位模块,上方显示条件等,下方显示符合条件的职位列表。
点击企业版小程序一级页面涉及的企业模块功能,进入职位发布、职位管理、简历管理模块。
点击人才库的二级页面是用户个人简历以及搜索功能模块。
三级页面
点击职位中的企业会进入到企业所有信息,个人简历中的增加工作经验、期望工作,教育经历会进到增加各自信息模块。
系统模块实现
4.1 前台页面实现
4.1.1 系统小程序主页实现
本套系统主要分为用户版招聘小程序,企业版小程序两个。其中用户版小程序系统的主页有三部分组成,即职位,我的,薪资查询。其中职位部分为本系统最主要的部门,提供了搜索符合条件职位、查看公司信息、收藏职位、投递简历、查看地址等功能。用户通过搜索聘贤小程序即可进入到微信小程序,进入后显示的页面如下图4.1、4.2所示。
/
图41 求职端系统主页
/
图42 企业端系统主页
在微信小程序开发工具里的app.json中,配置小程序主要是由哪些页面构成,以及配置小程序的窗口背景色、导航栏等属性。接下来,将详细阐述系统主页面的相关配置。
(1)pages配置项
Pages配置项接收数组参数,用来指定本套招聘系统微信小程序主要都是由哪些页面所构成的,pages项是小程序启动的最关键的配置,数组里的内容为每一个页面的url所组成的。数组中的第一个参数默认为打开小程序的首页地址,及小程序的启动页面。在实际开发小程序的过程中,如若删除或者增加一个页面,都需要在app.json的pages数组中进行增加或删改,同时如果进行删除页面操作时还必须删除url所对应的pages下的文件夹,以防止文件路径名不存在系统报错。Pages中不需要指定文件的后缀名,只需填写.wxml、.wxss、.json以及.js所对应的文件夹名称即可,小程序如找相应的页面或js方法时会默认处理这一操作。本系统的pages配置如下:
个人版招聘小程序pages如图43所示。
/
图43 page代码
(2)app.js配置
app.js中主要包括如下几个方法:
原文链接:http://www.jxszl.com/jsj/jsjkxyjs/82832.html
最新推荐
热门阅读