jQuery Knob – Tutorial and Example

jQuery 손잡이는 간단한 입력 필드를 멋진 모양의 노브로 바꾸는 다이얼 노브입니다 그것은 매우 쉽고 초 단위로 설정할 수 있습니다! 노브를 사용하려면 페이지에 jQuery와 노브

js 만 있으면됩니다png / jpeg 또는 CSS 필요 없음 노브는 사용자가 취향대로 노브를 사용자 정의 할 수 있도록 다양한 옵션 / 구성을 제공합니다 우리는이 비디오에서 그들 중 일부를 살펴볼 것입니다! 먼저 GitHub 노브로 라이브러리를 가져 오십시오 (아래 설명에서 링크) 필요한

js는 dist 폴더에 있습니다 jqueryknobminjs에 대한 링크를 복사하고 예제에 포함 할 것입니다

(우리는 Github에서 js 파일에 대한 링크를 보낼 수 없기 때문에 RawGit을 사용해야합니다) 이제 js 파일을 준비했습니다 다음으로 입력 필드를 정의하겠습니다 값 필드는 우리 노브의 기본값입니다

나는 지금 10으로 설정하겠습니다 입력 필드에 클래스 "다이얼"을 추가해 보겠습니다 노브를 시작하려면 jQuery 객체에서 knob ()을 호출하면됩니다 (귀하의 페이지에 jQuery를 포함시키는 것을 잊지 마십시오!) 손잡이가 여기 있습니다! 커스텀 노브에는 많은 옵션이 있습니다 예를 들어, 노브의 색상, 크기, 최소 및 최대 값을 설정할 수 있습니다 GitHub 페이지에서 이러한 옵션 사용하기 최소값과 최대 값을 설정해 봅시다 최소값과 최대 값을 전달하면됩니다 다음은 "angleOffset"으로 호의 범위를도 단위로 지정할 수 있습니다

픽셀 단위로 너비와 높이 설정 ( "px"필요 없음) 'displayInput'은 노브 중앙의 값 자리를 숨길 수있게합니다 'fgColor'는 노브 다이얼 막대 색상입니다 마지막으로, 노브를 사용하여 "릴리스"이벤트 핸들러를 지정할 수도 있습니다 사용자가 마우스에서 마우스를 놓을 때 수행 할 작업을 코딩 할 수 있습니다 현재 노브 값은 또한 함수로 전달 될 것입니다 시도 할 수있는 옵션 / 구성이 아직 많이 있다는 것을 잊지 마십시오

예를 들어 두께를 변경하거나 자바 스크립트로 손잡이 스타일을 동적으로 변경할 수 있습니다 시청 해 주셔서 감사합니다 원하시면 구독 해주세요 🙂

How to insert & retrieve data from sql using JQuery Ajax full video

Ajax JQuery를 사용하여 SQL에서 데이터를 저장하고 가져 오는 방법 SQL 데이터베이스 만들기 단일 테이블로 데모 데이터베이스를 만들었습니다 id, name & number는 테이블의 열입니다

지금 웹 응용 프로그램을 만들 수 있습니다 응용 프로그램이 내 로컬 디렉토리에있는 JQuery 파일을 필요로합니다 이것은 내 웹 양식 디자인입니다 이름 & 번호의 값을 저장해야합니다 제출을 클릭하면 데이터가 SQL에 저장됩니다

getData를 클릭하면 레코드가 SQL에서 검색됩니다 다른 더미 데이터를 삽입 할 수 있습니다 제출 클릭을위한 Ajax가있는 JQuery 코드 WebMethod를 호출하는 Ajax URL 이것은 cs 파일의 My WebMethod입니다 이 매개 변수는이 메서드를 호출하는 데 필요합니다

디버깅을 통해 전체 프로세스를 볼 수 있습니다 디버깅을 통해 SQL에서 데이터 검색하기 개체 배열에 데이터를 반환했습니다 데이터는 json 객체 형식으로 반환됩니다 for 루프를 사용하여 테이블에 데이터를 추가하는 중입니다 시청 해주셔서 감사합니다

더 많은 동영상 구독

jQuery Sizzle – What and how to use Sizzle?

