姓名 杨国华 分数 微信小程序开发 专业作业 诉讼费计算器 2019年6月7日 目录 TOC \o 1-3 \h \z \u 1.需求分析 3 2.设计实现 3 3.最终效果展示 10 4 ,项目总结 10 评分表 11 需求分析 本项目共需要两个页面：房产页面、离婚页面、房产页面功能需求。属性页功能包括数值输入、计算、复位、计算结果显示等。计算功能需要实现分层计算、计算结果、文本显示重置。该按钮将最后的计算结果重置为零。离婚页面的功能需求根据是否涉及财产分割而定。通过切换按钮实现功能切换。默认页面不涉及属性划分。点击开关即可进入计算页面。设计并实现目录结构的创建和两个主要页面，并使用Page来存储照片。全部完成后的目录结构如图：栏目中使用了两组图标文件，图片素材如图：视图设计app.js为空，不会写入暂时。为了设置标题栏和底栏，app.json的编写代码如下： 导航栏设计为黑色文字，亮色背景，效果如图： 接下来是设计，更新代码如图： 效果如下： 属性页设计：().wxss上写的整体样式代码如下： View file.wxml使用了视图文本等组件，代码编写如下：效果如图：离婚页面设计整体样式文件： 查看样式文件： 效果如图：逻辑实现属性页（）页初始化时，将诉讼费和减半诉讼费初始化为空值，这样就可以初始化值了进入小程序或从离婚页面切换到财产案件时。

下面处理计算按钮。当按钮被触发时，表单被提交。首先定义变量a为从用户输入框中获取的值。由于输入是字符串格式，所以需要一个函数来强制转换。然后得到诉讼费用变量b，最后将其减半并保留两位小数来计算变量c。当按钮重置时清除该值。使用表单上的切换按钮切换是否涉及财产分割。如有财产分割，则按公式计算。代码如图： 输入任意数字进行计算，结果如下： 离婚页面与房产页面类似。页面初始化时，首先定义了两个变量fei3和fei4，分别设置为300和150，条件设置为。当切换开关按钮时，fei3和fei4被清零，条件变为开关当前选择值。得到输入值后，计算然后输出。编写代码如图：最终效果展示项目总结。通过基于诉讼费用计算的小程序项目开发实践，我们主要回顾了知识点和操作： 小程序项目的创建步骤 手动创建小程序应用文件和页面文件的步骤 导航栏 如何创建背景、颜色的设置、字体等 页面布局和样式设计的基本方法 使用双花括号生成动态数据的方法 wx:if 和 wx:else 属性的使用 开关按钮的创建和使用 中 if 和 else 的使用分层计算 复位函数的使用 字符如何强制将字符串转换为数字的评分表