동적으로 클릭 한 이미지 표시 MVC

Question

저는 MVC를 처음 접했고 비교적 간단한 질문을하고 싶습니다. 색인 페이지에 링크 인 2 개의 그림이 있습니다. 그들은 둘 다 "페이지"라는 다른 페이지로 이동하고이 페이지가 열리면 방금 클릭 한 이미지를 렌더링하려고합니다. 나는 "ball.jpg"를 클릭하면

<div class="col-md-4"> 
<h2>Column 1</h2> 
    <a href="@Url.Action("NewPage", "Page")"> 
     <img src="~/Images/ball.jpg" /> 
    </a> 
</div> 
<div class="col-md-4"> 
    <h2>Column 2</h2> 
    <a href="@Url.Action("NewPage", "Page")"> 
     <img src="~/Images/ball1.jpg" /> 
    </a> 
</div>` 

그래서, 난 단지 그 새 페이지에 렌더링하고 싶은, 그리고 "ball1.jpg"에 대한 동일한 다음은 인덱스 페이지에서 난관이다. "NEWPAGE"에 대한 감사관 :

namespace MVC.Mine.Controllers 
{ 
    public class PageController : Controller 
    { 
     // GET: Page 
     public ActionResult NewPage() 
     { 
      return View(); 
     } 
    } 
} 

Answer 1

당신은 쿼리 문자열 매개 변수 값으로 고유 키를 전달하는 귀하의 링크의 href 속성 값을 업데이트 할 수 있습니다.

예를 들어 현재 코드를 사용하면 이미지 파일 이름을 전달할 수 있습니다. 이제

<a href="@Url.Action("NewPage", "Page",new {id="ball"})"> 
    <img src="~/Images/ball.jpg" /> 
</a> 
<a href="@Url.Action("NewPage", "Page",new {id="ball1"})"> 
    <img src="~/Images/ball1.jpg" /> 
</a> 

확인은 NEWPAGE 액션 메소드는

당신이보기에 문자열 값 (파일 이름)을 통과하기 때문에

public ActionResult NewPage(string id) 
{ 
    var fileName=id+".jpg"; 
    return View(fileName); 
} 

, 확인이 강하게 만드는 매개 변수라는 이름의 ID에이 문자열 값을 허용 문자열 형식으로 입력됩니다. 당신이 데이터베이스 테이블 (들)에서 레코드에 대한 이미지를 보여주는 경우

@model string 
<h2>Going to display the image clicked</h2> 
<img src="~/Images/@Model" /> 

, 당신은 이미지 정보를 쉽게 NEWPAGE 액션 방식으로 검색 할 수있는 고유 ID (기본 키)를 통과해야한다.