2014-09-25 2 views
0

나는 가기가 쉽다. 나는 기본을 더 많이 이해하고 있지만 이제는 코드와 HTML의 인터페이스 방법을 배우려고합니다.동적으로 이동 onClick

간단한 시나리오는 데이터베이스에서 정보를 가져 와서 템플릿 목록에서 HTML 페이지를 작성하여 만든 목록이있는 단일 웹 페이지가 있다는 것입니다. 내가 원하는 것은 <div>이 클릭되었을 때 어떻게 든 완료/완료로 표시 할 수있는 간단한 목록을 작성하는 것입니다. 또한, 완전히 내 웹 페이지 목록에서 "행", div 기본적으로 삭제할 수 있습니다.

그래서 내 목록에 뭔가가 완료되었다고 표시됩니다 (CSS를 변경하려면 이동해야 함)하고 항목을 삭제 (완전히 HTML 블록 삭제)합니다. 그리고 이러한 항목은 데이터베이스에 저장되므로 특정 항목을 식별 할 수 있어야합니다.

모든 도움말, 아이디어, 리소스, 의사 코드, 포인터가 크게 감사하겠습니다!

+0

생각이 잘못되었습니다. 서버 측 언어는 마크 업 및/또는 CSS를 편집하지 않습니다. 서버 측 언어 (Go)는 브라우저에서 렌더링 할 수있는 마크 업만 제공합니다. 그런 다음 클라이언트 측 언어 (Javascript)를 통해 동적으로 조작하거나 _different_ 마크 업을 제공하는 Go에 페이지 게시물을 다시 게시 할 수 있습니다. 브라우저에서 렌더링 할 수있는 다른 마크 업 (전체 페이지 새로 고침 또는 클라이언트 + 서버 .. AJAX 조합)을 제공하지 않는 한 Go는 브라우저에서 내용을 변경할 수 없습니다. –

+0

건물 처음부터 시작해야 할 것 같은데 웹 앱으로 이동 - http://lincolnloop.com/blog/djangonaut-building-webapp-go-gorilla/ https://bitbucket.org/yml을 참조하십시오./gowebexp/이것은 사소한 것보다 약간은 앱이라고 생각됩니다. – twotwotwo

답변

1

웹 개발에는 코드가 실행되는 두 개의 "끝"이 있습니다. 브라우저와 서버, 일명. 프론트 엔드와 백 엔드.

"클릭"은 브라우저에서 발생하며 브라우저에서 코드를 실행합니다. 그 "브라우저 코드"는 차례로 추가 정보를 얻기 위해 서버에 접속 한 다음 접속하지 않을 수도 있고 그 정보를 브라우저에 렌더링 할 수도 있습니다.

즉, 서버는 브라우저 *에서 일어나는 일을 제어 할 수 없으며 그 반대의 경우도 마찬가지입니다. 이것이 웹 개발의 기초입니다.

이동은 서버를 구성하는 데 유용한 언어입니다. Javacript는 대부분의 브라우저에서 이해할 수있는 언어입니다. 당신이 필요로하는 것은 Javascript이지 Go가 아닙니다.

* 이것은 완전히 사실이 아니지만 학습을 시작하기에 충분합니다.

+0

의견에 감사드립니다. 나는 PHP가 html 요소 (얼마나 멀리 갈 수 있는지, 아마 멀지는 않은지), 폼 유효성 검사 (form validation)와 같이 작동 할 수 있다고 확신한다. 그래서 내가하고 싶었던 것은 Go가 어떠한 html 요소도 변경하지 못하게한다. 이 작업을 수행하려면 반드시 아약스를 사용해야합니다. – Kenny

+0

흠 그게 전부가 아닙니다. Go는 HTML 템플릿을 구문 분석하고 렌더링 할 수 있지만 onclick 처리기는 항상 javascript입니다 (이는 PHP에서도 마찬가지입니다). 건배! – thwd

+0

그렇다면 실제로 사용자가 클릭 할 때 html 요소를 제거하는 가장 좋은 방법은 (물론 db에서 삭제할 때) ajax를 사용하는 것입니다. 그리고 Go의 유일한 역할은 페이지를 만들고 아약스에서 삭제를 받고 db에서 삭제하는 것입니다. – Kenny

관련 문제