ASP.NET MVC 4에서 Flot.js를 사용하여 SQL CE 데이터를 시각화하는 일반적인 방법은 무엇입니까?

Question

저는 일반적으로 데이터베이스 작업을하는 Flot.js라는 SQL Server를 처음 사용합니다. 데이터로 채워진 Microsoft SQL Server Compact 4.0 데이터베이스가있는 ASP.NET MVC 4 (VS 2012 사용) 프로젝트에서 작업 중이며 flot.js.를 사용하여이 데이터를 시각적으로 표시하고 싶습니다.

일반 정보 단계에서 데이터를 조작하는 데 필요한 정보를 찾을 수 없었습니다. SQL CE 데이터베이스의 DB 항목으로 시작하여 JSON 파일 (또는 CSV - flot.js가 입력으로 사용할 수있는 것)으로 끝나는 경우 ASP.NET을 사용하여 웹 개발자가 할 수있는 가장 일반적인 접근 방법은 무엇입니까? MVC 4?

Answer 1

안녕하세요 귀하의 질문은 꽤 광범위하므로 장소에 대한 답변이 매우 모호한 경우 사과드립니다. 기존 데이터베이스가 있으므로 Entity Framework Database First을 사용하여 데이터베이스를 의미있는 컨텍스트에 매핑 한 다음 코드에서 조작 할 수 있습니다. 당신이 edmx 모델을 만든 후에는 데이터를 조작하기 위해 컨트롤러에서 사용할 수 있습니다 :

public class YourController : Controller 
{ 
    private DatabaseEntities db = new DatabaseEntities(); 

    //.... Your controller actions 

데이터베이스 먼저 기존 데이터베이스에서 모델을 리버스 엔지니어링 할 수 있습니다. 모델은 EDMX 파일 (.edmx 확장자)에 저장되며 Entity Framework Designer에서보고 편집 할 수 있습니다. 응용 프로그램에서 상호 작용하는 클래스는 EDMX 파일에서 자동으로 생성됩니다.

FLOT는 다음과 같은 형식으로 데이터를 취합니다

[[1,2],[3,4],[5,5]] // x, y coordinates 
[[1,"a"],[2,"b"],[3,"c"]] // Categories 

더 자세한 내용은 Flot documentation를 참조하십시오. 따라서 Json을 사용하면 flot을 직접 사용할 수 없습니다.

: 당신이 데이터를 얻을 수 및 차트를 그릴 수 jQuery를에서 전화를 걸 수있는 클라이언트 측에서 지금

public string GetData() 
{ 
    var query = db.Table.Where(... // linq query for desired data 

    var builder = new StringBuilder(); 
    builder.Append("["); 
    foreach (var item in query) 
     builder.AppendFormat("[{0}, {1}], ", item.x, item.y); 
    var result = builder.ToString(); 

    return result; 
} 

: 당신은 당신이 올바른 형식으로 필요한 데이터를 반환하는 컨트롤러 액션을 만들어야합니다

$(function() { 

    $.getJSON("../controller/action", function (data) { 

     $.plot("#placeholder", [data], { 
       // your chart 

MVC를 사용하는 한 가지 방법이지만 MVC를 사용하는 것이 좋습니다. 다행히도 이것은 당신에게 좋은 개요를 줄 것이고 적어도 당신이 시작하기에 충분한 정보를 가지고 있어야합니다.