APP下载

“嘉兴青年人才驿站”公益信息平台的设计与实现

2021-03-11赵健方玉燕

电子技术与软件工程 2021年21期
关键词:嘉兴驿站页面

赵健 方玉燕

(嘉兴职业技术学院互联网学院 浙江省嘉兴市 314036)

2019年5月,浙江嘉兴发布《关于更高质量建设人才生态最优市的若干意见》中指出,嘉兴要牢固树立“人才强则创新强、人才兴则发展兴”的理念。在防疫复工两手抓两不误的大背景下,伴随着复工潮与就业招聘季的来临,各行业人才需求量不断增加。为服务青年人才引进、服务企业招聘、服务城市形象宣传,助力打赢“人才抢夺战”,嘉兴市各级人才管理部门共同实施“爱嘉兴·共未来”——嘉兴市青年人才驿站项目,旨在为外地来嘉就业创业的高校毕业生提供一站式临时住宿、就业创业指导、政策咨询、培训交流、社会融入等服务,打造来禾青年人才之家。通过解决来嘉就业创业的高校毕业生“住宿难、求职难、融入难”等问题,营造青年人才发展更优生态,提高青年人才对嘉兴的获得感、归属感,让更多青年人才认知嘉兴、读懂嘉兴、喜爱嘉兴、扎根嘉兴,具有重要的现实意义。

1 “嘉兴青年人才驿站”公益信息平台整体功能

为了方便外地来嘉人才直接在线上进行资格审核和申请入住,嘉兴青年人才驿站进行了配套的公益信息平台建设,分为移动端和管理端两大模块。来嘉就业创业高校毕业生可以通过平台的移动端申请免费入住人才驿站,也可以了解目前嘉兴最新的人才引进政策、相关的就业信息及嘉兴新闻信息等。管理部门可以通过信息平台管理入住信息,发布政策、新闻,掌握来嘉青年人才动态,收集相关数据进行统计分析,改进当前人才引进和管理的粗放模式,通过相关数据搜集、分析和应用,实现人才引进和服务的精准化,不断提高人才工作科学化水平。

2 开发环境与开发模式

根据嘉兴青年人才驿站的用户需求,结合微信小程序特点,本项目移动端采用微信小程序形式呈现,用户无须安装即可使用,运行稳定流畅。本项目前端以uni-app 框架为主体,进行后台数据的请求、数据的绑定以及前端界面的实现。uni-app 是一个基于Vue.js 开发所有前端应用的框架,采用MVVM 架构框架,由经典的软件架构MVC 衍生而来,模式中View 不再与Model 关联,通过ViewModel 的逻辑关联保证数据更容易管理和使用,直接通过数据双向绑定使得View 和ViewModel 数据保持一致,这样的架构能使数据和界面分离,达到软件设计要求中的“高内聚,低耦合”[1]。开发者只需编写一套代码,即可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝)、快应用等多个平台,实现跨端并支持原生代码混写和原生SDK 集成[2]。uni-app 具有较好的开放性和多端性,官网上有各种易用的第三方插件可以调用,开发工具为Visual Studio 2012、HbuilderX。

后端使用C#作为开发语言,开发工具为Visual Studio 2012,在阿里云搭建MySQL 数据库,并采用三层结构的系统架构进行设计,系统能够方便地实现跨平台迁移并稳定运行在各个大型的关系型数据库上。

3 “嘉兴青年人才驿站”公益信息平台设计

3.1 小程序系统架构

“嘉兴青年人才驿站”公益信息平台微信小程序系统架构如图1所示。

图1:小程序系统架构图

3.2 小程序主要功能

(1)首页。启动小程序后将自动进入首页。banner 图展示嘉兴风貌,由管理员于后台定期更换。“驿站介绍”展示青年人才驿站的建设单位、服务宗旨等。用户可通过点击“立即入住”按钮快速跳转到“驿站列表”页面。首页最下方为信息资讯区域,分别有“新闻报道”、“驿站活动”、“就业政策”,可通过点击“查看更多”跳转至详细信息列表。

(2)驿站列表。点击导航栏中的“驿站列表”或者点击首页上的“立即入住”按钮即可跳转至“驿站列表”页面。该页面共有9 个分页,由南湖区、秀洲区、嘉善县、平湖市、海盐县、海宁市、桐乡市、经济技术开发区、嘉兴港区组成,可点击tabs 栏快速切换,也可以在屏幕上左右滑动切换页面。每个驿站由一张预览图与驿站的名称、驿站的地址组成,点击其中的“驿站详情”按钮可以进行查看驿站详情、申请入住驿站、地图导航等操作。