Sizzle은 jQuery 라이브러리에서 사용되는 크로스 브라우저 Javascript DOM 선택기 엔진입니다 (실제로 jQuery 프로젝트에서 스핀 오프 됨) $ ( '# someid')와 같은 jQuery를 선택하면 jQuery가 Sizzle을 트리거하여 DOM select를 실행 한 다음 그 결과를 jQuery로 다시 리턴한다

따라서 jQuery 선택기를 사용하려고하지만 다른 많은 기능을 사용하지 않는 경우 독립형 Sizzle을 사용하면 jQuery의 불필요한 오버 헤드를 줄일 수 있습니다 또한, sizzle의 js 크기는 jQuery보다 훨씬 작습니다 GitHub의 현재 Sizzle 릴리스를 살펴 보겠습니다

지글 지글 크기는 약 18KB, jQuery 214 (5 배 더 큼)의 약 90KB와 비교됩니다 따라서 지즐을 사용하면 페이지로드 시간이 단축됩니다 지글 지글 대는 CSS 선택기 구문을 사용하고 jQuery와 매우 유사합니다

W3school CSS 선택자 페이지를 참조 할 수 있습니다 다음으로, 우리는 Sizzle을 사용하는 방법을 보여줄 것입니다 여기에 테스트 할 준비가 된 HTML 요소가 있습니다 지즐을 사용하려면 js 파일을 페이지에 포함하기 만하면됩니다

sizzlejs는 GitHub에 있기 때문에 jsfiddle에 파일을 포함 시키려면 CDN을 사용해야합니다 RawGit을 사용할 것입니다 (아래 비디오 설명의 링크 참조) 자, 이제 준비 됐어 이드가 첫 번째 div를 선택하겠습니다

JQuery의 $ ( 'selector')에 simliar를 사용하여 Sizzle ( 'selector')를 사용할 수 있습니다 그래서 그것은 지즐 ( '# testdiv')이 될 것입니다 우리가 그 결과를 볼 수 있도록 팝업에 div 텍스트를 넣자 반환 된 결과는 항상 배열에 있으므로 인덱스를 지정해야합니다 끝난! jQuery와 작동하는 모든 선택기 역시 Sizzle과 함께 사용해야합니다

이번에는 클래스별로 선택해 봅시다 또는 사용자 지정 특성 또는 이와 비슷한 것 : last-child selector 요약하면, Sizzle은 jQuery의 일부입니다 선택기 만 사용하려는 경우 시즐을 사용하거나 성능 /로드 시간이 가장 중요합니다 그렇지 않으면 jQuery로 이동하십시오 시청 해주셔서 감사합니다! 더 많은 팁 / 튜토리얼을 구독하십시오!

Explain Jquery with a example ? ( Jquery Interview questions)

이 비디오에서 우리는 이해하려고 노력할 것입니다 Jquery 란 무엇이며 Jquery의 간단한 예도 볼 수 있습니다

Jquery는 재사용 가능한 자바 스크립트 라이브러리입니다 자바 스크립트 코드를 단순화합니다 Jquery는 Javascript를 대체하지 않는다는 것을 기억하십시오 Jquery는 자바 스크립트에서 파생되었습니다 그래서 Jquery는 도서관입니다

자바 스크립트는 언어입니다 Jquery는 Javascript 맨 위에 위치합니다 개발이 쉽고 Javascript 코드가 쉬워집니다 Jquery가 Javascript 코드를 단순화하는 방법에 대한 간단한 데모를 할 수 있습니다 여기에 아주 간단한 html 텍스트 상자가 있습니다 우리가 가서이 텍스트 박스를 설정한다고 말하게한다

Hello Jquery에 우리가 자바 스크립트로해야한다면 우리가 어떻게하는지 여기에 스크립트 태그를 넣을 것입니다 자바 스크립트에서 HTML 요소를 참조하려면 DOM을 사용해야합니다 즉, 문서 객체 모델 이드로 documentget 요소를 여기에 써야합니다 그래서 그것은 txt1이고, 나는 여기서 말할 것입니다

과 안녕 Jquery Javascript의이 신텍스가 너무 길고 비밀 스럽다는 것을 알 수 있습니다 내가 이걸 실행하면 아무 일도 일어나지 않을거야 그냥 가서 Hello Jquery를 표시 할거야 전체 구문이 어떻게 짧아지는 지 볼 수 있습니다 Jquery를 사용한다면 이미 Jquery는 아무 것도 아니라 재사용 가능한 라이브러리라고 말했듯이 우선이 라이브러리를 다운로드하여 라이브러리 참조를 프로젝트에 추가해야합니다

