五险一金计算微信小程序源码（含截图）.rar资源-CSDN文库

共12个文件

js：4个

wxss：3个

wxml：2个

版权申诉

79 浏览量 2023-04-09 17:53:07 上传评论收藏 20KB RAR 举报

【五险一金计算微信小程序源码】是一个用于计算个人薪资中扣除的五险一金比例及实际收入的微信小程序项目。此项目包含了完整的源代码，可以帮助开发者了解如何在微信小程序环境中实现这样的功能，同时也为有需要的用户提供了便捷的计算工具。五险一金，全称为社会保险和住房公积金，是中国大陆地区对员工福利的一种强制性保障制度。它包括养老保险、医疗保险、失业保险、工伤保险、生育保险以及住房公积金。这些费用通常由雇主和雇员共同承担，从工资中按一定比例扣除。在微信小程序中实现五险一金计算，主要涉及以下几个技术点： 1. 数据结构设计：需要定义一个数据结构来存储五险一金的各项比例和基数，比如设定不同城市的缴费比例，以及最低和最高缴费基数。 2. 用户输入处理：小程序需要获取用户的工资、所在城市等信息。这可以通过微信小程序的表单组件实现，如input和picker组件，让用户输入或选择相关信息。 3. 计算逻辑：根据用户输入的数据，应用相应的计算公式进行五险一金的计算。例如，养老保险的计算公式通常是：个人缴费金额=个人缴费基数×个人缴费比例；医疗保险的计算则可能有所不同，需要根据具体城市的规定来确定。 4. 结果展示：计算完成后，将结果显示在界面上，可以使用text、rich-text或者自定义组件来格式化展示，同时包括各项保险的详情和最终的实发工资。 5. 图片截图：项目中包含截图，可能是为了展示小程序的界面设计和功能实现，开发者可以参考这些截图来理解用户界面布局和交互设计。 6. 微信小程序开发环境：使用微信开发者工具进行开发和调试，该工具提供了一系列的API接口，用于小程序与微信服务器的交互，以及页面的生命周期管理等功能。 7. 代码组织：微信小程序的代码通常包括wxml（结构文件）、wxss（样式文件）、js（逻辑文件）和json（配置文件）四部分。开发者需要理解这四者之间的关系，以及如何组织代码来实现功能。 8. 状态管理和数据缓存：如果小程序需要保存用户的城市选择或者其他设置，可以使用微信小程序提供的全局变量或本地存储功能，以实现状态管理和数据持久化。 9. 发布与更新：完成开发后，通过微信开发者工具上传代码到微信的小程序后台，进行审核和发布。后续如果有更新，也需要按照流程进行版本迭代。通过这个源码项目，开发者可以学习到微信小程序的开发流程，理解五险一金计算的逻辑，并且能够运用到其他类似的实际项目中。同时，对于非开发人员，这个小程序也提供了一个直观的工具，帮助他们快速估算自己的五险一金缴纳情况。

资源推荐

资源详情

资源评论

收起资源包目录

五险一金计算微信小程序源码（含截图）.rar （12个子文件）

五险一金计算微信小程序源码（含截图）

pages

index

index.wxml 3KB

index.js 3KB

index.wxss 2KB

logs

logs.json 56B

logs.js 280B

logs.wxml 194B

logs.wxss 114B

app.json 259B

app.js 719B

utils

util.js 481B

1.png 16KB

app.wxss 252B

//index.js //获取应用实例 var app = getApp() Page({ data: { motto: 'Hello World', inputValue: '', userInfo: {}, focus: false, index: 1, salary: 0, array: ['上海', '北京', '广州', '深圳'], insurance: [ { category: "养老", private_percentage: "8", company_percentage: "22", }, { category: "医疗", private_percentage: "2", company_percentage: "12", }, { category: "失业", private_percentage: "1", company_percentage: "1.7", }, { category: "工伤", private_percentage: "0", company_percentage: "0.5", }, { category: "生育", private_percentage: "0", company_percentage: "0.8", }, { category: "公积金", private_percentage: "7", company_percentage: "7", } ] }, //事件处理函数 bindViewTap: function() { wx.navigateTo({ url: '../logs/logs' }) }, bindPickerChange: function(e) { console.log('picker发送选择改变，携带值为', e.detail.value) this.setData({ index: e.detail.value }) }, onLoad: function () { console.log('onLoad',this.data) var that = this this.total(); //调用应用实例的方法获取全局数据 // app.getUserInfo(function(userInfo){ // //更新数据 // that.setData({ // userInfo:userInfo // }) // }, total: function () { const insurance = this.data.insurance; console.log(insurance); let private_total = 0, company_total = 0; insurance && insurance.forEach((t,i) => { private_total += parseFloat(t.private_percentage); company_total += parseFloat(t.company_percentage); }); this.setData({ private_total, company_total }) }, bindKeyInput: function(e) { console.log(e); this.setData({ inputValue: e.detail.value }) }, modalView: function(text) { wx.showModal({ title: 'Warning', content: text, showCancel: false, success: function(res) { if (res.confirm) { console.log('用户点击确定') } } }); }, startCount: function(){ let inputValue = this.data.inputValue; if(!!inputValue) { if(!!(inputValue/1)){ if ( inputValue > 0 ) { if(inputValue > 17814) { inputValue = 17814; }else if (inputValue < 2014) { inputValue = 2014; } this.setData({ salary: inputValue, focus: false, }); } else { this.modalView('别开玩笑了，你还欠老板钱？') } } else{ this.modalView('请输入数字，OK？') } }else { this.modalView('输入不能为空，请重新输入！'); } }, resetData: function() { this.setData({ salary: 0, focus: true, inputValue: "", }) }, })

评论收藏

内容反馈

版权申诉