Form Validation in jQuery in Hindi |Registration Form Validation Using jQuery in Hindi |Jquery hindi

인도 웹 기술에 오신 것을 환영합니다 힌디어로 양식 검증 이 비디오를 좋아하고 공유하고이 채널을 구독하십시오

Boostrap 4를 사용하여 사용자 이름, 비밀번호 및 비밀번호 일치 확인 CDN 링크 jquery와 Boostrap 4를 사용하여 w3schoolcom 웹 사이트 만들기

BASIC JQUERY COOKIE TUTORIAL

안녕하세요, 제 이름은 로스입니다 그리고 새로운 웹 개발자 킹을보고 있습니다

비디오 자습서 이 튜토리얼에서는 작업 방법을 보여 드리겠습니다 HTML과 자바 스크립트를 사용하는 쿠키 자, 이건 아주 기본적인 튜토리얼입니다 쿠키가 작동하는 방식을 이해하기 위해서입니다

보시다시피 나는 test라는 텍스트 상자에 create cookie를 누릅니다 그리고 첫 번째 쿠키 값을 말합니다 테스트와 동일합니다 이제 쿠키 값을 가져올 수 있으므로 쿠키를 클릭하면 쿠키가 표시됩니다 get 쿠키 값은 테스트입니다

그리고 나는 그것에 쿠키 클릭을 삭제할 수 있습니다 정의되지 않은 것으로 나타납니다 어떻게해야합니까? 글쎄 그것은 오히려 간단하고 어떻게 당신이 복잡하지 않은 쿠키를 만드십시오 여기에서 볼 수 있듯이 매우 간단합니다 구조

그것은 html5 문서 및 수 있습니다 HTML5 문서라고 어떻게 말할 수 있습니까? 모든 새로운 HTML5 문서 2012 년에는 Doctype HTML이 시작될 때 느낌표 (!)와 함께 사용됩니다 그래서 이 웹 페이지가 준비가되었음을 알려주며이 두 스크립트를 알 수 있습니다 여기에 태그가 있습니다 실제로 외부 자바 스크립트 파일을로드하고 있습니다

이것은 실제로 Google API 웹 사이트에서 호스팅되며 실제로 jQuery 라이브러리 331 이 경로에 대해 jQuery가 필요하므로 그냥 곰 그걸 염두에 두시오 또한 JS Cookie dot mini라고하는 다른 플러그인을 사용하고 있습니다

점 JS 그리고 저는 그들이 CDN을 사용하여 저에게 링크를 제공했습니다 나는 또한 이 파일을 얻을 수있는 위치에 대한 설명 링크를 클릭하십시오 이 문서 우리가 볼 수 있듯이 몇 가지 변수가 있습니다

꽤 기본적인 변수 우리는이 HTML 요소들을 모두 잡아 내고 있습니다 이리 우리는 실제적으로 그것들의 이름을 바꾸고 있습니다 그것은 모두 변수입니다 내가 한 첫 번째 작업은 create라는 버튼을 만들었습니다

jQuery의 기본 클릭 기능과 주목할 점은 내가 사용하고있는 것입니다 쿠키를 사용하여이 코드 행이하는 것을 정의합니다 쿠키를 넣으라고 했어요 그리고이 첫 번째 값은 쿠키의 이름입니다 괜찮아? 그래서, 당신이 아주 새로운 쿠키

통과해야 할 두 가지 주장이 필요합니다 지나가 다 그래서,이 경우에는이 텍스트 상자의 값을 가져옵니다 아래쪽에 이제 다음 코드 행은 쿠키를 말하는 경고입니다

값은 쿠키 값입니다 이제 쿠키 값을 사용할 수 있으며 쿠키를 사용하고 있습니다 도망 이제 쿠키 도트에는 하나의 인수 만 있습니다 그리고 그 이름은 쿠키

괜찮아? 그래서 그것은 그것이 여기에서 말하는 것입니다 첫 번째 쿠키 그것이 그 이름입니다 만약 쿠키를 제거하고 싶습니다 제거 명령을 사용하여 그렇게 할 수 있습니다

단지 하나의 논쟁이 있습니다 프로그래밍이 끝날 무렵, 큰 프로젝트를 할 때 너에게 내 충고는 사물을 지키는 것이다 단순한 이 비디오 자습서가 도움이되었다고 판단되면 요금과 같이 가입하십시오

및 코멘트 그리고 내가 너에게 무엇을하기를 원하는지 알려줘 지켜봐 줘서 고마워

How to Create a JavaScript Gantt Chart using Node.js – DHTMLX Tutorial

이 비디오에서는 다음과 같은 방법을 쉽게 보여줍니다 페이지에 기본 Gantt 차트 만들기, Node

js 백엔드에 연결하고 Gantt 차트에 데이터를 채 웁니다 사용자 변경 사항을 백엔드에 다시 보냅니다 GitHub에 대한 완벽한 데모를 얻거나 단계별 비디오 가이드를 따르십시오 우선, 프로젝트 폴더를 만들고 이름을 'dhx-gantt-nodejs'로 지정합니다 이제 'npm init -y'명령을 실행하여 package

json 파일을 만듭니다 결과는이 것과 유사합니다 다음으로 기본 고속 설정을 따릅니다 이제 'serverjs'라는 새 파일을 만들고 다음 코드를 추가합니다

이 코드에서는 정적 파일이 'public'폴더에서 제공되고 응용 프로그램은 로컬 호스트의 1337 포트에 연결됩니다 다음 단계에서는 'public'폴더를 만듭니다 이 폴더에는 응용 프로그램의 기본 페이지 인 'indexhtml'이 들어 있습니다 Gantt 초기화를 더 자세히 살펴 보겠습니다

당신이해야 할 첫 번째 일은 페이지에 차트를 표시하는 것입니다 단 3 가지 간단한 단계가 있습니다 첫 번째 예제에서는 Gantt 라이브러리를 추가합니다 페이지에 HTML 컨테이너를 만든 다음 init 메소드로 새로 생성 된 컨테이너에서 Gantt를 초기화합니다 매개 변수로이 메서드는 HTML 컨테이너를 사용합니다 (또는 id)에 Gantt 차트가 표시됩니다