우리가 여기에 사이트에 가자 Jquery 파일을 구할 수있는 사이트는 Jquerycom/download입니다 이 사이트에 간다면 여기 Jquery 파일의 버전이 많이 있다는 것을 알 수 있습니다 Jquery 1

x 및 Jquery 2x와 같은 Jquery 2x는 새 버전입니다 이 비디오를보고 있다면 5 년 후에 말하게하십시오 Jquery 5

x가있을 수 있습니다 현재 이것은 최신 버전입니다 이 파일을 다운로드하고 다운로드 할 수 있습니다 이 파일을 프로젝트 폴더에 저장합니다 당신은 그것이 내 프로젝트 웹 어플리케이션 4임을 알 수 있습니다

나는 이것을 여기에서 구할 것이다 Jquery 파일을 여기 내 프로젝트에 추가하십시오 여기에 기존 항목 추가라고 말하고 있습니다 이 Jquery를 추가하겠습니다 2

11minjs 다음 비디오에서는이 minjs가 무엇인지 이해하려고 시도 할 것입니다

여기에이 Jquery 파일을 열면 거기에 자바 스크립트 코드가 있음을 알 수 있습니다 이게 정확히 Jquery 프로젝트에 관한 것입니다 재사용 가능한 라이브러리입니다 이 파일에 정확히 무엇이 기록되어 있는지 들어 보지 않겠습니다 그것이 어떻게 진행되고 여기서 구문을 단순화하는지 보도록하겠습니다

프로젝트 내에 Jquery 파일을 포함하면 다음으로 Jquery 파일을 참조해야합니다 aspx 페이지 또는 aspx 페이지에 Jquery 파일을 여기 내 페이지로 드래그 앤 드롭 할 것입니다 너는 지금 볼 수있다 Jquery 파일이 포함되었습니다 페이지에 Jquery 구문은 SSS 형식으로 작성됩니다

이 SSS 형식은 무엇입니까? 모든 Jquery 구문은 달러 기호로 시작됩니다 먼저 달러 기호로 시작해야한다는 것입니다 두 번째는 요소를 선택하고 선택해야한다는 것입니다 예를 들어 현재 우리 요소는 txt1입니다 이 요소를 선택하려면 여기에 # txt1을 써야합니다

그리고 마지막 하나는 가서 명령을 쏘는 방법을 쏴야한다는 것입니다 이 순간에 나는 가서 값을 설정하고 싶다 에 여보세요 Jquery Jquery 커맨드를 작성할 때 먼저 달러 기호로 시작해야합니다 첫 번째 S는 두 번째 S입니다 요소를 선택해야합니다

이 경우 우리 요소는 txt1입니다 가서 명령을 쏘아 라 현재 우리는 텍스트 상자의 값으로 설정되어 있습니다 이제 볼 수 있습니다 이 Jquery Syntax가 자바 스크립트 코드를 단순화 한 방법 최고 Javascript 코드 document

getElementById를 살펴보십시오 그 다음 value 달러 기호로 시작하는 요소를 선택하십시오 너의 명령을 해고했다 나는이 부분을 여기서 논평 할 것이다

그래서 이걸 실행하면 출력은 절대적으로 동일합니다 안녕 Jquery 하지만이 Hello Jquery는 Jquery 구문을 사용하여 표시됩니다 이 동영상을 즐겼 으면 좋겠습니다 이 비디오에서 우리는 다음을 수행했습니다 처음 정의 된 Jquery는 Jquery와 Javascript의 차이점을 이해하려고합니다

우리는 Jquery 파일을 다운로드 할 수있는 곳에서부터 Jquery의 간단한 Hello 예제를 보았습니다 정말 고맙습니다

modal popup using jquery, only once

모든 부트 스트랩 css 및 js 추가 새 웹 양식 추가 -> 추가 -> 새 항목 -> 웹 양식 드래그 앤 드롭 모든 CSS와 부트 스트랩의 js 이 링크를 추가하여 스크립트 작업 팝업은 첫 번째로드에만 표시됩니다 새로 고침 :-)을 클릭하면 코드가 잘 작동합니다 !!!!!

REST WCF Service in ASP.NET – #3/4 – POST HTTP Request with JQuery and AJAX

