Пожалуйста, посмотрите на образец денормализованной БД, показанный ниже:
|----|---------------|---------|------------------------|---------------|----------------------|
| id | continent | country | state | city | street |
|----|---------------|---------|------------------------|---------------|----------------------|
| 1 | North America | USA | California | San Francisco | Broadway |
| 2 | South America | Brazil | Sao Paulo | Campinas | R. Dr. Emilio Ribas |
| 3 | South America | Brazil | Sao Paulo | Campinas | R. Dr. Vieira Bueno |
| 4 | Asia | India | Maharashtra | Mumbai | C.S. |
| 5 | Asia | India | Maharashtra | Mumbai | S.V. |
| 7 | Europe | Germany | North Rhine-Westphalia | Duisburg | Essenberger |
| 8 | Europe | Germany | North Rhine-Westphalia | Bochum | Solingen |
| 9 | Europe | France | Lorraine | Toul | Dijon |
| 10 | Europe | France | Lorraine | Verdun | 50 Avenue |
| 11 | North America | USA | Massachusetts | Boston | Saint Alphonsus |
| 12 | North America | Canada | Ontario | Kingston | 1st Avenue |
| 13 | North America | Canada | Ontario | Kingston | 7th Avenue |
| 14 | North America | Canada | British Columbia | Kamloops | Albert |
| 15 | North America | USA | Massachusetts | Boston | Eliot |
|----|---------------|---------|------------------------|---------------|----------------------|
Значение каждого раскрывающегося списка происходит из базы данных, показанной выше. стоимость улицы зависит от стоимости города, стоимость города зависит от стоимости штата, стоимость штата зависит от стоимости страны, а стоимость страны зависит от стоимости континента.
Например: если я выберу Северную Америку в качестве континента, то в раскрывающемся списке Страна должны отображаться только США и Канада. Далее, если я выберу США, то в раскрывающемся списке «Штат» должны отображаться только Калифорния, Массачусетс и т. Д. Может ли кто-нибудь помочь мне найти решение, когда база данных денормализована с помощью jquery / JSP / Servlet?
На данный момент я сделал следующее кодирование. Я использовал jquery и написал JSP:
<%@ page pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Dependent Dropdown</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function() {
$('#continent').change(function() { fillOptions('country', this); });
$('#country').change(function() { fillOptions('state', this); });
$('#state').change(function() { fillOptions('city', this); });
$('#city').change(function() { fillOptions('street', this); });
});
function fillOptions(childID, parentID) {
var child = $('#' + childID);
$.getJSON('json/options?child=' + childID + '&val=' + $(parentID).val(), function(opts) {
$('>option', child).remove(); // Clean old options first.
if (opts) {
$.each(opts, function(key, value) {
child.append($('<option/>').val(key).text(value));
});
} else {
child.append($('<option/>').text("Please select parent"));
}
});
}
</script>
</head>
<body>
<form>
<select id="continent" name="continent">
<c:forEach items="${continent}" var="option">
<option value="${option.key}" ${param.continent == option.key ? 'selected' : ''}>${option.value}</option>
</c:forEach>
</select>
<select id="country" name="country">
<option>Please select parent</option>
</select>
<select id="state" name="state">
<option>Please select parent</option>
</select>
<select id="city" name="city">
<option>Please select parent</option>
</select>
<select id="street" name="street">
<option>Please select parent</option>
</select>
</form>
</body>
</html>
Servlet позади /json/options выглядит так:
import java.io.IOException;
import java.util.Map;
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 org.apache.log4j.Logger;
import com.google.gson.Gson;
import com.amey.dao.AddressDAO;
import com.amey.dao.AddressDAOImplementation;
@WebServlet("/CascadingDropdownController")
public class CascadingDropdownController extends HttpServlet {
private static final Logger LOG = Logger.getLogger( CascadingDropdownController.class.getName() );
private AddressDAO dao;
private static final long serialVersionUID = 1L;
public CascadingDropdownController() {
dao = new AddressDAOImplementation();
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
LOG.info("In doGet ");
String child = request.getParameter("child"); // ID of child DD to fill options for.
String val = request.getParameter("val"); // Value of parent DD to find associated child DD options for.
Map<String, String> options = null;
try {
options = dao.find(child, val);
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
String json = new Gson().toJson(options);
response.setContentType("application/json");
response.setCharacterEncoding("UTF-8");
response.getWriter().write(json);
}
}
Честно говоря, я не совсем понимаю насчет имплементации DAO. Мне нужна помощь с логикой DAO.