우리가 지금 무엇을 가지고 있는지 확인합시다 명령 줄에서 다음 명령을 실행합니다 그런 다음 브라우저에서 로컬 서버에 대한 경로를 지정하십시오 이 빈 Gantt 차트가있는 페이지를 보셔야합니다 다음 단계는 Gantt에 데이터를 채우는 것입니다

데이터 모델은 매우 간단합니다 우리는 일련의 작업을 가지고 있습니다 각 작업에는 최소한 ID, 이름, 시작 날짜 및 기간 속성 그리고 선택적으로, 태스크 간의 링크 배열 각 링크에는 ID, 연결된 작업의 ID 그리고 관계 유형 데이터를 구문 분석하려면 간트 차트로 구문 분석 메서드를 사용합니다

이제 Gantt 차트에는 이전에 추가 한 테스트 데이터가로드됩니다 백엔드 API에서 데이터를로드하는 또 다른 방법은 XHR을 사용하는 것입니다 정적 인 JSON 파일을 사용하여 어떻게 완료되었는지 살펴 보겠습니다 외부 파일, 서비스 또는 스크립트에서 데이터를로드하려면 load 메서드를 사용합니다 load 메소드는 지정된 URL로 AJAX 요청을 보내고 JSON 응답을 기대합니다

이전에 보았던 것과 같은 형식으로 이제 우리는 백엔드의 데이터를 보여주는 기본 Gantt 차트를 얻었습니다 사용자가 차트를 수정할 수있게하려면 사용자를 캡처하는 방법이 필요합니다 저장하기 위해 변경됩니다 마지막으로 우리는 클라이언트 변경 사항을 다시 클라이언트로 보내는 방법에 대해 이야기 할 것입니다 백엔드

그렇게하기 위해 우리는 'indexhtml' 내장 ganttdataProcessor 모듈을 활성화합니다 우리는 DataProcessor에 URL을 제공했습니다 업데이트를 저장하고 REST-mode는 백엔드에서 RESTful API를 기대한다

이제 경로와 핸들러를 추가하여 서버에서 이러한 요청을 캡처합니다 이 데모에서는, 우리의 핸들러는 단순히 터미널에 요청을 출력하므로 무슨 일이 일어나고 있는지 생각해 DataProcessor는 REST 모드에서 초기화되므로, 다른 HTTP 동사를 사용합니다 각 유형의 조작에 대해 각 사용자 동작 첨가, 작고 보기 흉한 사람 또는 새 작업 또는 링크 제거 DataProcessor가 반응합니다

AJAX 요청을 보내 해당 URL에 요청 유형은 매우 간단합니다 우편 – 새 항목을 데이터베이스에 삽입하려면, 놓다 – 기존 레코드를 갱신하려면, 지우다 – 항목을 제거하려면 이거 야! 희망이 비디오는 dhx Gantt 라이브러리로 작업하는 방법에 대한 아이디어를 제공합니다 이제 당신은 쉽게 할 수 있습니다 페이지에 기본 Gantt 차트를 만들고, Node

js 백엔드에 연결하고, Gantt 차트에 데이터를 채우고, 백엔드에 사용자 변경 사항을 보냅니다 우리는 백엔드에서 Gantt에 대한 사용자 변경 사항을 저장하는 코드를 보여주지 않았습니다 이 비디오를 짧고 단순하게 만들기 위해서입니다 그러나 완료 방법과 함께 수행하는 방법에 대한 자세한 지침을 찾을 수 있습니다 데모 및 자습서의 텍스트 버전 RESTful API 구현 동영상 설명에 관심과 비디오를 주셔서 감사합니다! 🙂

JavaScript training tutorial – Part 1 ( 30 Minutes)

안녕하세요 자바 스크립트 교육에 오신 것을 환영합니다

이 훈련은 구체적으로 목표로 삼은 C # 개발자에게 C # 개발자 매우 강하게 유형의 언어에서 온다 완전히 컴파일 된 클래스 키워드, 상속 및 다형성으로 완전히 객체 지향 C #에는 보호 된 내부 등 다양한 범위의 범위가 있습니다 C #의 inftrastructure는 JavaScript의 인프라와 다릅니다 이 비디오에서는 우리가 C # 개발자로서 기억해야 할 매우 중요한 포인트 JavaScript 코딩 중 C #과 JavaScript는 동일합니다 문제를 일으킬 수있다

확실하다 For Loops와 같은 유사성, 조건 등이있는 경우 그러나 방법에는 많은 차이가있다 자바 스크립트 작동 이 1 시간 교육을 통해 그 차이를 지적 할 것이다 이 교육은 두 부분으로 나뉩니다 처음 30 분 안에 11 가지 중요한 포인트를 거치게된다

자바 스크립트 C # 개발자를 놀라게 할 수있는 다음 반 시간에 JavaScript를 사용하여 적절한 객체 지향 프로그래밍을 구현하는 방법에 대해 논의합니다 이 비디오를 공유하면 페이스 북, 트위터, LinkedIn 계정 이메일 : questpond@questpondcom 이 작은 전자 책을 공유합니다 AngularJS를위한 AngularJS는 매우 유명한 프레임 워크 중 하나입니다 요즘 사용되는 자바 스크립트에서 기억할 포인트 번호 1 변수의 데이터 유형이 정의됩니다

실행 중 또는 변수의 데이터 유형 아르 실행 시간 동안 할당 된 값으로 정의됩니다 자바 스크립트에서 변수 선언하기 var 키워드 X는 숫자가됩니다 데이터 형은 문자열이 될것이다 이 X 변수는 숫자의 데이터 유형입니다 값을 변경하자마자 데이터 형이 문자열이된다

