PHP Ajax CRUD Application Tutorial – MySQL & Bootstrap & jQuery DataTables [Part 2]

3 부작 비디오 시리즈 중 2 부에 오신 것을 환영합니다 좋은 사용자 인터페이스를 생성하는 방법 그래서 MySQL 테이블 안에 데이터를 조작하는 웹 사이트를 디자인하는 방법을 가르쳐 준 첫 번째 나무 MySQL 테이블에 대한 데이터 및이 데이터와이 비디오를 표시하는 방법 너무 좋은 편집 기능을 만드는 방법을 보여줌으로써 우리는 테이블 안의 데이터를 수정하고 페이지 매김을 추가 할 것입니다

이 테이블에 나와 함께있어 이봐 요, 상원 의원은 codingpassiveincomecom에서 왔어요 다른 개발자가 훨씬 쉽고 빠르게 될 수 있도록 다른 사람들을 도울 장소 그들이 소유하고있는 것보다 그것을 할 것입니다 그래서 그것이 당신이 고려하는 관심사라면 지금 구독하십시오

저는 제 PHP 스토어에 있습니다 이미 볼 수있는 것처럼했습니다 얼마나 많은 코드와 이것이 파트 1에 기록 된 것입니까? 이 프로덕션은 소스 코드를 다운로드하기 위해 노력하고 있다고 가정합니다 아래 설명에서 링크를 클릭하면 내가 할 일은 먼저 할 수있는 일입니다 지금이 테이블 안에 많은 데이터가 없으니 참조하십시오

보기 좋게 만들거나이 프로젝트의 가능성을 보여주기 어렵다 그래서 나는 먼저 우리의 데이터베이스 인 MySQL 데이터 관리자로갑니다 현재 테이블과 나는 이미 가지고있는 하나의 테이블을 가져올 것입니다 준비하고 우리의 오케이, 지금은이 테이블 안에 많이 있습니다 또한 소스 코드 안에이 파일을 포함시키지 마십시오

지금 우리가 모든 것을 리프레쉬하면 예스가 작동합니다 당신은 우리가 많은 국가들과 그것들을위한 많은 데이터를 가지고 있음을 볼 수 있습니다 당신이 볼 수 있듯이 이제는 이것을 찾기가 정말로 어렵습니다 스크롤을 많이해야하며 특정 국가를 찾고 싶다면 매우 열심히 우선 내가 플러그인을 포함하는 방법을 보여 드리겠습니다 jQuery와이 플러그인은 우리에게 많은 기능을 제공 할 것입니다

하루 만에 내가 어떻게하는지 보여 드리겠습니다 그러면 먼저 Google에 가서 찾을 것입니다 jQuery 데이터 테이블과 나는 다운로드하러 갈 것이고 나는 여기에 패키지를 릴리스하고 데이터 테이블을 다운로드 할 수 있습니다 그 폴더에 그냥 삭제 이렇게 나는 모든 것을 추출 할 수 있습니다 그리고 미디어에서 나는 CSS를 복사하려고합니다

Js 폴더를 여기에 붙여 넣으면 삭제하겠습니다 그래서이 CSS와 js 폴더에서 우리는 많은 것들을 필요로하지 않습니다 내가 뭘 할 건지 나도이 모든 걸 남겨 두는 것 뿐이야 그 (것)들을 모두 삭제하십시오 나는 희망한다 그래서 똑 바른 만들고 여기에서 나는 떠날 것이다 이 하나 그리고 내가 우리가 삭제할 수 있다고 믿는이 하나 또는 다른 것을 찾게 해줘 이제는 제품 내부에 포함시켜 스타일 시트를 만들어 보겠습니다

여기에 하나의 관계가 스타일 시트이고 트랩은 CSS 데이터 테이블 부트 스트랩입니다 이제 자바 스크립트에 대해서도 마찬가지입니다 그래서 바로 갈 것입니다 근원이고 근원은 첫째로 좋다 이제 테이블과 그 파일 다음에 부트 스트랩이 포함되어 있습니다 이제 알았습니다

