更新记录
1.0.0(2025-09-03)
星云常用计算器
项目介绍
星云常用计算器是一个基于uni-app和uniCloud开发的实用工具平台,提供40+个日常生活中常用的计算工具,覆盖金融理财、健康医疗、生活家居、教育成长、职业发展等多个领域,支持多平台部署(微信小程序、H5、APP)。
主要功能
核心功能
- 计算器工具集:提供40+个实用计算器,包括房贷、车贷、BMI、个人所得税等
- 分类浏览:按功能类别组织计算器,方便用户查找
- 搜索功能:支持关键词搜索计算器
- 用户系统:注册、登录、个人中心管理
- 数据存储:保存用户的计算历史和常用设置
计算器分类
- 金融理财:房贷计算器、车贷计算器、信用卡分期计算器、复利计算器、投资回报率等
- 健康医疗:BMI计算器、儿童身高体重标准、睡眠时间建议、用药剂量计算器等
- 生活家居:装修费用、电费计算、食物相克查询、混凝土用量等
- 教育成长:子女教育基金、身高预测、疫苗接种时间表等
- 职业发展:工资计算器、加班工资、工伤赔偿等
技术栈
前端技术
- 框架:uni-app (Vue.js跨平台框架)
- UI组件库:vk-uview-ui
- 状态管理:Vuex
- 样式预处理:SCSS
后端技术
- 云开发:uniCloud (阿里云)
- 数据库:NoSQL数据库
- 用户系统:uni-id
- 云函数框架:vk-unicloud-router
项目结构
├── App.vue # 应用入口文件
├── main.js # 应用入口JS
├── pages.json # 页面路由配置
├── manifest.json # 应用配置文件
├── app.config.js # 应用配置
├── common/ # 公共资源
│ ├── css/ # 公共样式
│ ├── function/ # 公共函数
│ ├── style/ # 主题样式
│ └── template/ # 计算器模板
├── pages/ # 页面文件
│ ├── index/ # 首页(计算器列表)
│ ├── login/ # 登录页
│ └── calculators/ # 各计算器页面
│ ├── mortgage/ # 房贷计算器
│ ├── car-loan/ # 车贷计算器
│ ├── bmi/ # BMI计算器
│ └── ... # 其他计算器
├── static/ # 静态资源
│ ├── logo.png # 应用Logo
│ ├── icons/ # 图标资源
│ └── tabbar/ # 底部导航栏图标
├── store/ # Vuex状态管理
├── uni_modules/ # uni-app模块
│ ├── uni-config-center/ # 配置中心
│ ├── uni-id/ # 用户系统
│ ├── vk-unicloud/ # 云开发框架
│ ├── vk-uview-ui/ # UI组件库
│ └── vk-uni-pay/ # 支付模块
└── uniCloud-aliyun/ # uniCloud云开发资源
├── cloudfunctions/ # 云函数
└── database/ # 数据库配置
安装指南
前置条件
- 安装HBuilderX编辑器
- 注册DCloud开发者账号
- 创建uniCloud云服务空间
项目导入
- 克隆或下载项目代码
- 在HBuilderX中导入项目
- 关联uniCloud云服务空间
云开发环境配置
- 右键点击
uniCloud
目录,选择运行云服务空间初始化向导
- 根据提示完成初始化配置
- 上传
common
模块和router
云函数
前端开发配置
-
main.js已配置uView UI引入
import uView from './uni_modules/vk-uview-ui'; Vue.use(uView);
-
App.vue已引入基础样式
<style lang="scss"> @import "./uni_modules/vk-uview-ui/index.scss"; </style>
-
uni.scss已引入全局变量
@import "@/uni_modules/vk-uview-ui/theme.scss";
功能页面说明
首页 (pages/index/index.vue)
应用的首页,展示计算器分类和精选工具,提供搜索功能,方便用户快速找到所需的计算工具。
登录页 (pages/login/index.vue)
用户登录界面,支持账号密码登录和短信验证码登录,集成第三方登录入口。
计算器通用功能
所有计算器页面均遵循统一的设计规范和使用流程:
- 输入区域:清晰的输入框和选择器,方便用户输入计算参数
- 计算按钮:醒目位置,一键触发计算
- 结果展示:清晰展示计算结果,重要数据突出显示
- 结果说明:部分计算器提供结果解释和建议
精选计算器介绍
房贷计算器 (pages/calculators/mortgage/mortgage.vue)
- 支持商业、公积金、组合***三种类型
- 提供等额本息、等额本金两种还款方式
- 支持提前还款计算
- 显示详细的还款计划表
BMI计算器 (pages/calculators/bmi/bmi.vue)
- 计算体质指数,评估体重健康状况
- 提供不同年龄和性别的标准参考
- 给出健康建议
个人所得税计算器 (pages/calculators/tax/tax.vue)
- 支持最新的个人所得税计算规则
- 可计算工资、奖金、劳务报酬等多种收入类型
- 考虑专项附加扣除
车贷计算器 (pages/calculators/car-loan/car-loan.vue)
- 计算车贷月供和总利息
- 支持不同的***期限选择
- 提供详细的还款明细
开发说明
云函数调用方式
项目使用vk-unicloud-router框架,通过统一的云函数入口调用各业务逻辑:
vk.callFunction({
url: 'service路径',
data: { /* 请求参数 */ },
success: (res) => { /* 成功回调 */ }
});
数据库操作
使用vk.baseDao API简化数据库操作:
- 支持增删改查基本操作
- 提供连表查询、分页查询等高级功能
- 内置权限控制和数据过滤
发布部署
微信小程序
- 在manifest.json中配置微信小程序信息
- 选择发行 -> 小程序-微信
- 按照提示完成发布流程
H5
- 选择发行 -> H5
- 配置相关参数后生成H5包
- 部署到Web服务器
APP
- 选择发行 -> App云端打包
- 配置应用信息和证书
- 等待打包完成并下载安装包
注意事项
- 开发环境和生产环境需要分别配置
- 敏感信息如AppID、密钥等应配置在安全的地方
- 云函数修改后需要重新上传才能生效
- 数据库 schema 修改后需要同步更新
更新日志
- 2025-08-31: 发布1.0.0正式版,包含40+个常用计算器
- 2023.XX.XX: 完成基础框架搭建和核心功能实现
- 2023.XX.XX: 添加房贷计算器、BMI计算器、个人所得税计算器等核心计算工具
- 2023.XX.XX: 修复房贷计算器计算逻辑bug,添加2023年最新***利率
- 2023.XX.XX: 优化用户界面,完善搜索和分类功能
- 2023.XX.XX: 添加数据存储功能,支持保存计算历史
License
MIT
平台兼容性
云端兼容性
阿里云 | 腾讯云 | 支付宝云 |
---|---|---|
√ | √ | √ |
uni-app(4.36)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
√ | × | × |
云函数类插件通用教程
使用云函数类插件的前提是:使用HBuilderX 2.9+