微信小程序开发

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

一、实验目标

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

二、实验步骤

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

（1）使用快速启动模板创建小程序

首先登录微信小程序官网,进行个人信息的注册,同时获取个人的APPID，之后下载微信开发者工具,下载完成后打开项目创建页面,选择菜单中的“小程序"选项,选择项目名称和目录,输入APPID,选择不使用云服务,语言选择JavaScript，然后选择新建。微信小程序会自动生成模板，生成的小程序中含有一些基本代码,此时我们就完成了使用快速启动模板创建小程序。

（2） 不使用模板手动创建小程序

在项目创建菜单中选择不使用模板,生成微信小程序后打开app.json文件,将page属性中的"pages/logs/logs"删除,以删除page中的log页面,之后删除utils文件夹,logs文件夹,删除index.wxml和index.wxss中的全部代码。之后删除index.js中的全部代码,输入关键词Page将Page函数补齐。删除app.wxss中的全部代码，删除app.js中的全部代码,输入关键词App将App函数补齐。此时我们已将小程序中所有预设的模板全部删除,创建了一个不含模板的小程序。

三、程序运行结果

小程序创建页面

使用快速启动模板创建的小程序

不使用模板创建的小程序

四、问题总结与体会

在实验中,我对小程序中各个文件和代码的功能还不是很了解,所以跟着教程的步骤实现了微信小程序的创建和模板的删除,对微信小程序的创建过程有了基本的了解,同时了解了wxml,wxss,js,json这几个小程序基本文件的主要功能,简单掌握了一些相关代码的书写。在接下来的教学中我希望老师能讲解一下一些基础的js,wxml知识,因为我们没有js和html基础,在初期编写小程序代码时有一些吃力。