How To Create Rating System Using PHP & MySQL & jQuery

이 비디오에서는 웹 사이트 등급 시스템을 만드는 방법을 배우게됩니다 우리 모든 사람이 투표 할 수있는 등급 시스템을 만들 것입니다

한 번만 다음 우리는 데이터베이스에 모든 세부 사항을 저장하려고합니다 나중에 그들이 웹 사이트를 다시 방문 할 때 우리는 즉시 그것을 발견 할 것입니다 그들은 이미 등급을 매겼으므로 이제는 더 이상 할 수 없을 것입니다 그것을 해보자 그래서 지금 저는 제 PHPStorm에 있습니다

그리고 우리가 할 첫 번째 일은 방금 기본 페이지 레이아웃을 작성하여 HTML을 작성하겠습니다 웹 사이트를 방문한 다음 올해의 평가 시스템을 보유하고 있다고 가정 해 봅시다 우리는 페이지에서 내용과 같은 시간을 만들기 위해 소비합니다 실제로 읽을 수있는 장소를 만들어서 우리가 거기에 하나를 가지고 있다고 말하면 나는 모든 것을 중심에 맞출 것이고 아마 이것이 검은 색이어서 padding을 보도록하자 50 픽셀이면 괜찮아요

이제는 멋진 글꼴을 잡아서 잘 보겠습니다 font awesome 나는 홈 페이지에 가서 무료로 사용하기 시작할 것이고 나는 그렇지 않다 옵션 중 하나를 변경하려고하므로 머리를 편집하고 괜찮습니다 그게 다야 이제 네가 할 수있는 일은 내가 제일 좋아하는 말을하는거야

우리 웹 사이트에서 별 아이콘 하나를 가져와야합니다 이제는 검은 색이 될 것입니다 어쩌면 우리는 흰색으로 색을 바꿀 수 있습니다 알았습니다 예

보실 수 있습니다 이제 우리에게는 하나의 아이콘이 있습니다 글꼴 굉장 기본적으로 완전히 무료 라이브러리 물론 거기에 유료입니다 버전이지만 실제로 많은 아이콘을 얻을 수있는 무료 라이브러리 귀하의 웹 사이트에 대한 기본적으로 당신이 할 일은 단지 여기를 무료로 확인하는 것입니다 다음 수천 개의 차이 아이콘과 같이 검색 할 수 있습니다 귀하의 웹 사이트 폴링 소셜 미디어와 이것 저것 괜찮아 그래서 사용할 수 있습니다 그렇게 많은 사람들이 당신이 거의 모든 웹 사이트에서 그들을 볼 수 있습니다 내 개인적인 것을 사용해서 괜찮은 사람에 대해 알게되면 좋습니다

그러니 이제 알려주세요 오발 5 개 더 만들어서 이제는 별이라고 말할 것이고 별이 될 것입니다 기본값보다 2 배 더 커야합니다 그리고 나서 네 개의 괜찮은 벌금을 추가해 보겠습니다 누군가가 그렇게 할 수 있습니다

이제 우리가 만들려고하는 것은 내가 가장 먼저 원하는 것입니다 효과를 만들어 누군가가 마우스를 틀어 놓으면 나는 확실히하고 싶다 별의 색깔이 변하고 그로 인해 우리는 실제로 진짜처럼 느껴져 별 2 개나 별 3 개를 줄거야 그렇게하기 위해서 내가 드레이크 질의를 먼저 다운로드 했으니 까

그러면 갈게 침착하게 쿼리하는 코드를 작성했습니다 축소 된 버전을 사용할 것입니다 그냥 복사 할 것입니다 그 다음 나는 그것을 단지 바닥에 여기에 붙여 넣을 것이다

그래서 나는 잠깐 내가 안으로 있고 싶어한다 한 줄 괜찮아요 그리고 나서 여기 우리는 우리의 커스텀 스크립트를 작성할 것입니다 나는 완전한 문서로드를 기다리고 싶다 그래서 나는 준비된 문서에 앉아있을 것이다