안녕하세요 REST WCF 웹 서비스 자습서의 세 번째 강의를 환영합니다

시리즈 이 단원에서는 POST HTTP 요청을 수행합니다 마지막으로 우리는 GET을했습니다 HTTP 요청, 이제는 서비스에 데이터를 보내고 다시 무언가를 얻을 시간입니다 그것에서

이번에는 우리의 서비스에 다른 방법을 추가해야합니다 마지막 강의에서 방금 DoWork 메소드를 사용했습니다 이번에는 DoSquare () 메소드를 추가 할 예정입니다 이 수업을 위해 내가하고 싶은 것은 간단한 수학이며, 숫자를 보내면됩니다 정수를 서비스에 추가하면 정사각형으로 결과가 반환됩니다

따라서 우리의 DoSquare () 메소드는 정수를 반환하고 정수가 필요합니다 그리고 이번에는 GET 요청이 아니며 POST 요청이며 마지막 사항입니다 우리는 URI를 변경해야하며 이것은 "DoSquare"입니다 좋아, 이제 우리는 그것을 구현 파일 공개 및 "DoSquare", int 값 그리고 간단하게 그것 값 * 값을 반환합니다 좋아요, 실제 웹 서비스 용입니다 그리고 이제 우리가 간다 기본 * aspx 파일 인 클라이언트로 돌아가서 다시 만듭니다

단추 이번에는 "DoSquare"와 JavaScript 함수를 호출합니다 "doSquare"거기 가서 다시 아약스가 필요하고 우리는 그것을 복사합니다 다른 하나

그럼 여기서 뭘해야하지? 이 URL을 변경해야합니다 시간은 "DoSquare"입니다 이번에는 다른 유형입니다 나는 사용하고있다 POST, dataType이 다시 "json"이면 이번에 contentType을 추가해야합니다

이것은 "application / json"이 될 것이고 마지막으로 중요한 일이지만, 나는 아주 좋아한다 여기에 넣어, "데이터"입니다 그리고 이렇게 해봅시다 우리는 변수를 정의 할 것입니다 이 경우 값은 2이며 JSON을 사용하여 데이터를 전송하므로 우리는 문자열 화해야합니다

따라서 우리는 서비스에 대한 우리의 가치를 번역해야합니다 그래서 그것을 읽을 수 있습니다 그리고이 함수는 "JSONstringify ()"입니다 저는 여기서 우리의 가치를 사용하고 있으며 우리가 우리에게 보낼 데이터입니다

서비스 그리고 그것은 실제로 그것입니다 해 보자 물론 우리는 이것을 구축해야합니다 우리가 서비스를 변경했기 때문에 시간

좋아 우리 페이지를 새로 고쳐 라 "DoSquare"를 클릭하면 결과를 얻습니다 굉장한, 안 그래? 그것이 POST에 대한 모든 것입니다 HTTP 요청

하지만 코드에서 변수를 사용하고 싶지 않을 수도 있습니다 너는 ~하고 싶어 사용자가 아무 것도 입력하지 못하게하십시오 그리고 이것은 HTML jQuery에 대한 부분이지만 여전히 그렇습니다 우리는 그것을 사용하고 여기서 그것을 할 것입니다

그럼 입력을 만들어 봅시다 텍스트 필드, 입력 유형 = "텍스트"이고 ID는 "squareValue"로 여기 멋진 jQuery를 다시 사용할 수 있습니다 이 선택기를 사용합니다 selector – ID를 사용하여 DOM 요소, HTML 요소의 값을 가져 오는 위치 "squareValue", 나는 이것이 정확하다고 생각한다 좋아요

그러면 여기에서 입력을 볼 수 있습니다 텍스트 필드 ID가 "squareValue"인 경우 여기에서 가져옵니다 이것은 jQuery 함수를 사용하여 텍스트 필드의 값 그런 다음 여기에서 다시 사용하여 데이터를 보냅니다 서비스에

이제 시도해 보겠습니다 좋아, 우리는 텍스트 필드를 가지고 있으므로 이번에는 3을 입력하고 DoSquare와 it 9를 반환합니다 12는 어때? 144, 멋지네 그게 당신이 POST 요청을 사용하고자 할 때 모든 것을, POST HTTP 요청하십시오 추가 질문이 있으시면 의견 및 지금은 GET 및 POST HTTP 요청의 기본 사항입니다