우리가 여기서 경고한다면 우리가 그것에 10 개의 값을 할당했기 때문에 X의 타입은 숫자입니다 그 후 문자열이됩니다 데이터 유형은 강하게 입력되지 않습니다 오른쪽에 할당 된 값은 무엇이든 왼쪽 변수는 그 데이터 형이된다 포인트 번호 2 자바 스크립트 주로 가지고있다

3 종류의 기본 데이터 유형 하나는 숫자입니다 다른 하나는 문자열이다 세 번째 것은 부울 우리가 경고를하면 우리는 부울을 얻을 것이다 십진수 그것은 숫자로 불릴 것이다 데이터 유형에서 판단하다 정수 할당 또는 소수점 지정 모든것은 숫자 자바 스크립트에서 포인트 넘버 3 정의되지 않음 정의되지 않은 경우 발생합니다

우리는 변수를 선언한다 즉 var x 아무 것도 지정하지 마라 가치 이 경우 x는 정의되지 않은 상태가 될 것이다 정의되지 않은 수단 변수가 선언된다 값은 그것에 할당되지 않습니다

정의하려면 데이터 부재의 의미 값은 숫자가 아니거나 문자열이 아니거나 부울도 아니며 그것은 Null입니다 포인트 번호 5 자바 스크립트에서 두 개의 범위 만 있습니다 비공개 또는 글로벌 C #에서는 개인적으로 보호되어 있습니다 영원한, 공개 자바 스크립트에서 우리는 은밀한 또는 글로벌 var x = 10 이것은 세계적인 것입니다 이 페이지 전체에서 우리가 함수를 정의한다면 자바 스크립트에서 이 함수에서 변수 var x = 5를 정의하면 이 var x = 5는이 함수에 대해 private입니다

var x = 10은 전체 페이지에 대해 전역입니다 이 경고는 10을 표시합니다 이 동안 경고가 표시됩니다 5 이걸 실행해라 값은 10입니다 그러나 지역 변수 / 개인 변수 값은 다음과 같이 표시됩니다

5 결론적으로 변수는 전역 변수이거나 비공개 변수 여야합니다 자바 스크립트 사용 어휘 범위 접근법 어휘 수단 단어의 위치에 따라 단어의 의미가 바뀔 수있다 달빛 라이터 달이 오면 그것은 다른 것입니다 빛이 오면 곧 그것은 다른 것입니다 위치에 따라 말의 의미가 변하고있다

변수 선언의 물리적 위치에 따라 자바 스크립트 결정 공개 또는 비공개 여야합니다 var x = 10 ~이다 세계적인 차원에서 그것은 함수 외부에있다 var x = 5 위치가 함수 안에있다 비공개로 만듭니다

어휘 범위는 메커니즘 우리는 변수 선언의 물리적 인 위치를 봅니다 결정한 다음 비공개 또는 전역이어야합니다 포인트 넘버 6 가장이다 잔인한 점 자바 스크립트에서 변수를 선언하지 않으면 변수를 할당하면됩니다 디폴트 글로벌이된다 어휘 범위 접근법이 없다 각각의 우리가 변수를 지정하고 선언하지 var x를 쓰지 않고 그냥 쓰는 것을 의미합니다

엑스 변수 x 세계적으로 선언된다 우리가 경고를하면 우리는 가치 5를 볼 것입니다 아직도 우리는이 x 외부에 접근 할 수 있습니다 기본적으로 이것은 글로벌이되기 때문에 변하기 쉬운 5 이제 전 세계적으로 액세스됩니다 이 x는 아니다

개인 변수로 생성되었지만 전역 변수가 됨 이 혼란을 피하기 위해 자바 스크립트 개발자들은 엄격히 사용하다 엄격한 사용을 말하면 이 x 쓸 수 없다 그것이 선언되지 않을 때까지 우리가 var를 넣을 시간 그것은 어휘 범위를 따른다 우리가 use strict를 사용하지 않고 실행하면 예외가 발생합니다 var 키워드를 넣으면 엄격한 사용을 보장하다 우리는 변수가 없다 값의 간단한 할당으로 생성되는 포인트 번호 7 자바 스크립트 변수 선언문에는 호이스트 호이스트 수단 무언가를 끌어 올리는 자바 스크립트에서 명백한 선언이 끌어 올려진다

선언 전에 alert (x) 이 프로그램을 실행하면 그것은 정의되지 않는다고 말하고있다 JavaScript는이 var x를 취했습니다 그리고 상단 변수 선언이 종료되었습니다 JavaScript 호이 스팅 (hoisting)은 변수 선언이 위로 이동합니다 이 시나리오에서 여전히 x에 액세스 할 수 있습니다

실제 값은 나중에 액세스 할 수 있습니다 정의되지 않음 그 뜻이 아냐 변수가 없지만 변수가 있지만 값이 할당되지 않았습니다 포인트 번호 8 자바 스크립트에서 매우 중요합니다 마감 마감 JavaScript의 혼란스러운 주제 중 하나이지만 JavaScript의 매우 중요한 개념 때에 온다 적절한 창작 구성 요소들 자바 스크립트에서 마감 두 가지 일을하는 데 도움이됩니다 상태를 유지하는 데 도움이됩니다

JavaScript 함수 두 번째 JavaScript의 private 변수에 액세스하는 데 도움이됩니다 Fun1이라는 함수가 있습니다 이 함수 안에는 변수가 있습니다 이 함수에 값 전달 이 값은 이 변수에 내부적으로 설정 이 변하기 쉬운 ~이다 사적인 변수 액세스 할 수 없습니다

str 외부 첫 번째 문제는이 개인 변수에 액세스하는 것입니다 두 번째로 유지하는 것입니다 주 에서 함수 호출 우리가 여기서 부를 때 Fun1 그리고 "Shiv" Fun1을 다시 호출하면 통과하다 라주 이 전화 그 안에 값 쉬브가있을거야 이 호출은 그 안에 Raju 값을 갖습니다 우리는이 부름을 다른 부름에서 다시 유지할 수 없습니다 우리가 전화를 할 때마다 그것은 값을 할당한다 이 범위 이후에 변수를 할당 해제합니다