이제 내가하고 싶은 첫 번째 일은 기본적으로 항상 모든 것을 설정하는 것입니다 그 아이콘을 흰색으로 바꿔서 이미 좋아하지만, 인라인을 사용하지 않으려면 여기에 코드를 입력하면됩니다 우리는 심지어 온라인으로 잘못했다가 각 별에 대해이 클래스들 각각에 대해 내가 원하는 것을 원한다 hover effect로 마우스를 말할 것입니다 그렇지 않으면 함수를 가져 와서 지금은 그냥 콘솔 로그로 가져와 내가 뭐라해도 그렇게 말할거야

작동하는지 확인한 다음 여기에서 마우스 도약을 추가 할 수 있습니다 너무 열심히 일하니 괜찮아요 그렇지 않으면 괜찮아요 다음으로해야 할 일은 마우스를 처음 켤 때마다하는 것입니다 C 스타와 리셋을 원하거나 심지어 더 나은 것은 우리가 할 수있는 것입니다

이걸 삭제하면 내가 왜 좋아하는지 보여줄거야 당신이 말할 것입니다 하나의 기능을 가지고 괜찮아 재설정 색상을 시작하므로 나중에 당신은 신속하게 하나의 함수에서 항상 그렇듯이 색상을 변경하고자합니다 우리는 CSS 색상을 먼저 말한 다음 Y 페이지를 통해 알 수 있습니다 우리가 그것을 할거야 그래서로드를 다시 설정 괜찮아요 그리고 각각의 시간에 각각의 두 괜찮아 그리고 가장 많은 경우 이제는 그 중 어디에서 찾을 수 있습니다 마우스가 끝났습니다 아마도 우리가 할 수있는 일은 데이터 인덱스를 추가하는 것입니다

그 살사 날짜별로 색인이 괜찮아요 그래서 이것은 별 하나 둘 셋 넷입니다 5 괜찮아 그리고 우리는 현재 예 현재 인덱스를 볼 수 있습니다 그리고 당신은이 점이 세타 지수를 유발한다고 말하거나 심지어 항상 데이터 색인과 마찬가지로 말할 수 있습니다 그렇다면 우리가 먼저 수행하고자하는 것이 있습니다 우리는 현재 무엇이 현재인지 알고 싶으면 지금 기본값으로 재설정했습니다 우리가 전쟁에서 동등한 것보다 덜 작고 평등하다고 말할 수 있도록 시작하십시오 현재 지수 i 플러스 플러스 그리고 우리가해야 할 일은 아이콘을 변경하십시오

당신은 초록색을 원한다고 말하면 그것은 그 것이고 지금은 주로 우리는 단지 패스 그래서 무슨 일이 일어날 지 알았어 왜 그런지 모르겠습니다 처음에는 아주 이상하네요 문제는 우리가 우리가 색인을 시작한다는 것입니다 제로의 위치

그래서 우리가 단지 시간에 맞출 수없는 그것들을 바꾸면 더 좋다 이 경우에는 이런 일이 발생하지 않을 것입니다 이제 알겠습니다 2 3 4 5 ok 이제 우리는 그 효과를 창조 할 수 있습니다 옐로우 또는 원하는 색상이 무엇이든간에 누군가가 우리가 그 등급을 기억하고 싶은 사람들을 클릭하면 저장하고 싶습니다

너무 많이 그렇게 해 봅시다 그래서 먼저 여기에 정격 등급 인덱스를 정의 해 봅시다 마이너스 1이라고 말하면 우리는 0에서 4까지 그리고 만약 우리가 -1이라면 그가 그렇게하지 않았 음을 의미합니다 마우스를 여기에서 남겨두면 우리는 F 등급 지수가 마이너스 1과 다른 것을 말할 것입니다 그 경우 그들은 똑같은 일을 할 것이지만 등급이 괜찮은 색인은 이제 괜찮습니다

우리는 누군가를 클릭 할 때 우리가 클릭을 할 수 있도록 그 버튼을 클릭 할 필요가 있습니다 그걸 기억하기 만하면 산통에 대해서 그렇게 말할 수있어 함수를 호출하고 그 다음에 우리의 비율은이 정수가 아닌 정수라고 말할 것입니다 데이터 인덱스는 이제 알았습니다 새로 고침 할 것이므로 여기에 색인은 마이너스 1입니다 그래서 지금 내가이 자리에 올라가면 아무 것도 나가지 않습니다

