FLASK+微信小程序+前后端分离实现科学计算器

consonnm

已于 2023-10-14 20:22:17 修改

阅读量509

点赞数 1

文章标签： flask 微信小程序 python

于 2023-10-14 18:16:30 首次发布

本文链接：https://blog.csdn.net/consonnm/article/details/133827891

版权

项目源码地址

前端

后端

Calculator

这个作业属于哪个课程	https://bbs.csdn.net/forums/ssynkqtd-05
这个作业要求在哪里	https://bbs.csdn.net/topics/617377308
这个作业的目标	继续完善计算器并且实现前后端分离

1. PSP表格

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划	10	15
• Estimate	• 估计这个任务需要多少时间	20	15
Development	开发	580	625
• Analysis	• 需求分析 (包括学习新技术）	60	60
• Design Spec	• 生成设计文档	70	50
• Design Review	• 设计复审	10	20
• Coding Standard	• 代码规范 (为目前的开发制定合适的规范)	10	15
• Design	• 具体设计	30	50
• Coding	• 具体编码	240	300
• Code Review	• 代码复审	60	30
• Test	• 测试（自我测试，修改代码，提交修改）	90	90
Reporting	报告	120	100
• Test Repor	• 测试报告	20	20
• Size Measurement	• 计算工作量	10	10
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	80	60
	合计	700	750

2. 设计实现过程

功能结构图

        计算器  
├── 科学计算器  
│   ├── 表达式计算  
│   ├── 查询历史记录  
│   └── 可视化界面  
├── 利率计算器  
│   ├── 利率计算  
│   ├── 修改利率  
│   └── 可视化界面  
└──

1.前端工具：微信开发者工具
2.后端使用sqlalchemy和pmysql连接和操作数据库工具：PyCharm
3.数据库 mysql
4.数据库可视化工具 sqlyog

3. 成品展示

1.科学计算功能+历史记录查询

2.利率计算+利率修改

3.后端数据库（用户id功能待完善）

4. 代码说明

1.前端（微信小程序）

请求后端接口示例

 wx.request({
      url: 'http://localhost:5000/queryHistory',
      method: 'POST',
      data: {
      },
      header: {
        'content-type': 'application/json'
      },
      success: (res) => {
        // 请求成功时的回调函数
        console.log('请求成功', res.data.result);
        this.data.historyRecords = res.data.history;
        this.setData({historyRecords: this.data.historyRecords })
      },
      fail: function (error) {
        // 请求失败时的回调函数
        console.error('请求失败', error);
      }
    });
  },

样式设计示例

.calculateScreen {
  position: relative;
  width: 100%;
  height: 30vh;
  background-color: #eee;
  z-index: 99;
  box-shadow: 6rpx 6rpx 12px 6rpx rgba(211, 209, 209, 0.3);
  overflow: hidden;
  backdrop-filter: blur(20rpx);
}

使用vant 2组件库

"usingComponents": {
    "van-button": "@vant/weapp/button/index",
    "van-sidebar": "@vant/weapp/sidebar/index",
    "van-sidebar-item": "@vant/weapp/sidebar-item/index",
    "van-popup": "@vant/weapp/popup/index",
    "van-divider": "@vant/weapp/divider/index",
    "van-icon": "@vant/weapp/icon/index",
    "van-field": "@vant/weapp/field/index",
    "van-cell": "@vant/weapp/cell/index",
    "van-cell-group": "@vant/weapp/cell-group/index"
  }

2.后端（python）

科学计算

@app.route('/calculateNum', methods=['POST'])
def calculateNum():
    data = request.get_json()
    expression = data['expression']
    re = cal(expression)
    data = {
        'result': re
    }
    re = expression + " = " + str(re)
    new_expression = Expression(content=re)
    session.add(new_expression)
    session.commit()
    return jsonify(data)

计算历史记录查询

@app.route('/queryHistory', methods=['POST'])
def queryHistory():
    results = session.query(Expression) \
        .order_by(Expression.id.desc()) \
        .limit(10) \
        .all()
    history = []
    i = 0
    while i < len(results):
        history.append(results[i].content)
        i += 1
    data = {
        'history': history
    }
    return jsonify(data)

利率修改

@app.route('/updateRate', methods=['POST'])
def updateRate():
    data = request.get_json()
    rate = data['rate']
    i = 1
    print(rate)
    while i <= 7:
        rate[i-1]=float(rate[i-1])
        session.query(depositRate).filter(depositRate.id == i).update(
            {depositRate.rate: rate[i-1]})
        session.commit()
        i += 1
    i = 1
    while i <= 5:
        rate[i+6] = float(rate[i+6])
        rate[i+6] = float(rate[i+6])
        session.query(loanRate).filter(loanRate.id == i).update(
            {loanRate.rate: rate[i+6]})
        session.commit()
        i += 1
    return "200"

利率查询

@app.route('/queryRate', methods=['POST'])
def queryRate():
    data = request.get_json()
    rate = []
    re = session.query(depositRate).all()
    i = 0
    while i < 7:
        rate.append(re[i].rate)
        i += 1
    re = session.query(loanRate).all()
    i = 0
    while i < 5:
        rate.append(re[i].rate)
        i += 1
    print(rate)
    data = {
        'rate': rate
    }
    return jsonify(data)