1. 研究目的与意义（文献综述）

1.1 研究目的及意义

随着移动通信网络环境的不断完善以及智能手机的进一步普及，移动互联网应用向用户各类生活需求深入渗透，促进了手机上网使用率增长。手机用户对工作、生活、消费、娱乐等方面需求的多元化，使得移动app日益丰富，覆盖到日常生活的方方面面。手机上安装的移动应用越来越多，导致长尾现象严重，浪费了大量的资源。另一方面，为了满足用户不断增长的需求，保持对用户的黏度，就需要持续对app进行创新和维护，使得移动app的更新频率很快，用户需要不定期的对app进行更新、重新下载和安装，带来了一定的麻烦。软件的维护同样也很繁琐，同一app的不同版本在移动互联网上大量存在，软件的新功能和新改进等不能立刻让所有的用户体验。另外，移动终端操作系统的多样性，app厂商对其应用进行多平台开发成本巨大，软件更新维护复杂，不同平台app统一维护困难。

近年来，各大应用提供商相继提出各自的轻型应用解决方案，但都没有成功，微信小程序的出现给业界带来了新的震动。微信官方对小程序描述是，它是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。它体现了“用完即走”的 理念，用户不用担心安装太多应用占用空间的问题。应用将无处不在、随时可用，但又无需安装卸载。

2. 研究的基本内容与方案

我们对微信小程序新闻app设计了有新闻分类浏览、收藏分享、评论点赞等功能。新闻分类要是在app顶部的导航栏实现的，可分为推荐、热点、社会、科技、教育、体育、娱乐等，通过滑动点击来选择感兴趣的新闻分类信息。对于用户很喜欢的新闻，我们设计了收藏分享的功能，可供用户再次阅读以及分享给朋友圈其他人浏览。评论点赞则是类似于一个交互的平台，用户可以发表自己的观点、看法以及意见和建议等。

基于微信小程序的新闻app的工作原理如下：用户点击打开一个小程序，微信 app 从微信服务器下载这个小程序，首先分析 app.json 得到应用程序的配置信息（例如导航栏、窗口样式、包含的页面列表等），然后加载并运行 app.js，并显示在 app.json 里配置的第一个页面。根据自身的具体情况，用户可在页面上使用新闻分类浏览、收藏分享、评论点赞等功能。

本毕业设计将基于微信web开发者工具开发环境，利用javascript、html、css以及小程序提供的相关的api进行新闻app开发过程。微信web开发者工具创建项目过程中最关键是.js后缀的脚本文件、.json后缀的配置文件和.wxss后缀的样式表文件，微信会读取这些文件，并生成小程序。app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量以及调用框架提供的丰富的 api。 app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。在开发工具中，还有pages和utils两个文件夹,其中utils里存放通用工具类方法，pages里存放所有页面。

3. 研究计划与安排

第1－3周：查阅相关文献资料，明确研究内容，了解研究所需理论基础。确定方案，完成开题报告。

第4－5周：熟悉掌握基本理论，完成英文资料的翻译，熟悉开发环境。

第6－7周：学习javascript、html及css，并完成新闻页面ui的设计

4. 参考文献（12篇以上）

[1] 白蕾，郭清菊.html5与 css3的设计模式 [j]. 智能计算机与应用, 2016, 6(2): 104-105,109.

[2] 顾文佳. ui设计中用户交互体验的视觉思维[d]. 中国美术学院, 2012.

[3] 平淑文，潘珏羽，张学金，杜晓荣 . 基于 html5 和 javascript 轻量型动画框架开发[j]. 计算机技术与发展, 2013,23(12):5-10.