먼저 개인 변수에 액세스하십시오 둘째 모든 함수 호출 사이에 상태 유지 이 변수에 액세스하려면 우리는 어떤 종류의 기능 누가이 변수를 외부로 가져올 수 있는지, 함수 안에 함수가 있어야합니다 다음과 같은 함수를 만듭니다 _getData 및이 getData 돌아온다 str 이 변수는 비공개 변수입니다

만큼 잘 우리가 만든 기능은 비공개입니다 이 함수를 public으로 만들기 반환 우리는 접근 할 수있다 이 _getData 으로 이름 getData 이 의회 만든다 _getData 공공의 이와 같은 함수를 만들면 private입니다 우리가 반환을 사용할 때 공개된다 모든 전화 이전 상태를 유지할 것이다

폐쇄 때문에 이 변수는 닫혀 있고 상태는 유지된다 모든 전화에서 나는 국가를 유지할 수있다 종결은 두 가지를한다 개인 변수에 액세스하는 데 도움이됩니다 둘째 이 기능 이 변수를 둘러 쌉니다

이것 때문에 국가가 유지된다 사용 클로저는 두 가지 용도로 사용됩니다 하나는 사적인 변수에 접근하는 것이다 함수 두 번째 것은 상태를 유지하기 위해 우리는 우리가 논의 할 곳에서 별도의 비디오를 시작할 것입니다 자바 스크립트에서 객체 지향 프로그래밍을하는 법 JavaScript로 객체 지향 프로그래밍을 할 때 실제 구현에 대해 이야기 할 것입니다

포인트 넘버 9 JavaScript에서 매우 중요합니다 IIFE 바로 호출 됨 기능 표현 먼저 함수를 만들고 함수를 호출하십시오 우리는 함수를 만들지 만 반복해서 사용하지는 않습니다 해당 페이지에 대해서만 기능 만들기 함수를 생성하자마자 바로 호출 할 것입니다 우리는 IIFE 함수를 별도로 호출하기 때문에 함수 이름을 줄 필요가 없다

다음 것은 바로이 함수를 호출하십시오 이 함수는 생성되고 즉시 실행됩니다 이 함수의 이름은 지정되지 않고 익명 함수로 지정됩니다 이걸 실행해라 "안녕하세요"가 표시됩니다

즉시 호출 된 함수 식 사용 시작 코드를 실행하고 싶다 포인트 넘버 10 자바 스크립트에서 그것은 매우 중요하다 "this"키워드에 대한 이해 브라우저 실제로 HTML을 파싱합니다 html을 파싱하면 그 안에 DOM이 생성됩니다 DOM 계층 구조가 생성되었습니다

JavaScript가이 DOM 계층 구조에 액세스 할 수 있습니다 "이" ~이다 브라우저의 맨 위 윈도우 객체 언제 우리가 JavaScript에서 모든 종류의 변수 또는 객체 만들기 첨부 됨 창 개체로 이 변수 첨부되어있다 창 개체로 이 값을 windowx 이 경우 출력은 10이됩니다 둘 다 위해 창문 쓰기보다는 "this" 변수, 클래스, 함수를 만들 때마다 모두 붙어있다

"이" 포인트 번호 11 자바 스크립트에서 수업은 기능입니다 에서 온 사람들 C # 및 Java 배경 이 모든 것을 class 키워드라고 부르며, 객체, 상속, 다형성, 추상화, 인터페이스 완전히 날아간거야 객체 지향 프로그래밍 언어 자바 스크립트에서 우리는 class 키워드를 가지고 있지 않다 여기에 클래스를 만들려면 함수를 만듭니다 새로운 JavaScript 사양에서는 클래스 키워드를 도입했습니다

하지만 하루가 끝날 때마다 내부적으로 기능하다 우리는 고객 클래스를 만들고 있습니다 그것은 customerCode 속성을 가지고있다 과 CustomerName 속성 자바 스크립트에서 우리는이 없습니다 클래스 키워드 속성을 만들려면 이 변수 이름 메서드를 만들려면 thisgetFullDetails 이 고객 클래스 내부적으로 함수이다

적절한 클래스가 아니다 존경하지 않는다 객체 지향 프로그래밍의 원리 이 CustomerCode는 전역 변수입니다 창 개체에 붙어있다 다음 강연에서 이 비디오의 제 2 부 JavaScript를 사용하여 적절한 객체 지향 프로그래밍을 수행하는 방법을 설명합니다

어떻게 창조하다 적절한 수업 존중 추상화, 캡슐화, 상속, 다형성 구현 이 파트 1에서는 우리가 보았다 11 점 C # 개발자가 있어야하는 JavaScript 그것에 대해 알기 대단히 감사합니다

Asp.net Registration Form with SQL Database Validation Part – 2

첫 번째 비디오에서 우리는 등록 양식 디자인을 만들고 이제 우리는 데이터베이스를 우리 양식에 연결합니다 데이터베이스 연결이 끊어져서 파일을 만들 수 없다면 수동으로 파일을 추가하십시오

여기에서 데이터베이스 파일을 추가 할 수 있습니다 또는이 파일을 앱 데이터 폴더를 클릭하여 추가하고 SQL Server 데이터베이스 파일을 추가 할 수 있습니다 Databasemdf 파일을 두 번 클릭하여 테이블 만들기를 엽니 다 테이블을 마우스 오른쪽 버튼으로 클릭하고 새 쿼리를 선택하십시오

그래픽으로 표를 생성 할 수 있습니다 테이블이 성공적으로 생성 된 것을 볼 수 있습니다 본문의 맨 아래에 SQLDataSource를 추가하십시오 데이터베이스 파일을 선택하십시오 이 연결 문자열을 사용하여 데이터베이스에 연결할 수도 있습니다

