springboot+elementui开发cms内容管理系统的代码

很高兴回答你的问题！下面是一个使用Spring Boot和Element UI开发CMS内容管理系统的示例代码：

后端代码（使用Spring Boot）：

// 创建实体类
@Entity
@Table(name = "content")
public class Content {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;
    
    @Column(name = "title")
    private String title;
    
    // 其他属性和getters/setters方法省略
}

// 创建Repository接口
@Repository
public interface ContentRepository extends JpaRepository<Content, Long> {
}

// 创建Controller类
@RestController
@RequestMapping("/api/content")
public class ContentController {
    @Autowired
    private ContentRepository contentRepository;
    
    @GetMapping("/")
    public List<Content> getAllContent() {
        return contentRepository.findAll();
    }
    
    // 其他API方法省略
}

// 创建启动类
@SpringBootApplication
public class CmsApplication {
    public static void main(String[] args) {
        SpringApplication.run(CmsApplication.class, args);
    }
}

前端代码（使用Element UI和Vue.js）：

<!-- 引入Element UI库 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<!-- 创建Vue实例 -->
<div id="app">
  <el-table :data="contents" style="width: 100%">
    <el-table-column prop="title" label="Title"></el-table-column>
    <!-- 其他列省略 -->
  </el-table>
</div>

<script>
new Vue({
  el: '#app',
  data() {
    return {
      contents: []
    };
  },
  mounted() {
    // 发起HTTP请求获取内容数据
    axios.get('/api/content/').then(response => {
      this.contents = response.data;
    }).catch(error => {
      console.error(error);
    });
  }
});
</script>

这是一个简单的示例，你可以根据实际需求进行扩展和修改。希望对你有帮助！