하지만 제가 가면 그리고 나가서 그것을 클릭하십시오 그래서 속도 지수를 체크하자 이는 2를 의미합니다 이것은 0을 의미합니다 하나 둘, 셋째, 괜찮아

당연히 내가 쥐를 가지고 가면 다시 말해서 누군가가 자신의 비율을 바꿀 수는 있지만 문제는 그가 그 단어를 완전히 삭제하는 것을 좋아할 수 없으므로 옵션 거기에 이미 있다면 아무 것도 전혀 신뢰하지 않는 옵션이 없습니다 그래서 지금 우리가 이것을 기억하고 동료가되었을 때 물론 이것에 대한 최선의 선택을하십시오 시스템 그래서 등록 된 사람들 만 평가할 수있을 것이며이 경우 우리는 백퍼센트처럼 여러 번 투표 할 수는 없지만 사람들이 로그인하지 않은 상태에서 이러한 시나리오를 기억해야합니다 우리는 IP 주소를 찾고 그것을 저장하려고 시도하는 몇 가지 옵션이 있습니다

데이터베이스를 확인하고 시간을 확인하십시오 쿠키 또는 로컬 스토리지에 말하면 각각의 장단점은 백 개가 아닌 것처럼 우회 될 수 있습니다 우리가 사용하는 것은 무엇이든간에 우리의 경우에는 퍼센트 보호가 충분할 것입니다 너의 모든 것을 이해하는 너의 이해가 우리가 가고 있다고 말하자 로컬 저장소를 사용하여 로컬 저장소 점 항목을 설정 한 다음 나는 그가 지수를 평가한다고 말하면서 이제 알았으니 이제 보자

그래서 내가 새로 고침하고 응용 프로그램 로컬 저장소로 이동 괜찮아 그래서 이 특별한 것은 없지만 여기서 우리는 금리 지수를 가지고 있지 않습니다 클릭하면 내 서면 색인이 1이고 마음을 대하면 이 부분이 바뀌 었음에도 불구하고 우리는 그들이 이미 그것을 읽었고 우리는 그 비율이 무엇인지 알게 될 것입니다 그래서 나는 지금 할 수있는 것은 우리가 리셋되었을 때 우리는 여기에서 볼 수 있습니다 품목 비율 색인을 얻으십시오 그래서 그것이 보이지 않는 경우에 그것이 무엇을 보는지 보자 도트 점은 항목을 가져 와서 메모를 반환하므로 다른 경우 그럴 수는 없지만 아마도이 부분에서 우리는 그들에게로 이동할 수 있습니다

네, 아마도 우리는 함수를 가져야한다고 생각하고 있습니다 우리는 MUX를 말할 것입니다 왜냐하면 여러분은 그것이 매번 똑같은 것을 볼 수 있기 때문입니다 여기 여기 최대라고하므로 괜찮은 별표 속도 지수라고 말할 수 있습니다 그러면이 경우에 나는 현재 별 인덱스가 최대 괜찮아요, 그 다음에는 별 별이라고 말할 수 있습니다

나는 별을 말할 수있다 그리고 나서 나는 그저 지역 스토리지 목표물의 속도 지수를 말할 것이다 오, 그래, 이제 보자, 그가 지금 내가 볼 수있는 것을 볼 수있다 세 별을 읽으세요 페리가 별 2 개, 새로 고침 하면요

당신이 머물 것입니다 그것은 항상 두 별에서 볼 수 있습니다 어떤 이유에서든지 그것을 조작 한 다음 새로 고침하면 그런 식으로 작동하지만 데이터베이스에서 변경되지 않아 데이터베이스에 저장됩니다 우리가 클릭을 할 때만 우리는 그것도 구현할 것입니다 물론 우리가 이것을 지우면 처음에 앉아서 볼 수 있습니다 기억이 안나요 괜찮아요

이게 의미가 있고 지금 내가 원하는 마지막 것이기를 바랍니다 할일을 데이터베이스에 저장하여 데이브가 자리를 잡도록해야합니다 모든 등급이 저장되고 평균 속도와 물건을 계산할 수 있습니다 그게 좋아요 그래서 우선 먼저 조언을 그래서 PHP를 만들자 내 관리자 ' 새로운 시스템이 유니 코드 C를 작성하는 말을하자 그러면이 별들을 넣는다