하지만이 구성 연결 문자열을 사용하여 데이터베이스에 연결하고 있습니다 Query를 클릭하여 연결을 확인하십시오 이제 Button to Submit 데이터에서 onlick 이벤트를 만듭니다 globle 네임 스페이스 파일을 추가하여 SQL 데이터베이스 명령을 사용하십시오 새 SQl 연결을 만듭니다

문자열에 sql 명령을 저장합니다 이름이 맞는지 확인하십시오 그렇지 않으면 오류 메시지가 나타납니다 새 SQL 명령을 만듭니다 새 SQL 명령에 sql 명령 문자열을 전달하십시오

또한 연결 고리를 통과시킵니다 값 매개 변수 이름을 추가하십시오 값 매개 변수의 이름이 올바른지 확인하십시오 값을 테이블에 삽입하려는 텍스트 상자 이름을 추가하십시오 ExecuteNonQuery를 사용하여 삽입, 업데이트 및 삭제 명령을 실행합니다

마지막으로 데이터베이스 연결을 종료합니다 성공적으로 등록되었음을 나타내는 레이블을 추가하십시오 이제 Textbox에 대한 유효성 검사 컨트롤을 추가하고 있습니다 첫 번째 텍스트 상자 유효성 검사는 필수 입력란 유효성 검사입니다 이 유효성 검사를 추가하면 빈 텍스트 상자를 남길 수 없습니다

정규 표현식 검사기는 사용자 입력의 유효성을 검사하는 데 사용됩니다 이 확인을 통해 비밀번호가 3 ~ 10 자 사이인지 확인합니다 Compare Validator는 입력 값을 다른 입력 컨트롤과 비교하는 데 사용됩니다 파트 -1의 링크가 설명에 있습니다 당신은 오류 마사지를 볼 수 있습니다

질문이 있으시면 비디오 댓글 섹션에서 저에게 질문하십시오 설명에서이 프로젝트를 다운로드 할 수 있습니다

JSP Tutorial #23 – Cookies with JSP – Part 1

우리가 배우려고하는이 비디오의여보세요 JSP로 쿠키를 사용하는 법 먼저 다음 주제를 다룰 것입니다 우리는 쿠키와 쿠키가 무엇인지 알아낼 것입니다

우리가 그들을 어떻게 사용할 수 있는지 그리고 우리는 실제로 쿠키 API를 탐색하고 읽기 및 쓰기 용 코드를 작성하는 방법 배우기 쿠키 쓰기 좋아, 우리는 좋은 것들을 많이 가지고있다 스토어에서이 비디오를 보자 시작하다 그래서 쿠키와 당신의 목적은 무엇입니까? 전에는 쿠키에 대해 들어 보셨을 수도 있지만 기본적으로 쿠키를 사용하면 사용자를위한 웹 사이트 맞춤 설정 등 효과는 실제로 추적 할 수 있습니다 모든 사용자 환경 설정은 예를 들어 새 사이트를 갖고 사용자를 선택하십시오 좋아하는 프로그래밍 언어는 자바 그러면 그걸 추적하고 보여줄 수 있어요

그들 미래의 자바 뉴스 또는 여행 사이트 및 그들은 자주에서 비행 주어진 공항에서 모든 것을 보여줄 수 있습니다 해당 공항에서 출발하는 항공편이므로 장기간을 추적 할 수있게 해줍니다 그 후에도 사용자를위한 기본 설정 브라우저를 닫고 다시 시작하십시오 좋습니다 그래서 여기에 예제를 보겠습니다

expedia com 여행 사이트를 사용하여 해결했습니다 다시 나는이 웹 사이트를 많이 사용하기 때문에 나는 필라델피아에서 자주 여행하다 그리고 인도 그래서 여기이 포럼에서 나는 그냥 내 출발을 설정하십시오 우리가 필라델피아에서 날아간 도시 미국 PA와 나는 방갈로로 여행했다 인도에서 좋은 거래 그래서 그냥 설정합니다 출발 날짜와 단지 이것을 만든다

지금 내가 출발일이고 내 돌아온 데이트이지만 열쇠는 여기있다 일단 내가 expedia에 대한 검색을 할 것이다 나에게서 비행기를 찾아 내고 찾아라 지금 방갈로르에 필라델피아는 좋은 그것에 관한 것은 expedia가 실제로 쿠키를 만들고에 저장 그들이 돌아올 때와 같은 나의 브라우저 나중에 또는 실제로 내가 올 때 나중에 다시 expedia는 당신의 마지막 기억이 될 것입니다 검색 한 항공편이 방갈로르에 필라델피아 그리고 여기 몇몇 새로운 가격은 그렇게 나아가고, 나의 것을 그만 둔다

지금 브라우저 그런 다음 브라우저를 다시 시작하겠습니다 처음부터 그리고 지금 나는 내 것을 가지고있다 브라우저 백업 및 다음 실제로 이동합니다 다시 expedia에 들어가서 실제로 기억해 이전 작업에 대한 정보 다시 쿠키를 사용하고 있습니다

그들은 내 취향을 추적하고있어 그래서 그들은 자동적으로 내가 필라델피아에서 방갈로르는 제안으로 이 유형의 쿠키를 사용한다 정말 근사하고 실제로 자바를 쓰는 법을 보여 드리겠습니다 쿠키를 읽는 코드 또는 ASP 코드 요리도 쓰고있어 다시 쿠키가 뭐니? 그것은 기본적으로 교환되는 텍스트 데이터입니다

웹 브라우저와 서버간에 이 기능은 브라우저를 사용하면 웹 브라우저를 사용할 수 있습니다 주어진 서버를 방문 할 때 브라우저는 쿠키를 통해 섬기는 사람 그래서 그 경험 com 웹 사이트에서 내 정보가 다 잘됐다 그들이 나의 과자를 읽기 전에 경험 한 그들은 내 출발을 알았다 목적지 도시와 관습을 표시 나를 위해 양식 사이트를 만들 수도 있습니다 새로운 쿠키를 만들어 내 브라우저로 보내 내 정보 방문을 다시 방문하면 쿠키를 보여주고 싶습니다 쿠키를 읽는 서버 측 코드 또한 쿠키를 작성하고 보내기 브라우저에 지금 정확히 무엇이 있는지 쿠키에 당신은 쿠키를 생각할 수 있습니다