우리가 F12 키를 누를 때마다 실수를 저 지르지 않았는지 확인하십시오 모두가 좋아 보이기 때문에 문서가로드되고 나면 기존 데이터를 모두 가져 오면 데이터를 호출 할 것이라고 가정 해 보겠습니다 테이블 플러그인은 실제로 여기에 있습니다 그래서 우리가 다음에 서둘러 간다면 더 이상 데이터가 없으므로 테이블을 말하고 데이터 테이블을 설정할 것입니다 우리가 새로 고침 한 데이터를 보자

이제 데이터를 볼 수있다 좋은 호버 효과가 있습니다 다른 행 수를 표시 할 수 있습니다 여기에 우리는 정말 멋진 페이지 매김을 가지고 있습니다 보스니아를 볼 수 있도록 국가를 검색 할 수 있습니다

내가 얼마나 내 나라를 찾았는지 확인해 보라 이것은 대부분의 경우에 매우 유용하다 물론 ID와 같은 헤더를 클릭 할 수 있습니다 우리가 다른 방식으로 테이블을 찾고있는 것을 볼 수 있습니다 유용한 플러그인과 볼 수 있듯이 몇 개의 라이브러리를 포함 할 필요가 없습니다

그것을 극도로 위대한 방법이라고 부르십시오 물론 우리가 추가 할 수있는 몇 가지 다른 기능이 있습니다 우리가 원하는 요소를 사용하지 못하도록 조작하고 나는 다른 튜토리얼을 가지고있다 이미 내 유튜브 채널에있다 그래서이 테이블에 대해 정말로 깊이 생각하고 싶다면 당신은 그것을 할 수 있습니다

여기에서 나는이 숫자를 명확히 증가 시켜서로드하고 싶습니다 한 통화로 50 개국이되었으므로 이제는 훨씬 빠르며 또한 어쨌든 당신이 지금 클릭하면 새로운 당신을 위해 쉽게 쉬울 수 있습니다 이 부분이 작동하고 있으므로이 편집에서 Ed에 초점을 맞추고 싶습니다 버튼을 클릭하고 여기를 클릭하면 팝업을 다시 표시하고 국가 이름 및 저장된 다른 정보를 수정할 수 있습니다 데이터베이스에서 처음에는 ajax

php 파일로 이동합니다 버튼에는 도움이되는 버튼이 있으며 클릭하면 자동으로 말을합니다 우리는 하나의 매개 변수를 받고 이것과 그 내부의 함수를 가질 것입니다 파라미터를 호출 할 수 있기를 원하기 때문에 매개 변수는 테이블의 ID가됩니다 서버가 마약 학교를 만들고 그 특정 정보를 얻습니다

국가 그래서 여기에 저장된 테이블 행을 보자 만약 내가 열쇠를 지정합니다 하나의 신분증과 나는 국가를 말하고이 신분증을 넣을 수 있기를 원한다 한 사람이 이름을 변경하면 우리는 우리 내부에서 직접 그것을 업데이트 할 수 있습니다 브라우저에 표시되는 테이블에 대한 내 SQL 테이블뿐만 아니라 테이블 랜스는 우리가 필요로하는 indexhtml입니다 함수를 작성하기 위해서 부드럽게 편집하고 우리의 C 1 매개 변수를 행 ID로 바꾼다

여기 내가 어쩌면 그렇게 할 수있을거야 우리는이 사건을 복사하는 것이 더 빠르며 여기서 우리의 열쇠는 그렇게하지 않을 것입니다 내가 생각하고있는 여러 기능을 만들어라 머리 나는 어떤 대본도 없기 때문에 여기에서 나는 내가 말할 수있는 열쇠와 힘을 말할 것이다 여기에서 말하기를 내가 진실하거나 거짓이라고 말하고 그 것에 따라 내가 말할 것이다