무슨 일이 있어도 괜찮을 것 같아 그냥 두 콘은 괜찮아 그래서 처음에는 ID가 나올거야 증가하고 다음 사용은 별이 보일지도 모릅니다 그들은 작은 정수라고 말할 것입니다

그리고 우리는 그것을 구할 것입니다 그리고 지금 여기에 누군가가 빠를 때 우리는 그렇게 말할 것입니다 여기 데이터베이스에 저장 괜찮아 그리고 지금 당신이 쓰려고 기능 괜찮아요 그리고 그는 단지 색인을 말할 것입니다 알았어, 너를 만날거야 RL은 우리의 인덱스 도트 PHP이고, 그러면 너는 그냥 볼 수있을거야 우리가 필요로하는 것은 무엇입니까? 데이터 유형은 JSON이되고 데이터는 똑같고 훌륭한 색인이됩니다 색인 좋아요 그리고 어쩌면 내가 먼저 성공 함수 응답을 찾도록하겠습니다

어쩌면 여기서 우리는 사용자 ID를 좋아해야합니다 그러면 이것이 우리의 ID가 될 것입니다 누군가가 자신의 속도를 바꿀 경우를 대비하여 데이터베이스를 기본값으로 여기에 말할 것입니다 사용자 ID가 0 인 경우 좋아요 즉, 새 사용자를 추가해야하고 사람이 존재하는 경우 우리는 이것을 바꿀 것입니다

조금만 할 것입니다 나중에 지금은 그냥 괜찮을 거라고 말하면서 귀하는 사용자 ID c가 이처럼 좋아질 것이라고 말할 수 있습니다 이제 페이지 B 쪽에서 보자 우리는 세트로 가고있다 그래서 우리는 같은 지수의 상사와 같은 것을 쓰게 될 것입니다

우리는 또한 사용자 ID가 있어야하며 물론 우리는 연결을 로컬 호스트가 될 압연 비밀 번호를 보내라고하고 우리의 데이터베이스가 틀린 것이 아니라면 시스템을 작성하고 등급 시스템이 정상적으로 시작됩니다 그럼 여기에 우리가 진짜로 도망쳐 야지, 그럼 네가하는 일을해야 해 우리는이 비율과 지수를 1 증가시킬 필요가 있습니다 0에서 시작하여 10 개의 별표가 하나있는 경우 그 경우에 셀 수는 없으므로 의미가 없습니다 이제 사용자인지 확인해 봅시다

이 경우 우리는 단지 사람을 삽입 할 것이므로 ID는 0입니다 최고 별에 삽입하면 우리는 방금 색인 값을 임대했습니다 이제 우리는 어떻게 우리가 마지막 ID를 찾을 것인가에 대해 다른 방법을 가지고 있지만, 단순함 나는 그냥 괜찮은 SQL은 연결 쿼리라고 말할 것이다 아이디 별 별의 ID – 하나는 당신이 마지막으로 얻는 것을 의미합니다 하나는 사용자 데이터가 페치 (fetch)라는 연관 배열을 말한 다음 사용자 ID는 데이터의 사용입니다

저는 괜찮습니다 그리고 그 사람이 존재한다면 우리는 단지 별 집합 정격 지수 동등한 속도의 연결 쿼리를 말할 것입니다 ID가 동일한 사용자 ID가 괜찮은 색인이며 실수로 작성했다고 생각합니다 여기 오케이, 우리가 그걸 놓치고있어 괜찮아 보인다

그리고 나서 우리는 매번 갈 것이다 ID를 가진 배열을 반환한다 평가 지수는 확인을 위해 우리를 구해주었습니다 콘솔이 좋아 보인다 네트워크 붐을 시도하자

정의되지 않은 함수가 실제로 escape 문자열 하우스를 요청하면 괜찮습니다 알았어 연결을 보자 오, 그건 내 실수 야 좋아 다시 시도하자

괜찮아 나는 당신이 왜 워밍업을하지 않는지 잘 모르겠다 이것은 지금 우리가 볼 수있는 훌륭한 슈퍼 이상한 이 등록되어 있고 우리가 보낸 괜찮은 속도 지수 3이 있습니다 괜찮아 데이비스