이름 값 쌍과 같습니다 그래서 저는 쿠키에는 다음과 같은 주어진 이름이 있습니다 내 앱 좋아하는 언어 예 그 값은 Ruby가 될 수 있습니다 그것은 하나의 요리와 응용 프로그램입니다 실제로 여러 개를 사용할 수 있습니다

쿠키 때문에 다른 쿠키를 가질 수 있습니다 여기 내 애플 리케이션을 좋아하는 도시라고 불렀다 그 값은 필라델피아 일 수 있습니다 펜실베니아와 당신의 신청서는 실제로 최대량에 소형 과자를 창조하십시오 약 20 쿠키 / 사이트 / 경로입니다 하지만 그 이상으로 충분합니다 응용 프로그램 작성 예제 이제 우리 쿠키가 앞뒤로 전달되었습니다

브라우저에 연결하면 브라우저가 잘 작동합니다 브라우저는 보낼 서버 만 해당 서버 도메인과 일치하는 쿠키 알았어, 여기 우리 브라우저는 주어진 웹 사이트에 연결 브라우저는에서 쿠키를 보낼 것입니다 내가 연결할 때 예를 들어 일치합니다 expediacom에서만 보낸 것입니다 expedia com의 쿠키 똑같이 내가 어쩌면 같이 사용했다면 cnn

com 및 CNN 브라우저에 연결됨 에 의해 설정된 쿠키 만 보내 게됩니다 cnncom 그러면 스위치를 켜고 보내지 않습니다 내가 expedia에있는 것처럼 모든 것을 건너다

CNN com 쿠키를 통해 보내지 않을 것입니다 expedia는 실제와 일치합니다 도메인 이름과 주어진 경로 그래서 그곳에 열쇠가있어 보안 문제가 없다는 것을 알고 있습니다 무슨 일이든간에 좋아, 쿠키가있는 곳 에 따라 내 브라우저로 다시 이동 브라우저가 다른 것을 사용하고 있습니다

이 일을하기위한 형식이지만 여기에 파이어 폭스 내가 환경 설정 아래에 갈 수 있습니다 그리고 환경 설정에 무엇이 있는지 맨 왼쪽에는 조금있다 프라이버시를위한 메뉴 옵션 개인 정보 보호를 위해 해당 링크를 선택할 수 있습니다 지금은 정말 간단하지 않다 하지만 여기에 작은 링크가 있습니다

개별 쿠키 제거 이렇게하면 쿠키를 볼 수 있습니다 그래서 당신은 그 링크를 선택하려고합니다 쿠키 목록을 보여 드리겠습니다 주어진 브라우저에서이 자산 도메인 이름을 참고하십시오 명소는 다른 사이트입니다

쿠키를 설정 한 다음 실제 쿠키를 설정하십시오 내가 여기서하고있는 이름은 내가 실제로 에 의해 설정된 쿠키 검색 expedia 그래서 우리는이 모든 것을 볼 것입니다 경험 사이트 및 적절한 이 중 하나를 선택하면 쿠키 이름 쿠키는 실제로 당신에게 보여줄 것입니다 쿠키의 이름 실제 내용 어떤 텍스트 또는 그들의 호스트와 아래쪽에서도 볼 수있는 경로 탐사 탭이 있어요 미안하지만 탐험 분야이기 때문에 쿠키가 얼마나 오래 될지 알려줄 것입니다

마지막으로 근본적으로 오늘부터 1 년 오늘부터 1 년이 그 쿠키 야 만료되어 항상 내 집에있을거야 그 주어진 시간 틀이 올 때까지 시스템 내가 실제로 어떻게하는지 보여 줄게 자바 코드를 작성하여 쿠키의 만료 시간 등 하지만 어쨌든 좋은 작은 비하인드 도구 괜찮아요 쿠키 API가 있습니다

쿠키 경의라고 불리는 특별한 수업 패키지를 찾으십시오 java x server HTTP this 패키지가 무료로 제공됩니다 JSP 페이지는 까다로운 요구 사항이 없습니다 이 패키지를 가져올 수 있습니다 자동으로이 패키지를 받으십시오 쿠키 클래스를 간단하게 사용할 수 있습니다

직접 JSP 페이지에서 쿠키를 처음 사용할 때 네가해야 할 일은 그것을 구성하는 것이다 좋아, 실제 생성자는 여기에있다 자바 문서에서 이름으로 전달하는 쿠키 만들기 쿠키 및 쿠키 값 지금 당신이 그 이름을 줄 수있는 이름입니다 너는 일관성있는 한 오래 원해 애플리케이션 내에서 어떤 값이나 데이터를 저장할 수 있습니다

문자열 값으로 쿠키에 넣기를 원한다 좋아, 그래서 여기에 진짜 자바 코드가있다 너 아마 어디 있는지 궁금해 할거야 코드 좋아, 그래서 여기에 사용할 코드가있다 실제로 쿠키를 브라우저 좋아, 내가 이것을 설정하자

예를 들어 사용자의 형태가 있습니다 좋아하는 것을 선택할 수 있습니다 프로그래밍 언어와 그들이 보낼 수있는 이 JSP 페이지로 넘어 가서이 JSP 페이지가 어떻게 될 것인가? 자신이 좋아하는 양식 데이터를 읽으십시오 프로그래밍 언어 쿠키를 만들어 보내겠습니다 다시 브라우저로 돌아가서 나중에 그들이 우리 사이트를 방문 할 때 돌아왔다

너는 일주일 후 나중에 하루를 안다 나중에 우리는 그들의 좋아하는 언어를 선택한 다음 그들의 출력 페이지를 사용자 정의하십시오 좋아하는 프로그래밍 언어 좋아, 그래서 그것은 일종의 산책이다 여기서 첫 줄을 코드하십시오 request

