更新记录

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云服务空间

项目导入

  1. 克隆或下载项目代码
  2. 在HBuilderX中导入项目
  3. 关联uniCloud云服务空间

云开发环境配置

  1. 右键点击uniCloud目录,选择运行云服务空间初始化向导
  2. 根据提示完成初始化配置
  3. 上传common模块和router云函数

前端开发配置

  1. main.js已配置uView UI引入

    import uView from './uni_modules/vk-uview-ui';
    Vue.use(uView);
  2. App.vue已引入基础样式

    <style lang="scss">
    @import "./uni_modules/vk-uview-ui/index.scss";
    </style>
  3. 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简化数据库操作:

  • 支持增删改查基本操作
  • 提供连表查询、分页查询等高级功能
  • 内置权限控制和数据过滤

发布部署

微信小程序

  1. 在manifest.json中配置微信小程序信息
  2. 选择发行 -> 小程序-微信
  3. 按照提示完成发布流程

H5

  1. 选择发行 -> H5
  2. 配置相关参数后生成H5包
  3. 部署到Web服务器

APP

  1. 选择发行 -> App云端打包
  2. 配置应用信息和证书
  3. 等待打包完成并下载安装包

注意事项

  1. 开发环境和生产环境需要分别配置
  2. 敏感信息如AppID、密钥等应配置在安全的地方
  3. 云函数修改后需要重新上传才能生效
  4. 数据库 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+


隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。