하지만 알아야 할 것이 하나 더 있습니다 당신이 당신 자신의 것을 사용하고 싶다면? 데이터 유형? 귀하의 서비스에 수업이 있고 이 클래스와 이러한 정보는 정수, 문자열, 부동 소수점, 다음 강의를 봐야합니다 그래서 거기에 보자! 🙂

Part 5 – Difference between ViewBag and Viewdata and TempData | Peak and Keep

안녕하세요, aspnet MVC 튜토리얼로 돌아 오신 것을 환영합니다 이것은 Ashish이므로 이것이 제 5 번째입니다

튜토리얼을 진행하기 전에 이전에 본 것을 제안 해주십시오 동영상이 튜토리얼에서 내가 그 예제를 사용하기 때문에 나는 이전에 사용 했으므로 이제는 차이점에 대해 논의 할 것입니다 ViewBag ViewData와 TempData 사이에서 매우 인기있는 질문이며 모든 인터뷰에서 질문했습니다 이제 ViewData로 왔습니다 뷰 쌍을 사용하여 컨트롤러에서 해당 뷰로 데이터를 전달하는 데 사용됩니다

뷰 데이터는 ViewData 사전에서 파생 된 추가 개체입니다 클래스 viewBag는 문자열 목록이나 int를 저장할 수있는 동적 컨테이너입니다 데이터 형식은 플라이 뷰 데이터에서 필요로하는 typecasting과 몇 가지 back은 타입 캐스팅을 필요로하지 않으므로 여기에서 viewBag dot my 구문을 볼 수 있습니다 괄호 안의 Ashish보기보기 데이터와 동일한 이름입니다 내 이름은 ashish이며 지금은 Tempdata에오다 Tempdata는 Temp 데이터에서 파생 된 사전 객체이기도합니다

사전을 사용하면 한 컨트롤러에서 다른 컨트롤러로 이동할 때 데이터를 유지하는 데 도움이되었습니다 다른 컨트롤러 또는 하나의 액션을 다른 액션으로 사실상 지금은 구문 temp 데이터를 볼 수 있습니다 이름이 이제 컨트롤러에옵니다 이전 세션에서 방금 생성되었습니다 컨트롤러 및 이제 막 내가 직원을 만들었던 클래스를 볼 수 있습니다

이 속성을 가진 클래스는 이제 방금 만든 목록을 만들었습니다 직원에게 전달하고보기로 이동하면보기로 이동하면 볼 수 있습니다 그냥 묶어 라 그러면 지금 당신이 그것을 실행하면 당신은 그와 그의 목록을 보게 될 것이다 ID와 이름의 직원 목록 및 부서 여기 이제 너 괜찮아 질거야

나는 그녀를 통제 할거야, 이제 나는 이 모델 대신 백 뷰 데이터 및 임시 데이터를 볼 수 있으므로 그것을 지우고 지금 이것을 사용하여 이미 이것을 만들었습니다 그래서 우리가 그것을 더 논의 할 것이고, 잎 위에서 약간의 뒤를 사용할 것이기 때문에 그것을 논평합시다 그래서 나는 다시보기 복사본을 사용하려고합니다 모델 대신에 당신은 할 수 있습니다 이보기를 다시 사용하면이 프로젝트를 실행하고 진행 상황을 보도록하겠습니다

여기서 일어날 일은 너무 적어서 역동적 인 컨테이너 일 뿐이에요 다시보기 내부에 목록을 삽입하여 동적으로 내용과 데이터를 확인했습니다 런타임에 유형을 볼 수 있습니다 오, 그건 null을 반환 괜찮아 난 그냥 이것을 삭제하는 것을 잊었습니다 지금 그것을 지우고 그것을 지금 비율 표시에 두는 그것을 지금 삭제하십시오 삭제하십시오 이제 그 목록을 볼 수 있고 지금은 그만 둘거야 이제 컨트롤러로 이동하여 뷰 경로 대신에 사용할 것입니다

여기에 데이터가 거의 없으며 복사를 할 때 복사해서 붙여 넣으려고합니다 지금 그것은 나에게 오류를 줄 것이다 그래서 보자 Foreach 문은 개체 유형의 변수에서 작동 할 수 없습니다 열거자를 가져 오기위한 공용 정의가 포함되어 있지 않으므로 여기에서 수행해야합니다

