移动软件开发实验1

江野_c

已于 2022-08-17 11:05:46 修改

阅读量114

点赞数

分类专栏：移动软件开发文章标签：前端 javascript 小程序

于 2022-08-17 11:04:46 首次发布

本文链接：https://blog.csdn.net/qq_51544319/article/details/126381552

版权

移动软件开发专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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

一、实验目标

1、学习使用快速启动模板创建小程序的方法；

2、学习不使用模板手动创建小程序的方法。

二、实验步骤

申请微信开发者帐号并获取appid
创建小程序，使用JavaScript的空白模板（没有找到手动创建的地方）
在app.json中修改导航栏及标题样式

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OOZrFJQS-1660705091577)(https://s3-us-west-2.amazonaws.com/secure.notion-static.com/99ae4e23-6c93-40fe-8d77-06493f426d7f/Untitled.png)]

页面设计wxml结构，弹性结构布局
页面设计wxss样式

js调用微信接口获取用户的信息，并为本地变量赋值

getUserProfile(e) {
        // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
        wx.getUserProfile({
          desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
          success: (res) => {
            console.log(res)
            this.setData({
              name: res.userInfo.nickName,
              hasUserInfo: true,
              imgsrc:res.userInfo.avatarUrl,
            })
          }
        })
      },

三、程序运行结果

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

四、问题总结与体会

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cUUEVqi7-1660705091581)(https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7969959b-c6d2-42de-9b16-8e23a58f7a62/Untitled.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GdwxuOqO-1660705091581)(https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a878df9a-11b5-4c53-98f1-964f60161c8e/Untitled.png)]