微信小程序菜谱开发代码

好的，以下是一个简单的微信小程序菜谱开发代码示例，供您参考：

// pages/recipe/recipe.js

Page({
  data: {
    recipeName: '',
    ingredients: [],
    steps: [],
  },

  // 获取菜谱名称
  getRecipeName: function(event) {
    this.setData({
      recipeName: event.detail.value
    })
  },

  // 获取食材
  getIngredients: function(event) {
    this.setData({
      ingredients: event.detail.value.split('\n')
    })
  },

  // 获取步骤
  getSteps: function(event) {
    this.setData({
      steps: event.detail.value.split('\n')
    })
  },

  // 提交菜谱
  submitRecipe: function() {
    // 可以将数据存储到数据库中，这里只是简单地将数据打印出来
    console.log('菜谱名称：' + this.data.recipeName)
    console.log('食材：' + this.data.ingredients)
    console.log('步骤：' + this.data.steps)
  }
})

在上面的代码中，我们定义了一个页面`recipe`，包含了菜谱名称、食材和步骤三个输入框，以及一个提交按钮。当用户输入完菜谱名称、食材和步骤后，点击提交按钮就会触发`submitRecipe`函数，将数据打印出来。

在实际开发中，我们可以将数据存储到数据库中，或者通过接口将数据发送给后端服务器进行处理。同时，我们还可以对输入框进行一些格式校验和提示，以提高用户体验。