| 标题 | 基于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下载服务。