调用数据库200条数据并且能在前段默认显示10条数据在点击加载更多的时候每次加载10条。当没有数据的时候加载更多字样就不显示

要实现这个功能，你需要使用后端编程语言（如PHP、Python等）从数据库中获取数据，并通过前端框架（如Vue.js、React等）进行展示。下面是一个简单的示例代码，使用PHP和Vue.js实现：

1. 后端代码（PHP）：

<?php
// 连接数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";
$conn = new mysqli($servername, $username, $password, $dbname);

// 获取数据
$offset = $_GET['offset'];
$limit = 10;
$sql = "SELECT * FROM table_name LIMIT $offset, $limit";
$result = $conn->query($sql);
$data = [];
while ($row = $result->fetch_assoc()) {
    $data[] = $row;
}

// 返回数据
header('Content-Type: application/json');
echo json_encode($data);

2. 前端代码（Vue.js）：

<template>
  <div>
    <ul>
      <li v-for="item in items" :key="item.id">{{ item.name }}</li>
    </ul>
    <button v-if="showLoadMore" @click="loadMore">加载更多</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [],
      offset: 0,
      limit: 10,
      showLoadMore: true
    };
  },
  mounted() {
    this.loadData();
  },
  methods: {
    loadData() {
      // 调用后端接口获取数据
      axios.get('/api/data.php', { params: { offset: this.offset } })
        .then(response => {
          this.items = this.items.concat(response.data);
          this.offset += this.limit;
          if (response.data.length < this.limit) {
            this.showLoadMore = false;
          }
        })
        .catch(error => {
          console.error(error);
        });
    },
    loadMore() {
      this.loadData();
    }
  }
};
</script>

这是一个简单的示例，你需要根据实际情况进行适当的修改。后端代码需要根据你的数据库配置进行调整，前端代码需要根据你的接口路径进行调整