Skip to content

2022年夏移动软件开发,实验4:实验4:高校新闻网

Notifications You must be signed in to change notification settings

ExistoT01/mobileSoftwareDesign-lab4

Repository files navigation

2022年夏季《移动软件开发》实验报告

姓名:叶鹏 学号:20020007095
姓名和学号 叶鹏,20020007095
本实验属于哪门课程 中国海洋大学22夏《移动软件开发》
实验名称 实验4:高校新闻网
博客地址 Click me if you can
Github仓库地址 You won't miss that

(备注:将实验报告发布在博客、代码公开至 github 是 加分项,不是必须做的)

一、实验目标

  • 综合应用所学知识创建完整的前端新闻小程序项目
  • 能够在开发过程中数量掌握真机预览,调试等操作

二、实验步骤

列出实验的关键步骤、代码解析、截图。

  1. 项目创建

    image-20220821120324600
  2. 页面配置

    image-20220821120920387
  3. 视图设计

    1. 导航栏设计

      image-20220821121016337 image-20220821121024425
    2. tabBar设计

      image-20220821121627300 image-20220821121638094
    3. 页面设计

      1. 首页设计

        image-20220821122503762 image-20220821235456172
      2. 个人中心设计

        image-20220822002820411 image-20220822002831578
      3. 新闻页设计

        image-20220822172633610 image-20220822172642340
  4. 逻辑实现

    1. 公共逻辑

      image-20220822172838474
    2. 首页逻辑

      1. 新闻列表展示

        image-20220822173025865
      2. 点击跳转新闻内容

        image-20220822173135008
    3. 新闻页逻辑

      1. 显示对应新闻

        image-20220822173439070 image-20220822173452054
      2. 添加/取消新闻收藏

        image-20220822174753008 image-20220822174805660 image-20220822174817897
    4. 个人中心页逻辑

      1. 获取微信用户信息

        image-20220822175631231 image-20220822175640375
      2. 获取收藏列表

        image-20220822195727007 image-20220822195748571

三、程序运行结果

列出程序的最终运行结果及截图。

image-20220822195808069

image-20220822195818778

image-20220822195830758

image-20220822195955353

四、问题总结与体会

本次实验综合了许多基础开发内容,如:tabbar的使用,页面的跳转,用户信息的获取,程序内部储存的应用,轮播器的使用,是一次非常良好的学习机会

About

2022年夏移动软件开发,实验4:实验4:高校新闻网

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published