生成基于elementui+json+servlet的案例

您好！生成基于 Element UI 和 JSON Servlet 的案例可以通过以下步骤完成：

1. 安装 Element UI：可以通过 npm 安装，命令为 `npm install element-ui`。

2. 创建一个基于 Vue.js 的项目：可以使用 Vue CLI 快速创建，命令为 `vue create my-project`。

3. 在项目中引入 Element UI：在 main.js 中引入并使用 Element UI，代码如下：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'

Vue.use(ElementUI)

new Vue({
  render: h => h(App)
}).$mount('#app')

4. 创建一个 JSON Servlet：可以使用 Java 语言编写，代码如下：

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

@WebServlet("/json")
public class JSONServlet extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setContentType("application/json");
        response.setCharacterEncoding("UTF-8");
        PrintWriter out = response.getWriter();
        out.write("{\"message\": \"Hello, World!\"}");
        out.flush();
        out.close();
    }
}

5. 在 Vue.js 项目中请求 JSON Servlet：在 Vue 组件中使用 axios 库请求 JSON Servlet，代码如下：

<template>
  <div>
    <el-button @click="getMessage">获取消息</el-button>
    <p v-if="message">{{ message }}</p>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data () {
    return {
      message: ''
    }
  },
  methods: