网站首页  词典首页

请输入您要查询的论文:

 

标题 基于ReactNative的学教在线一站式平台开发
范文

    李敬 陈才扣 陆羽 盛紫朦 朱蕾 眭镇涛

    摘要:该文使用React Native框架开发跨平台移动应用学教在线一站式服务平台。配套有教师、学生、学工三端,后端采用Node.JS + Express实现。系统实现校园业务整合,消除数据孤岛,打通学情分析,提高学生工作管理水平。

    关键词:React Native;校园信息化;移动应用开发

    中图分类号:TP311 文献标识码:A 文章编号:1009-3044(2018)27-0070-01

    The Develop of Learn and Teach Online One-Stop Service Platform Based on React Native

    LI Jing, CHEN Cai-kou, LU Yu,SHENG Zi-meng,ZHU Lei,SUI Zhen-tao

    (College of Information Engineering at Yangzhou University, Yangzhou 225127, China)

    Abstract: This paper use the React Native framework to develop a cross-platform mobile application,online one-stop service platform.It is equipped with teachers,student workers and students.The back-end adopts node.js+Express.The system realizes the campus business integration,eliminates the data island,opens up the study situation analysis,enhances the student work management level.

    Key words: React Native; campus informatization; mobile application development

    目前,移动应用开发愈来愈火热。Android平台和iOS平台开发技术都相对成熟。很多高校也加快信息化进程,紧随Web2.0推进业务移动化。然而,传统开发模式下不得不为多平台而重复开发。Facebook的React Native框架,强调学习一次,随处编程(Learn once, write anywhere),革命性改变了传统开发模式。RN框架能够在Javascript和React基础上获得与原生一致的开发体验。截至2018年3月,RN框架已更新到0.55版本,新增修改了大量特性。

    本系统是高校校园业务的一站式开发,整合目前分散的业务系统,有效连接教师、学生、学工三端,有效学情分析,提升软实力。本系统核心功能有四个模块,学情分析、通知推送、活动审核、课堂管理。

    1 顶层架构设计

    React Native框架实现前端,采用Atom,使用墨刀设计原型,Xcode和Android Studio辅助。Node.JS+Express实现后端,接收请求,操作数据库。采用MongoDB通过JSON

    打通数据接口。信息用HTTPS加固传输。教师、学生、学工三端共用一套后台,根据用户级别开放相应权限。

    2 客户端

    2.1 核心功能

    1) 学情分析:通过学生综合能力测评,形成动态报告,宏观把控学情。2)通知推送:信息推送使用户及时了解校内外最新通知。3)活动审核:学生将参与的活动上传,审核后形成历程档案。4)课堂管理:辅导员通过课堂记录,形成考勤走势图,增强师生交流。

    2.2 界面设计

    1) 图片仅需制作一次,ReactNative组件自动匹配分辨率,便捷、清晰、体积压缩。2)视图组件化实现业务逻辑和UI的有效解耦。RN强调将APP视为组件拼接。扩展官方组件,使得RN逐步拥有了Native APP的性能。

    2.3 源码结构

    Android和iOS文件夹分别是ReactNative生成的Android和iOS源码,app.js是主入口。app目录下是核心业务逻辑。其中,getData目录下放获取数据组件,components目录下放基本组件构建容器,actions和stores目录下放Redux的js状态管理组件,image等目录下放资源文件,router目录下放路由组件,node_modules目录是npm在工程Build前根据package.json下载的依赖包。

    3 服务端与数据接口

    Node.JS作为实时后台,使用轻量的express框架,建立服务只需监听相应端口。通过mongoose连接mongoDB数据库。构建基于RESTfulAPI风格的router进行路由请求。使用ReactNative成熟的FetchAPI实现HTTPS请求。获取后台资源数据只需将网址传参给fetch方法即可,后端收到后Response一个Promise对象,并转化成JSONObject,接着进行反序列化解析出其中的字段。

    4 结束语

    采用React Native开发,学习成本低,目前React生态对开发者很友好,使RN框架成为热点。本系统可以填补目前教育部门、学校、教师、学生、家长、企业等七个群体对学生综合评定信息化的空白,直击痛点,有助于高校学生更好成长。

    参考文献:

    [1] 赵永鹏.基于React Native的物业管理系统设计[J].数字技術与应用,2018,36(1):165,167.

    [2] 郭水泉.基于校园大数据的学生异常行为分析模型[J].信息与电脑:理论版,2018(4):116-117+,125.

    [3] 冯博. 基于React Native框架的兴趣社区Android客户端设计与实现[D]. 哈尔滨:哈尔滨工业大学,2017.

    [4] 程化梅. 基于React Native的即时通讯应用的设计与实现[D]. 武汉:武汉邮电科学研究院,2017.

    [通联编辑:代影]

随便看

 

科学优质学术资源、百科知识分享平台,免费提供知识科普、生活经验分享、中外学术论文、各类范文、学术文献、教学资料、学术期刊、会议、报纸、杂志、工具书等各类资源检索、在线阅读和软件app下载服务。

 

Copyright © 2004-2023 puapp.net All Rights Reserved
更新时间:2025/3/16 0:07:05