微阅读与电影小程序的设计与实现
作者：徐祎麟　刘星含
来源：《电脑知识与技术》2021年第04期
        摘要：随着社会进步和科技发展，移动端技术得到迅速发展，手机已经普及到各个年龄段，信息服务重心从电脑端向移动端转移。但学生信息服务的移动应用目前还不太完善，学生无法快速获最新消息和对应数据。基于小程序的微阅读与电影前端使用原生态App进行开发，后端采用云服务框架构建，前后端信息交互通过架包封装API接口实现，微阅读与电影小程序为大众建立一个公共电影服务以及文章阅读平台，敢于挑战传统的信息服务，采用个性化设计，时刻关注用户的使用体验。
        关键词：小程序;数据爬取;小程序开发;云服务
        中图分类号：TP393 文献标识码： A
        文章编号：1009-3044（2021）04-0083-02
        小程序无需用户进行应用的下载和安装，大大缩短了等待时间，优化用户使用体验。小程序服务于平台，只需要安装便可使用各种各样小程序。当前网络信息过度泛滥，造成信息的不一致和虚假传播，用户所能获得的信息真实度有限，使用小程序，可以收获大量的用户体，同时净化网络环境。使用者在使用小程序时，与账号进行绑定，
产品公开免费，因此小程序可以迅速获得用户关注并方便后期维护和优化。此应用可以帮助用户第一时间获取信息，同时进行信息交流分享，创造良好的网络环境。
        1需求分析
        通过数据分析和市场调研，信息服务重心更倾向于移动端，但学生信息服务的移动应用目前还不太完善。高校学生的关注集中在日常生活和消费娱乐，此应用旨在提供观影和阅读方面的服务，为学生的生活提供便利。包括的功能有：浏览推荐文章，收听流行音乐，查看电影排名和评分数据，搜索电影等功能。此应用为大众建立一个公共电影服务以及文章阅读平台，程序分为三大的模块：阅读文章、浏览电影、用户信息。
电影宣传类网页界面设计        2体系架构
        该程序前端页面使用原生态App进行开发，方便查看源码和代码维护。前端页面向后端发送请求获取数据，后端再把结果传递给前端，经过数据渲染功能显示在页面上。后端采用云服务框架构建，与云数据库进行交互，从服务器获取信息，经过后端逻辑层处理数据，前端再进行数据渲染和显示。
        3 功能模块
        3.1阅读文章模块
        阅读文章模块包括文章阅读和评论分享。用户可以查看文章列表，会跳转到具体文章页面，查看文章作者，标题和内容。该页面实现音乐播放接口，用户通过点击页面图片，实现音乐播放和暂停。文章底部有三个图片，用户可以为相关文章点赞，评论和收藏。点击评论图标，可以查看用户评论和发表评论内容。
        3.2浏览电影模块
        浏览电影模块包括查看电影榜单和搜索功能。调用电影网站接口，页面分成三个板块：新片榜，热映榜和高分榜。用户点击电影海报图片，即可查看有关的电影信息，如电影评分，电影简介，演员阵容等内容。电影模块界面上端有搜索框，用户可以根据关键字，索引到具体电影名称，进而获得想要的内容。用户可以拖曳榜单，实现数据的即时刷新。
        3.3用户信息模块
        用户信息模块根据功能不同进行分类，主要分为八个功能：系统信息，网络状态，地图显示，即时定位，用户登录，应用服务，扫码支付，运动步数。用户可以查看相关信息和体验服务，某些功能需要通知用户进行允许权限设置。例如，开启地图显示功能，用户可以查看自己位置。支持扫码功能，获得更多的信息服务与支持。打开应用服务，里面有第三方平台服务，增加用户体验。
        4 功能实现
        4.1页面布局
        传统的前端设计，依赖于盒子模型，但在某些特殊布局，如垂直居中设计就比较困难，采用Flex弹性布局可以有效解决此类问题。指定父容器display属性为flex，对于文字列表，设置flex-direction属性为column，垂直方向由上至下排列。每个列表内容设置flex-direction属性为row，对于主轴justify-content和交叉轴align-items对齐方式都设置为center。一般获取的电影数量不只几个，再设置元素的flex-wrap属性为warp，当数量超出屏幕宽度时，实现自动换行。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。