다른 데이터를 전송할 것이므로이 데이터를 복사하고 그 데이터를 좋아한다고 말하겠습니다 이것과 여기에 내가 말할 것이다 var가 지금 우리에게 data = this라고 말하게하면 내 기본 편집은 false로 설정되어 있으므로 var data = this라고 말할 것입니다 이 기능은 다음과 같은 긴 기능을 제공합니다 기본값 또는 우리 모델에 그냥 말해 봅시다

버튼을보고 싶습니다 나는 깔끔하게 보이고 ID는 행 ID를 편집 할 것이고 여기서 우리는 값을 말할 것이다 사람에 의해 제로이므로 여기서도 전화와 IP를 통해 우리는 이 ID를 전달하면 행 ID와 도트가 괜찮아요 괜찮습니다 far와 function edit를 사용하면 하나의 매개 변수 rowID를 볼 수 있습니다

아무것도 바꾸면 그는 너에게이 아약스를 더했다 좋아, 그리고 여기에 내 열쇠라고 말하고 행 데이터 형식을 얻을 수 없습니다 Json이고 행 ID rowID이고 우리가 가고 있다고 들었던 것 데이터를 추가하여 countrynameval ()을 말할 것입니다 response

namegets this 하나의보기 설명과 하나의 비트없이 설명에 오래있을 것입니다 짧은 설명 물론 피드와 오프셋의 긴 설명 프로 ID 및 다른 끝으로 우리는 팝업을 보여줄 것입니다 좋아요 이제 PHP 내부에이 부분을 써서 여기에 말하십시오 에서 행 데이터를 가져 오면 하나의 흐름 ID = 연결 rowID ID 이제 괜찮습니다 이제 데이터를 가져 와서 평등이라고 부릅니다

연결 방법 선택 국가 이름 짧은 설명 출생시까지 숨어있는 동등한 신분증을 가진 나라의 긴 설명 데이터 및 SQL을 fetch_array 그리고 지금은 단지 나중에 이것을하고 싶어요 LLL 박자 배열을 사용할 Json 배열을 보겠습니다 여기에서 볼 수 있습니다 country name = 데이터 국가 이름 a 짧은 설명과 이것은 오랫동안 desciption와 우리는이 배열을 입은 우리 드레이크로 돌아갈 예정이다 하지만 우리는이 배열을 인코딩 할 것입니다 이제 jQuery 내부에 우리가있을 것입니다

응답을 말할 수있는 국가 가장 가까운 어머니 그래서 묘사 수출은 길다 설명 그래서 여기 내가 의미를 말했어 그래서 그것은 괜찮아 변경하고 테스트를 만들어 보자 무슨 일이 일어날 지 보자 여기를 클릭하면 내가 볼 수있다 일부 베타는 괜찮아 이제는 f12를 눌러 보자 장면들 그래서 나는이 나라 L를 클릭 할 것이고 당신이 볼 수 있듯이 우리는 Jaczko 서버에 의해 저널 JSON 객체로 인해 알바니아 쇼가 발생합니다 설명 시작 등등 좋아 보이고 또한 우리가 보자

편집 행을 볼 수있는 것처럼 숨겨진 하나를 업데이트했습니다 'ID는 두 가지입니다 지금 이것을 열어 보겠습니다 전자 ID가 변하고 있습니다 정말 좋아요

이제 다음 단계는 기능은 악마가 단지 시도하고 있기 때문에 버튼을 말하는 것입니다 저장하지만 Alec과 다른 점이 필요합니다 그래서 우리가 무엇을 할 것인가? 이 버튼을 찾으려면 몇 가지 IP를 정의 할 수 있습니다 그들은 우리가하는 모든 일이 대중에게 공개되는 것입니다 이벤트와 가치 그래서 내가 여기서 말할 것입니다

나는 많은 사람들이 오후라고 말할 것입니다 그러나 속성 값은 꿈이라고 말할 것입니다 클릭 수는 녹은 데이터가 될 것이고 데이터 만 키를 얻을 것입니다 그래서 그것은 사용하기에 뭔가 훌륭한 것일 수 있습니다 행을 수정하고 나중에 일어날 일을 보자

