### 智能手机互联网程序设计（微信程序方向）实验报告——数值比对
#### 实验背景及目的
本实验报告旨在通过一个简单的数值比对功能实现，来掌握微信小程序的基本开发流程和技术要点。该实验重点在于理解如何利用微信小程序进行用户交互、数据处理以及界面布局的设计。
#### 实验目标
- 完成一个基本的数值比较任务。
- 掌握微信小程序中页面的生命周期管理。
- 学习如何在小程序中处理用户输入并展示结果。
- 熟悉微信小程序的基础语法和常用组件。
#### 实验环境
- 实验地点：贤者楼 123
- 实验时间：2024年4月9日
#### 实验内容详解
##### 一、实验目的和要求
本次实验的主要目的是通过编写一个简单的数值比较小程序，使学生能够掌握微信小程序的基本开发技能。具体要求如下：
- 开发一个包含两个输入框的小程序页面，用于接收用户的两次数值输入。
- 提供一个按钮，用于触发数值比较逻辑。
- 展示比较结果，即判断两个数值是否相等，或哪个数值更大。
##### 二、实验步骤与结果
1. **页面布局**：
- 使用`<form>`标签创建表单，并绑定提交事件`bindsubmit`。
- 创建两个`<input>`标签，分别用于获取用户输入的第一个数值和第二个数值，并通过`bindinput`属性绑定到相应的事件处理函数。
- 添加一个`<button>`标签，用于触发比较操作，并设置相应的样式。
2. **样式定义**：
- `index.wxss`文件定义了页面元素的样式，包括文本、输入框和按钮的样式设定。
3. **逻辑处理**：
- 在`index.js`文件中，定义了页面的数据模型和事件处理函数。
- `data`对象中初始化了三个变量：`num1`、`num2`和`num3`，分别表示用户输入的第一个数值、第二个数值和比较后的结果显示。
- 通过`input_num1`和`input_num2`两个事件处理函数更新`num1`和`num2`的值。
- `tap_btn`函数实现了数值比较逻辑：首先检查两个数值是否相等，然后比较它们的大小，并将结果存储在`num3`中。
4. **页面生命周期管理**：
- 通过`onLoad`、`onReady`、`onShow`、`onHide`、`onUnload`等生命周期函数管理页面的加载、初始化、显示、隐藏和卸载过程。
5. **其他功能扩展**：
- 可以进一步扩展此小程序，例如添加更多的数值比较功能，如加减乘除运算，或者增加更复杂的用户界面设计。
##### 三、问题总结与体会
在实验过程中，可能会遇到以下几点需要注意的问题：
- **数据类型转换**：在进行数值比较之前，需要确保输入的是有效的数字，可以通过JavaScript的`parseInt`或`parseFloat`方法进行类型转换。
- **用户体验优化**：为了提供更好的用户体验，可以添加输入验证提示，防止用户输入非数字字符。
- **错误处理**：增加异常处理机制，对于无效的输入提供明确的错误提示。
- **界面美观性**：除了基础的功能实现外，还可以进一步优化界面设计，使其更加美观易用。
通过本次实验，不仅可以学习到微信小程序的基本开发技巧，还能加深对前端开发流程的理解。此外，通过实践操作，还能培养解决问题的能力和团队协作的精神。