타입 캐스팅 (typecasting)하기 때문에 어떤 데이터 타입을 쓰는지 그래서 MVC tutorialorg의 목록을리스트로 사용하겠습니다 점원 직원 그래서 지금 나는 단지 그것을 여기에서 던지고있다 그래서 여기 지금 실행하자 여기서 일어날 일들을 보자

그것이 나에게 오류를주고 있는지 여부를 지금 viewdata에서 목록을 볼 수 있습니다 보기의 목록과 모델의 목록은 모두 괜찮습니다 같은 목록을 반환하고 이제는 자신의 견해가 동적 컨테이너이며 n 개의 top이 필요하지 않은지 검사하지 않습니다 타입 캐스팅과 뷰 데이터는 타입 캐스팅이 필요합니다 여기에서 볼 수 있습니다 유형 비용 지금 나는 컨트롤러에 갈 것이고, 이제는 온도를 설명 할 것이다

데이터 그래서 여기에 내가 그것을 ctrl K 괜찮아요 그래서 다시보기에 코멘트거야 그냥 미안하게 고용하고 그냥 거기에 그대로 두게 viewbag 그냥 문자열을 삽입 메리보기 데이터입니다 Ashish 나는 그저 당신이 이름을 볼 수있는 직원 이름 VD가 거의 없다는 것을 의미합니다 직원 미스 임시 데이터 이제 보러 갈 경우 두 번째 페이지를 만들었습니다 당신은 내가 방금 목록을 작성했는지 확인할 수 있습니다 여기에 귀하의 견해를 보여 드리겠습니다

나는 모든 것을 보여주고 있습니다 모든 데이터보기 데이터 임시 데이터보기 데이터 M 데이터보기 및 뒤로보기 여기서 가치는 여기에 있습니다 나는 그것을 복사 할 것이고 우리는 나의 페이지에도 그리고 나서 두 번째 페이지로 리디렉션하면 두 번째 페이지로 표시됩니다 리디렉션이 발생하면 어떻게 될지 보여 줄 것입니다 M 데이터보기 데이터로 발생 n보기 다시 확인 그래서 여기에 나는 단지 다시보기 데이터보기 데이터와 임시 데이터를 설정하고 있습니다

가치와 나는 목록의 아래에 그것을 여기에서 보여주고있다 당신은 당신의 전망을 다시 볼 수있다 가치는 메리보기 데이터이고 John입니다 이제 리디렉션 할 것입니다 이 페이지는 여기에서 볼 수 있습니다

두 번째 페이지로갑니다 그래서 보도록하겠습니다 보기 팩 값이 null 인 경우보기 데이터 값이 null 인 것을 볼 수 있습니다 그리고 당신의 10 베타 모든 그들과 당신이 걱정할 필요가 없도록 null을 얻을 왜냐하면 두 가지 모두 컨트롤러에서 데이터를 전달하는 데 사용된다는 것이 확실하기 때문입니다 리디렉션이 발생하면 해당 뷰가 의미합니다

값은 null입니다 리다이렉션이 발생하면 뷰 데이터와 뷰백 값은 모두 null이됩니다 같은 경우에 데이터도 null이되지만 우리는 하나의 메소드 temp를가집니다 이 방법을 사용하거나 내부에 임시 이름 ID를 전달할 수 있으면 데이터 힙 힙 하지만 나는 그것을 사용하지 않을 것입니다 좋아요

다시 실행하고 다시 시도해 보겠습니다 편집을 마치고 처음에는 레이아웃을 비우려고합니다 레이아웃은 나중에 비디오 세션에서 논의 할 것이므로 여기에 여기에 데이터를 설정하고보기에 표시 할 예정입니다 두 번째 페이지는 지금 여기서 내가 임시 데이터 시간 데이터를 사용했는지 또는 유지했는지 알 수 있습니다 이제 그 가치는 보존 될 것입니다

여기서 무슨 일이 있었는지 확인하겠습니다 유혹받는 좋아, 지금 여기에서 너는 볼 수있다 나는 방금 Tim을 사용했다 그리고 칠면조는 나를 보여준다 리디렉션이 발생하면이 값이 Tim 데이터 값이됩니다 임시 데이터 값이 보존되므로 여기서 데이터를 유지하는 데 도움이된다고 말할 수 있습니다