(3)个人中心。可查看用户的申请信息及办理进度、入住信息,并进行延长住宿、取消住宿、修改个人信息、发表评论、意见反馈等操作。用户如从未登录过或清除了小程序数据,进入“个人中心”页面时将自动弹出申请获取权限的窗口,点击“授权登录”,即可使用微信账号快捷登录。在“我的申请”页面,可查看已经通过的申请、等待审核的申请,以及被拒绝的申请, 同时不同状态下的申请可以选择延长住宿日期、取消入住申请、查看原因并修改信息。在“我的入住”页面,可查看已入住、未入住、已退宿、已取消四个状态的入住信息,同时已入住状态下的入住信息可以选择延长入住时间,未入住的入住信息可以选择取消入住,已退宿的入住信息可以选择评论驿站。在“我的评论”页面,可查看所有评论、审核中的评论、已发表的评论。小程序部分界面如图2所示。

图2:“嘉兴青年人才驿站”小程序部分界面

3.3 管理后台系统架构

“嘉兴青年人才驿站”公益信息平台管理后台系统架构如图3所示。

图3:管理后台系统架构

3.4 管理后台主要功能

在Windows 操作系统下使用Blink 内核的浏览器(如:360 极速浏览器、Chrome 浏览器、Edge 浏览器)输入域名,即可进入该系统的登录页面,使用预置的账号密码登录后将自动跳转至首页。

(1)首页。首页主要是信息的统计与展现,最上依次展示了“总注册人数”、“已入住人数”、“待审批入住数”、“待审批评论数”,同时还以图标的形式展现了“各月份入住人数对比”、“各驿站入住人数对比”。首页下方提供了“嘉兴人才在线”、“嘉兴市人民政府”、“南湖青少年”官网快捷链接。首页左侧是其他子功能页面的跳转选项,右上角可以登出账号,首页使用媒体查询的响应式页面设计,保证网页在不同尺寸下的屏幕上都能完整显示[3],如图4所示。

图4:“嘉兴青年人才驿站”公益信息平台管理后台首页

(2)驿站管理。该页面可以查看当前所有已创建驿站的名称、照片、地址、电话等,同时可以进行停用/启用、编辑、删除操作。页面左上角的“新建驿站”按钮可以新建驿站,右上角可以按驿站名称搜索关键字。在新建/编辑驿站时,管理员需要选择驿站的经纬度,为了便于管理员选择,系统中加入了百度地图的经纬度获取功能,点击“打开地图”即可跳转至地图页面[4]。

(3)学生管理。该页面可以查看当前所有已注册学生的名称、性别、手机号、身份证号等,亦可以点击其上传的证件照查看大图。

(4)入住管理。该页面可以查看当前所有入住申请的驿站名称、入住日期、退宿日期等,待审核的入住申请可以点击右侧的审核材料以此审批通过或拒绝。

(5)发布文章。该页面可以查看当前系统下新闻信息模块中的所有驿站活动、就业政策及新闻类信息,同时可以对其进行编辑、删除操作。

(6)反馈意见。该页面可以查看小程序用户通过小程序反馈的意见信息。

4 数据安全设计方案

本项目以微信小程序模式开发,处在微信的控制之下,严格按照微信的规范制作,上线前需得到微信审核。开发者及管理员都无法获取用户的微信账号和密码,只能获取微信的昵称、头像及用户填写的信息。同时,小程序不允许跳转到外部网站,不允许放链接,不允许相互之间跳转,保证了用户填写信息的安全不泄露[5]。

小程序建在微信开放平台云端,由腾讯云提供安全保障。管理平台与数据存放于阿里云,由阿里云提供防火墙以及数据快照、镜像,备份更安全[6]。Web 服务器使用360 安全卫士,通过SSL 加密证书保证数据传输安全,保障用户资料与信息的完整性,为用户提供更好、更安全的计算机网络使用体验。此类大型云服务器商家有专人维护服务器,运行稳定不易出错,而且可根据数据量无限扩容,可扩展性极强[7]。网络安全设计方案如图5所示。

图5:网络安全设计方案图

5 结语

“嘉兴青年人才驿站”公益信息平台“以需求为导向,以应用促发展”,充分应用现代信息技术,建成了先进、稳定、安全、高效的公益信息平台,为广大毕业生和社会各界提供高效、便捷的信息化服务。自2020年12月平台投入使用以来,截止2021年8月,已有1600 多人注册,12 家酒店进驻,500 多人成功入住,为毕业生线上申请入住青年人才驿站提供了极大便利,切实解决了外地毕业生来嘉就业创业的燃眉之急,减轻了毕业生的经济负担,同时也有助于各级人才管理机构提高人才管理效率,拓展管理路径,及时掌握人才动态,整合人才资源,为人才提供更精准的服务。

猜你喜欢

嘉兴驿站页面
刷新生活的页面
《初心》
休闲驿站
休闲驿站
休闲驿站
休闲驿站
嘉兴学院
浙江嘉兴卷
嘉兴:两条底线之间的平衡
网站结构在SEO中的研究与应用