그래서 지금 새로 고침 할 것이다 내가 L을 칠 때 당신은이 몸이 바뀌 었음을 알 수 있습니다 마우스 오른쪽 버튼을 클릭하고이 onclick 메소드가 지금까지 중요한 업데이트 행이있는 분 데이터를 구체적으로 변경했습니다 우리는 이미이 함수를 만들었으므로 서버에 쓰기 만하면됩니다 이 새로운 키를위한 사이드 그래서 나는 이것을 아약스에 복사하고 여기에 내가 말할 것이다

여기이 케이크를 보시라이 케이크는 트롤에있다 나는 진짜 연결을 말할 것이다 이스케이프 문자열 게시 및 우리는이 행 ID를 그래서 다른 사람을 위해 최종 그래서 찾고 있습니다 우리는이 줄 ID를 무시할 수 있지만 들어 가자

우리가 원한다고 말하지 마라 우리의 테이블 연결 쿼리를 업데이트하고 업데이트 국가 집합을 말할 것입니다 국가 이름 = 이름 짧은 설명 = 짧은 설명 긴 description long = 긴 설명 어디에 ID = rowID 및 내가 것입니다 종료 성공을 확인하십시오 그냥이 새로 고침을 해보겠습니다 A12 호출에서보기 힘든 F12 그의 건강 중 일부는 이렇게 처음으로이 데이터를 얻는 것입니다 저축을 할 것입니다

나는 그가 물건을 구하기 위해 반대 할 수 있다고 말할 것입니다 응답을 볼 수 있습니다 알겠습니다 괜찮아 보입니다 이제 오래된 매뉴얼을 확인해보십시오

우리가 말할 수있는 말을 할 필요가 없다고 말할 것입니다 응답 빈 베개보다 다른 끝을 참조하십시오 또는 어쩌면 더 나은 그것이 그렇게 다른 것과 그렇지 않은 경우에 우리의 동맹국과 다른 경우 우리의 모든 것은 괜찮습니다 그것은 우리가 약간의 데이터를 가지고 있음을 의미합니다 모델을 닫을 예정이며 테이블 내부를 업데이트하려고합니다 그것은 브라우저 내부에 있으므로 우리는 여기서 모델 클럽의 테이블 매니저라고 말할 것입니다 여기에 입력하고 나는 또한 말할 것이다

IDhtml을 통해이 국가는 이제 바닥을 정리합니다 당신은 그것을 추가하기를 원한다 그리고 나는 또한 변화를 되돌려 줄 것이다 이것에 단추는 나가 다만 여기에서 말할 것이다 그래서 가치는 어쩌면 패드를 위해 저장하고 내가 기억한다면 열쇠가 새 것이지

우리는 전쟁의 이름이 같은 것이 짧을 때까지라고 말할 수 있습니다 설명 및 오랜 토론 이걸 만들어 보자 똑똑한 신선한 나는 그것을 말하고 싶으면 이것을 바꾸고 싶다 작동하지만이 건강한 변화 만 그러면 어쩌면 내가 틀렸을 지 알 수있을 것입니다 국가는 IB este country가 학교 밑에 있다는 것을 강조하며 내 침대에서 이걸 만들어 보자

이걸 다시 위에 올려야 해 나는 편집에 가서 일부는 변화를 저장하고 가난하지 않도록 우리가 그것을 새로 고치면 좋은 수정 다시 해보자 그것은 변화를 저장하고 사람들은 단지 위대한 어쨌든 나는 이것이 또한 매우 간단하고 유용한 튜토리얼 이제 우리는 많은 것을 만들었습니다 기능에 대해 이야기하고 3 부에서는 데이터를이 MySQL 테이블에서 접어서 삭제하십시오 궁금한 점이 있으시면 아래의 의견에서 물어보십시오

이해하지 못하거나 무엇이든지간에 추가 할 수 있습니다 이 자습서가 마음에 들면 그것을 좋아하고 친구들과 공유하십시오 돌보다