한 컨트롤러에서 다른 컨트롤러로 이동하거나 한 동작에서 다른 컨트롤러로 이동할 때 당신이이 페이지로 이동하면 리디렉션이 발생하면 이 값은 임시 값 데이터 값을 보존 할 수 있지만 다른 값은 그렇지 않습니다 해당 기능이없는 데이터를 볼 수 있으므로 데이터를보고 다시 볼 수 있습니다 리디렉션이 발생하지 않으면 임시 데이터에 아무 것도 얻지 못합니다 도착 페이지 목적지를 아는 경우 최대까지 보존 할 수 있습니다 컨트롤러를 사용하면 확실히 사용할 수 있습니다

레이아웃 차이 그래서 난 그냥 지금 레이아웃이 null과 같게 만들었습니다 나는 여기에 참고 문헌을 제시 할 필요가있다 나는 그것을 줄 것이고, 이제 너는 내가 새로 고침 새로 고침을하면 새로 고침을 의미합니다 여기에 내가 여기에 없기 때문에 사라지게 될 것입니다 컨트롤러 그래서 그 이유는 존 사라지고 다시 만약 내가이 경우 이전 페이지 및 지금 홈 컨트롤러에서 C 홈 홈 컨트롤러에서 여기 색인에서 색인에서 나는 두번째 페이지에 가고있다 그래서 여기있다 나는이다 10m 데이터 및 시간 데이터 도어 키 설정하기 두 번째 페이지 다음이 보관됩니다 그리고 지금 내가 다시로드하면 그것은 될 것입니다 이 방법으로이 두 번째 페이지를 다시로드하기 때문에 사라졌습니다

여기에 다시 쓰면이 방법을 다시 쓰지 않았어 나를 위해 또는 나와 함께 일한다 이렇게하면 임시 데이터를보기 데이터로 사용하고 다시 볼 수 있습니다 이 튜토리얼에서는 뷰 백 뷰 데이터에 대해 논의했습니다 그리고 임시 데이터가 너무 나를 보면서 정말 고마워요 그리고 만약 당신이 정말로 좋아한다면 엄지 손가락으로 의견을 말하고 내 동영상을 공유하고 분명히 구독하십시오

Part 4 – MODEL Binding in ASP.NET MVC (Model-View-Controller)

안녕하세요 모두가 ASP 닷넷 MVC 자습서에 오신 것을 환영합니다 이것이 제 네 번째입니다

튜토리얼을 진행하기 전에 이전에 본 것을 제안 해주십시오 이전 동영상에서 1 ~ 2 분의 1 분량의 동영상이었습니다 제어기보기 및 라우팅 개념에 대해 지금까지 논의했습니다 튜토리얼 모델에 대해 논의 할 것이므로 이제는 비주얼 스튜디오를 열고 이전 비디오에서 볼 수 있습니다 테스트 콘트롤러를 만들었습니다

컨트롤러 II는 ViewBag 이름 목록에있는 목록을 반환하고 있었고 이 목록을보기에 표시하면 모델을 추가하고이를 표시합니다 똑같은 목록이 이제는 삭제됩니다 지금 나는 이것도 삭제할 것이고 지금은 직원 테이블을 만들었습니다 직원 ID 이름과 부서라는 세 개의 열이 있는데 이제는 모델을 추가하여 모델 폴더를 클릭하십시오 추가를 클릭하고 클래스를 추가하고 이름을 지정하십시오 종업원 추가 좋아, 이제 직원 클래스를 추가 했으므로 이제 직원을 만들 것입니다

ID는 공개 ID와 직원 ID 만 써야합니다 보고 세트를 가져다 놓고 이것을 복사하십시오 두 번째 이름과 부서이므로 이름을 바꾸고 직원 이름을 바꿀 것입니다 그리고 부서 그래서 지금은이 응용 프로그램을 구축 할거야 그래서이 모델은 테이블 이름을 새로 고치기 만하면됩니다 지금보기에서 나는 단지 그것을 사용할 것이므로 @ 기호를 넣고 모델을 사용하고 공간을 넣고 프로젝트 이름 MVC 자습서를 작성하십시오