괜찮아 지금 우리가해야 할 마지막 일은 우리는이 사용자 ID를 기억할 필요가 있으므로 ok라고 말하면 로컬 저장소는 설정됩니다 이 마을 주민 ID에 사용자 ID를 말하면 바로 그 다음에 처음으로 내리다 그러면 괜찮아 질거야 괜찮아

사용자 개인 정보 보호 책 지금 당연히 그렇게 노력하지합시다 – 물론 이것은 문제가되지 않습니다 이제 더 이상은 안된다 이제 데이터베이스를 만든 다음 이제 테스트 해 보겠습니다 그건 신선한 원인이 아니에요 당신이 기억하기를 바랍니다

좋아, 네가 완전히 신선하고 괜찮아 이제 우리는 이제 괜찮아 질거야 데이터베이스가 좋아 보인다 이제 로컬 스토리지가 어떻게되었는지 보자 사용자 ID가 정의되지 않은 이유는 무엇입니까 반환하는 이유는 반환하는 것이 좋습니다

우리가 제이슨을 돌고있을 때 Y를 찾아서 다시 ID를 봅시다 이건 괜찮아 내 실수를 보자 다시 시도해 보도록하겠습니다 이제는 최신 킹 리프레쉬가 무엇인지 보자

좋아 이제 사용자 ID는 5이고 속도와 색인은 2입니다 좋아요, 이제 괜찮아요 이제 어떻게 든 새로 고침을하면 다음에 누가 그 사람인지 알게 될 것입니다 사람은 자신의 의지와 그가 결정하면 그의 마음을 바꾼다 그는 그것을 바꿨다

그리고 지금 우리가 갈 때 업데이트 된 데이터베이스를 볼 수 있지만 새로운 이 말을 들어 보자 이제는 사용자 ID가 있음을 볼 수있다 변경되고 다른 색인 및 우리는 순서대로 지금 이렇게 다른 수에서있다 우리를 위해 평균 등급처럼이 등급을 표시합니다 이 전체 비율 색인을 합산하여 표시된 페이지와 페이지를 그 수는 그렇게 간단합니다

그래서 지난 주에 저는 모릅니다 이 여기에 괜찮아 그리고 나서 여기에 내가 말할거야 미안 내가 괜찮아요 연결 쿼리 별에서 정상으로 내려가는 Sun rate index를 선택하고 최고의 연사를 평가하고 자신의 길을 터치한다고 가정 해 봅시다 총은 의사이고, 이제 우리는 또한 얼마나 많은 행을 얻을 필요가 있습니다 데이터베이스에 있으니 그게 옳은 일인지 보도록하겠습니다 별에서 ID를 선택하고 내가 만든 말을 말할 것이다

내가 말할 것이다 행의 다람쥐 좋아요 그리고 나서 우리는 평균이 참다고 볼 수 있습니다 번호는 두려워 할 것입니다 그러면 여기서 우리는 괜찮다고 말할 수 있습니다 그럼 모두 여기 보자 컬러가 흰색이고 여기 그냥 전화 할께

우리가 모든 것을 올바르게했다면 이제는 잘 볼 수 있습니다 이것은 물론 우리의 평균입니다 지금 우리는 갈 수와 같은 사용을 변경 다른 우리가 어쩌면 말할 수있는 이유 값을 원한다면 여기 두 개의 소수점 두 개를 정밀하게 처리합니다 이제 알았습니다 괜찮아요 누군가 괜찮 으면 꿈하세요

그리고 우리는 당신이 그것이 바뀔 때마다 그것이 바뀌 었음을 볼 수 있습니다 다른 사람들도 괜찮아 네가이 비디오를 좋아했으면 좋겠다 여기 저기에 문제가 있지만 그것이 코딩 방법입니다 왜 내가 무엇이 가능하고 무엇을 보여주고 싶어하는지 독자들을 얻지 못한다

어떻게되는지 그리고 문제를 해결하는 방법에 대해 알고 있다면, 비디오는 좋아하고 친구들과 공유하십시오 질문이나 뭐든지 아래의 의견에 알려 주시기 바랍니다 돌보다