2021级中国海洋大学移动软件开发实验5报告：高校新闻网小程序项目

本实验报告旨在总结2021级中国海洋大学移动软件开发课程中的实验5，即高校新闻网小程序项目的开发。该实验旨在综合所学知识，创建一个完整的前端新闻小程序项目，并熟练掌握真机预览、调试等操作。 本实验的实验目标主要有两个方面。首先，通过创建一个前端新闻小程序项目，学生要综合运用所学的移动软件开发技术和知识，包括但不限于小程序的基本结构和组件、数据的获取和展示、页面的跳转和传参等等。其次，在实验的过程中，学生要学会使用真机预览和调试等操作，以确保程序的正常运行。 实验的步骤如下所示： 1. 创建项目：首先，学生需要打开微信开发者工具，新建一个项目。项目的基本信息包括小程序的名称、所属类别、项目路径等等。然后，选择“创建普通小程序”模板，点击确定创建项目。 2. 设置页面：在项目创建成功后，学生需要在项目目录下创建三个页面，分别是首页、详情页和个人中心页。在小程序的app.json文件中，配置pages字段，将这三个页面添加进去。 3. 设计页面：接下来，学生需要在分别在三个页面的对应的wxml文件中设计页面的布局和内容。可以使用小程序提供的基本组件来创建页面的结构，并通过样式表来定义页面的样式。 4. 传递参数：在首页中，学生需要通过设置点击事件，将所选新闻的数据传递到详情页。可以在首页的js文件中的事件回调函数中，使用小程序提供的API来跳转页面，并传递参数。 5. 获取数据：在实验的过程中，学生需要从服务器获取新闻的数据。可以在小程序的js文件中，使用小程序提供的API来发起网络请求，获取数据。将获取到的数据保存在小程序的状态中，以便在页面中进行展示。 6. 页面跳转：在详情页中，学生需要设置返回首页的按钮，并在按钮的点击事件中使用小程序提供的API来实现页面的跳转。这样，用户在浏览新闻详情后，能够方便地返回到首页。 7. 页面展示：最后，在首页和详情页中，学生需要利用获取到的新闻数据，通过小程序提供的基本组件和API，展示新闻的标题、图片、概要等信息。可以使用列表和卡片等布局方式，使页面更加美观和易用。 总之，通过完成本实验，学生能够综合运用所学的移动软件开发知识，创建一个前端新闻小程序项目，并熟练掌握真机预览和调试等操作。这将有助于学生提升对移动软件开发的理解和实践能力，为今后的项目开发打下基础。