모델 당신이 당신의 직원 모델을 만들었다면 점을 넣으십시오 그래서 employee를 넣으십시오 이제 컨트롤러로 이동하여 목록은 직원의 목록을 만들었습니다 이제는 회개하지 않는 것을 볼 수 있습니다 그래서 마우스 오른쪽 버튼을 클릭하여 이것을 해결하면 라이브러리를 추가 할 수 있습니다

직원과 같은 직원을 언급합니다 직원 목록 목록은 신입 사원 목록과 같고 이제 다시 클래스 직원을 만들 것입니다 직원은 신입 사원과 같습니다 이제 닫으십시오 여기에서 볼 수 있습니다

직원 목록의 항목이므로 직원 목록에 추가합니다 나는 신입 사원을 추가하여 참고 자료를 얻을 수 있도록하겠다 직원 ID는 1과 같습니다 쉼표 이름은 Ashish와 같으며 지금은 씁니다 IT 부서와 같다

알았어 유니 코드 변환기를 클래스로 표현하면된다 당신의 모델은 내가 그것을 문자열로 만든다는 것을 안다 문자열 여기에 ID int와 나머지 것들은 이제 복사 만하면됩니다 붙여 넣기를하면 이제 ID가 2 3 4로 바뀌고 지금은 John Sarah와 Andrew와 Department가 다음과 같이 될 수 있습니다

QA와 인벤토리를 추가하면 인벤토리를 추가 할 수 있으므로 품질 보증 판매 부서를 둘 수 있도록 세트 이제이 모델로 전달할 것입니다 이제는 레코드 목록을 가지고 VIEW를 반환 할 것이고 이제는 이 직원 모델을 참조하십시오 그래서 목록을 구성해야합니다 그것은 IEnumerable로 그냥 그렇게 만들 그것의 레코드를 구성하는 그래서 지금 나는 당신이 구성하는 테이블을 추가 할거야 <tr> 죄송합니다 <tr> 이제 테이블 헤더를 추가하겠습니다

지금 여기에 ID 필드 10 번 붙여 넣기 붙여 넣기를 3 번 ​​보여줍니다 이제 저는 여기에 이름을 보여 드리겠습니다 그러면 여기에학과를 보여 드리겠습니다 tbody를 추가하기 전에 <tr>을 추가하기 전에 @if를 추가한다 model가 null 인 경우는, 예외가 throw되기 다음 두 가지가 아니다 각 @에 @를 쓰지 마라

내가 모델에서 말하는 곳 그래서 지금 당신은 제안을 볼 것이므로 먼저 DD를 갖는 행을 추가 할 것입니다 그것은 아이템이므로 편집 아이템을 넣으면 부서 ID 직원이 나타납니다 ID와 이름을 입력하면 직원 ID를 입력하고 다시 한 번 다른 ID를 사용할 것입니다 TD 그리고 지금 나는 두 번째 필드에 항목을 넣을 것이다 나는 단지 이름을 보여주고있다

그리고 지금은 TD로 다시 직원의 부서 관리를 보여 주려고합니다 + KD 그럼 이제 응용 프로그램을 실행 해 봅시다 이제 모델을 통해 다양한 속성 제안을 볼 수 있으므로 여기에서 당신의 목록 ID 이름과 부서를 볼 수 있기 때문에 이제 다시 넣어 보겠습니다 클래스 이름 그래서 만약 당신이 부트 스트랩에 대해 몰라 그래서 당신은 또한 내 부트 스트랩 튜토리얼로 테이블 테이블이 벗겨집니다 이제 f5 키를 누르십시오 이제 ID 이름과 부서입니다

스타일을 추가하고 메뉴를 추가 할 수 있습니다 60 % 이제 f5를 제어하여 이것이 목록이고 데이터베이스와 일치시킬 수 있습니다 그래서 당신은 모델의 도움으로이 테이블을 완성 할 수 있습니다 이 모든 모델 컨트롤러와 뷰는 이제 다음 비디오 세션에서 볼 수 있습니다 ViewBag보기 데이터에 대해 논의하고 데이터베이스를 asp

net MVC에 추가하면 목록과 양식을 표시 할 수 있습니다 게시가있을 것이며 동적으로 목록의 일부 항목을 추가 할 수 있습니다 우리는 나중에 비디오 세션에서 볼 것입니다 자습서를 계속 공유하고 만약 당신이 정말로 좋아한다면 엄지 손가락을 포기합니다 의견을 보내고 구독 해 주셔서 감사 드리며 좋은 하루 보내십시오