getparameter 좋아하는 언어 다시 우리는 뭔가를 읽고 있습니다 양식 데이터 우리가해야 할 다음 일 내가 새로운 것을 말하기 위해 쿠키를 만드는 것입니다 쿠키 나는 이름 값 쌍을 제공한다 이름은 내 선호하는 언어이고 다시 이름은 아무것도 될 수있다 일반적인 실패는에서 변수입니다 이전 줄은 우리의 쿠키입니다

이제 개체를 설정해야합니다 얼마나 오래 쿠키의 ​​수명 이 쿠키를 기본적으로 쿠키의 유효 기간은 0입니다 일단 브라우저가 그 쿠키를 닫으면 쿠키가 만료되도록 쿠키가 만료됩니다 마지막으로 더 오랜 시간 동안 일생 동안 이렇게 말하면됩니다 쿠키를 사용하면 최대 연령을 설정하고 이제는 이것이 API의 한 부분입니다

나는 그들이 내가 할 수 있으면 좋겠다고 생각하지 않는다 설정과 같은 것을 쉽게 만들어라 한 달에 두 번이나 말할 수있는 경배 몇 년이나 5 년이나 그렇게 간단하지는 않다 당신은 최대 연령을 총 초 수 오, 이런 내가 어쨌든 그렇게 괜찮아 싫어 최종선은해야 할 일이다

수학이 맞다면 원한다면 주 당신은 총계를 계산해야합니다 원하는 경우 1 주일의 초 수 총 4 초의 총 시간 1 년 후에이 예제가 여기에 해당합니다 그 해는 총 1 년 동안의 초 및 API 그리고 나는 그것이 단지 어떻게 하지만 어쨌든 과거를 지나치도록하자 다른 쿠키가 만들어져 최대 연령이 설정되었습니다 그런 다음 브라우저에 쿠키를 보냅니다

우리는 그 응답 객체에로드했습니다 다시 브라우저로 돌아갈거야 여기에 응답 점 추가 쿠키가 있습니다 나는 그 쿠키에 대한 참조만을 제공한다 변수와 그게 기본적으로 그렇게 그 중 하나가 쿠키를 다시 보내는 경우입니다

여러 개의 쿠키를 다시 보내려합니다 새 쿠키 만들기 만하면됩니다 개체와 당신은 그 광고를 응답 내 쿠키 번호를 아는 쿠키 뭐든지 그리고 그 과정 X 반복 횟수는 있지만 다시 최대 값이 있습니다 도메인 / 경로 당 20 개의 쿠키가 있지만 어쨌든 거기에 대한 기본 코드입니다 브라우저에 쿠키 보내기 이제 브라우저에 쿠키가 있습니다

그것은 우리의 신청서에 의해 이전 슬라이드의 JSP 사용자가 나중에 다시 돌아올 때 사용자 정의 페이지를 표시 할 시간 쿠키 정보를 기반으로 내가 갈 것이기 때문에 내가 뭘 할거야 그들이 좋아하는 프로그래밍을 읽는 언어 쿠키를 누른 다음 무언가를하십시오 그것으로 그래서 내가 만드는 쿠키를 손에 넣기 위해 그 요청 옵션의 사용은 말할 것이다 도트 요청 도트 얻기 이건 나에게와 쿠키의 광선을 반환합니다 그래서 왼쪽 쿠키에 아무 것도 없어요 대괄호 대괄호 오른쪽의 의미는 쿠키입니다

요리사가 있는지 확인합니다 어쩌면 그들은 어쩌면 그들과 같지 않다 이걸 가지고 있지도 않고 한 번 이상 우리가 쿠키를 가지고 있다면 간단히 for 루프 그래서 나는 다음을 설정했다 쿠키 – 쿠키 콜론 쿠키 및 쿠키는 그 변수입니다 이전 줄 그래서 난 그냥 간다 그 쿠키들과 나는 쿠키 이름을 이름과 비교한다

내가 찾는 것 때문에 실제로 쿠키 이름을 찾고 내 appt 점 마음에 드는 언어 그래서 나는 간단하게 말할 경우 내 평생 좋아하는 언어는 Tim과 같습니다 쿠키는 이름을 얻지 못합니다 좋아하는 언어는 팀 쿠키와 같습니다 가치 그래서 나는 그 쿠키의 가치를 얻는다 그런 다음 그 고리에서 빠져 나옵니다

나중에 JSP 페이지에서 어쩌면 그걸 사용하여 커스텀을 보여 주라 아마 내가 맞을 것 같은 사용자를위한 뉴스 데이터베이스와 뭔가를 얻을 정보 또는 나는 a를 모른다 트위터 피드 또는 뭔가하지만 나는 열쇠를 가지고있다 나는 실제를 가지고있다 좋아하는 쿠키의 가치 사용자가 선택하고 무엇이든 할 수 있습니다

요컨대 어떻게 그렇게 이길 수 있는지 당신은 브라우저에서 쿠키를 읽습니다 지금 이것은 다시 아주 종류의 높다 레벨에서 몇 가지 코드 스 니펫을 보았습니다 다음 동영상은 실제로 진짜 코드와 나는 함께 멋진거야 작은 JSP 예제가있는 예제 페이지 또는 독서 쿠키 설정 중 쿠키 및 사용자 정의 페이지 작성하기 걱정하지 마라 나는이 모든 것을 끌어낼거야 너와 함께하면 너는 좋은 것을 볼거야

실례 알았어 다음에 너를 만날거야 비디오

Asp.net Registration Form Design with Validation Part – 1

Aspnet 웹 응용 프로그램에서 새 프로젝트 만들기 웹 양식 추가 Style

css의 이름을 가진 CSS 파일을 추가하십시오 이미지 폴더 만들기 이미지 폴더에 이미지를 추가하십시오 CSS 파일을 연결하는 링크 태그를 추가합니다 css 파일의 경로가 올바른지 확인하십시오 font-family 용 Google Font url을 사용하고 있습니다

