如何将jquery日历与jsp集成

Question

我在将事件数据从 mysql 加载到 jquery fullcalendar 时遇到问题。给出的示例是在 php 中，我不知道如何在 java 中执行此操作。 这是示例代码：

111, 'title' => "Event1", 'start' => "$year-$month-10", 'url' => "http://yahoo.com/" ) )); ?>

Answer 1

您需要为此创建一个 Servlet。创建一个扩展 HttpServlet 的类，并相应地在 doGet() 中编写代码，以便将所需的 JSON 字符串写入响应。您可以使用 Google Gson 将 Java 对象转换为 JSON 字符串。

例如：

// Gather data.
Map<String, Object> map = new HashMap<String, Object>();
map.put("id", 111);
map.put("title", "event1");
map.put("start", new SimpleDateFormat("yyyy-MM-10").format(new Date()));
map.put("url", "http://yahoo.com/");

// Convert to JSON string.
String json = new Gson().toJson(map);

// Write JSON string.
response.setContentType("application/json");
response.setCharacterEncoding("UTF-8");
response.getWriter().write(json);

然后只需在 web.xml 中将此 servlet 映射到所需的 url-pattern 上即可。

您甚至可以创建 Javabean 类 Event，而不是 Map：

public class Event {
    private Long id;
    private String title;
    private Date start;
    private URL url;
    // Add/generate getters/setters.
}

您甚至可以使用 Gson 来转换它：

Event event = eventDAO.find(request.getParameter("id"));
String json = new Gson().toJson(event);

这样您可以更轻松地将它们全部收集在 中List 优于 List>：

List<Event> events = eventDAO.list();
String json = new Gson().toJson(events);

Answer 2

在您的 servlet 中放入以下脚本：

map.put("id", 111);
map.put("title", "event1");
map.put("start", new SimpleDateFormat("yyyy-MM-10").format(new Date()));
map.put("url", "http://yahoo.com/");

// Convert to JSON string.
String json = new Gson().toJson(map);

// Put json between [] to be formatted by Fullcalendar
json = "[" + json + "]";

// Write JSON string.
response.setContentType("application/json");
response.setCharacterEncoding("UTF-8");
response.getWriter().write(json);

Answer 3

首先，您需要从 jQuery 调用 servlet - 您可以使用 $.ajax() 来执行此操作。然后您需要将结果传递给日历。以下工作正常：

$.ajax({
          url: 'app',
          dataType: "json",
          success: function(response) {
              $('#calendar').fullCalendar({
                  header: {
                        left: 'prev,next today',
                        center: 'title',
                        right: 'month,agendaWeek,agendaDay'
                    },
                    editable: true,
                    events: [response]
                });
          }
        });

问候，
索林