有用Java前后端描述这个问题的示例代码吗

当然，对于这个问题，你可以使用Java的前后端分离架构来设计。前端通常使用JavaScript库如React或Vue.js，后端可以使用Spring Boot或者Java Servlets处理请求。

前端部分，假设我们使用React，你可以创建一个简单的列表组件，显示小朋友的信息并计算不高兴程度。例如：

import React, { useState } from 'react';

const KidInfo = ({ height }) => {
  const [happiness, setHappiness] = useState(0);
  
  const calculateHappiness = () => {
    // 根据实际需求调整递增函数
    const newHappiness = Math.min(height, happiness) + height;
    setHappiness(newHappiness);
  };

  return (
    <div>
      <p>身高: {height}</p>
      <button onClick={calculateHappiness}>交换</button>
      <p>不高兴程度: {happiness}</p>
    </div>
  );
};

// 省略其他列表渲染和管理的代码

后端部分，使用Spring Boot，你可以创建一个REST API来接收请求并返回结果：

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class HeightController {

    private List<Integer> heights; // 假设你有一个保存所有身高数据的集合

    @GetMapping("/kids/{kidIndex}/unhappiness")
    public int getUnhappiness(@PathVariable int kidIndex) {
        int currentHeight = heights.get(kidIndex);
        int unhappiness = calculateUnhappiness(currentHeight);
        return unhappiness;
    }

    // 假设这是计算不高兴程度的辅助方法
    private int calculateUnhappiness(int height) {
        return height * (height + 1) / 2;
    }
}

这只是一个简化的例子，实际应用中你需要处理更多细节，比如分页、状态管理和持久化数据等。