url의 경로가 올바른지 확인하십시오 그렇지 않으면 글꼴에 영향을 줄 수 없습니다 배경 경로 이미지입니다 프로젝트를 실행하다 다음 비디오에서는 데이터베이스를 만들고이 등록 양식과 연결합니다 질문이 있으시면 언제든지이 비디오의 의견란에 제안 해주십시오

이 비디오의 제 2 부에서이 튜토리얼의 소스 코드를 다운로드 할 수 있습니다 제발 뭔가 새로운 것을 발견하면이 비디오처럼 ! 고맙습니다

Push.js Tutorial | Create Desktop Notification with Javascript

이 튜토리얼에서 빨간색 스테이플러 채널에 오신 것을 환영합니다 push

js 웹 사이트를 푸시 할 수있는 자바 스크립트 라이브러리 바탕 화면에 매우 쉽게 알림을 보낼 수 있으며 모든 브라우저를 지원합니다 이전 IE 9 NPM을 사용하는 경우 체크해 봅니다 NPM install pushjs를 입력하십시오 하지만이 튜토리얼에서는 수동으로 할 것입니다

github에서 최신 버전을 다운로드하고 pushjs 및 bin 폴더의 serviceworkerjs를 웹 디렉토리에 추가 한 다음 포함 시키십시오 스크립트 태그를 사용하여 웹 페이지에 알림을 작성하기 만하면됩니다 정적 메서드 push

create 및 원하는 제목 텍스트 전달 및 그 처음으로 사용자는 pushjs를 허용 할 수있는 권한을 요청 받게됩니다 원하는 경우 수동으로 권한을 확인할 수있는 알림을 보내려면 pushpermissionhas 이제 옵션을 지정할 때 알림을 사용자 정의 할 수 있습니다

샘플 코드를 복사하여 QuickStart 페이지에서 복사 할 수 있습니다 본문에서 알림에 대한 자세한 텍스트 및 이미지 아이콘 추가 밀리 초 알림이 표시되기까지의 기간을 지정할 수 있습니다 타임 아웃이 사라지면 클릭 이벤트 핸들러를 정의 할 수 있습니다 이 경우 사용자가 알림을 클릭하면 브라우저의 창을 포커스합니다 현재 알림을 닫으면 더 많은 옵션을 사용할 수 있습니다 시험판은 공식 사이트에서 문서를 확인하고 새로운 코드를 테스트 해 봅시다

알림 스타일은 브라우저에 따라 다르므로 가능한 것은 아닙니다 변경하면 pushclear ()를 사용하여 알림을 즉시 지울 수도 있습니다 그래서이 튜토리얼의 모든 것이 여러분이 즐기기를 바라며, 가지고 있다면 알려주 길 바랍니다 질문이 있으시면 언제든지 구독 해주십시오

감사합니다 시청 바이

Popper.js Tutorial in 3 Minutes

이 튜토리얼에서 Red Stapler Channel에 오신 것을 환영합니다 popper

js에 대해 이야기하겠습니다 HTML 요소의 위치를 ​​정하는 데 도움이되는 멋진 JavaScript 라이브러리 특히 알림 상자 나 메시지가 웹 사이트에서 확인해 보도록하겠습니다 popperjs의 프로젝트 페이지가 있습니다 이제 각 기능에 대한 예제 코드와 데모를 얻을 수 있습니다

github 페이지에서 popperjs의 최신 릴리스를 다운로드하여 시작하십시오 튜토리얼을 다운로드하면 라이브러리가 dist 폴더에 있습니다 몇 가지 유형의 출시가 있지만 웹으로 가져 오려는 경우 UMD 또는 범용 모듈에있는 스크립트 태그를 사용해야하는 스크립트 태그가있는 페이지 definition folder 이제 popperjs를 웹 디렉토리에 복사했습니다

스크립트 태그로 가져온 다음 여기에 버튼이있는 간단한 HTML 페이지가 있습니다 orange div는 페이지에있을 수있는 데이터 요소를 나타냅니다 버튼을 클릭 할 때 팝업 메시지를 추가하려고한다고 가정 해 보겠습니다 div 요소 추가 버튼을 클릭하면 숨겨진 상태로 표시됩니다 이제 우리 팝업 요소가 블록으로 표시되고 실제로는 표시되지 않습니다

정상적으로 떠있는 경우 더 많은 자바 스크립트와 CSS 스타일을 추가해야 할 것입니다 popperjs를 사용하여 포지셔닝을 처리하기 위해 훨씬 쉽습니다 새로운 popper 객체를 div 요소 또는 기타로 만든 다음 이 경우 참조로 사용하려는 요소는 버튼이며 다음에 팝업 요소와 마지막으로 옵션이 많이 있습니다 사용할 수있는 첫 번째 시도는 게재 위치입니다

그게 당신이 필요한 배치와 포퍼를 말할 필요가 있어요 popperjs의 또 다른 멋진 기능을 나머지는 수행합니다 팝업이 뷰포트를 떠날 때 당신을 위해 뒤집기를 할 것입니까? 물론 수정자를 추가하여 뒤집기 동작을 사용자 정의 할 수 있습니다 옵션을 선택하고 popper

js에 방향 바꾸기를 허용 할 방향을 알려줍니다 문서 페이지를 발견하고 다른 흥미로운 수정자를 시도 할 수 있습니다 예를 들어 오프셋을 추가하여 팝업 위치의 오프셋을 설정할 수 있습니다 이 수정 자 마지막으로 popper는 pop의 위치 지정에 대한 정보를 반환 할 수 있습니다 up 요소를 사용하면 onCreate 콜백 함수를 전달하고 데이터 객체를 추가 할 수 있습니다 이렇게 그래서이 비디오가 popper

js에 대한 아이디어를 줄 수 있기를 바랍니다 언제나처럼이 비디오를 좋아 하시길 바랍니다 우리가 다음 비디오에서 뵙겠습니다