웹 갤러리를 만드는 적절한 방법은 무엇입니까?

Question

저는 웹 개발에 익숙하지만 html과 PHP로 웹 개발을 해왔지만 상업적 용도로 전체 웹 사이트를 구축하지 않았습니다. 내가 프로젝트를 위해 학교에있을 때만 html과 php로 작업했습니다.

나는 대학원에 다니지 만,별로 경험이 없습니다.

내 사진과 디자인을 나타 내기 위해 웹 페이지를 만들고 싶습니다. 다음과 같은 문제가 있습니다. 텍스트 나 링크로 된 단일 HTML 페이지가 있어야합니다. 이전 사진을위한 다음 및 다른 버튼.

그림을 변경하는 시점에서 특정 사진으로 전환 할 수있는 자바 스크립트를 만들었지 만 이것이 원하는 것이 아니며 역동적 인 의미로 작성하고 싶습니다. 쓸 방법이 있습니까? 내 웹 사이트가있는 서버의 모든 그림 이름을 읽은 다음 배열이나 무언가에 넣은 다음 앞뒤로 반복합니다.

나는 JavaScript가 사용자 측을위한 것이며 PHP는 서버 측을위한 것이라는 것을 알고 있으며 또한 내가 설명한 방식으로 자바 스크립트 액세스 디렉토리를 허용하는 것이 좋지 않다는 것을 알고있다.

그래서이 작업을 올바르게 수행하려면 몇 가지 도움이나 아이디어가 필요합니다.

미리 감사드립니다.

Answer 1

목표는 무엇입니까? 웹 개발을 배우거나 사진을 찍을 수있는 웹 사이트를 만들 수 있습니까?

후자의 경우 wordpress 사이트를 설정하고 사진 갤러리 플러그인을 설치하는 것이 좋습니다.

모든 것을 직접하고 싶다면 lightbox과 같은 자바 스크립트 라이브러리를 사용하십시오 (현재 더 많은 사이트가 있습니다). 이미지 정보를 mySql 데이터베이스에 저장하고 PHP를 사용하여 사이트로 이미지 경로를 가져온 다음 원하는 js 라이브러리를 사용하여 갤러리의 실제 기능과 관련하여 휠을 다시 발명하지 않습니다.

Answer 2

MySQL 데이터베이스를 사용하여 파일 이름을 포함하여 각 이미지에 대한 정보를 저장할 수 있습니다.

프론트 엔드에서 데이터베이스에 파일 이름을 쿼리하고 표준 HTML을 사용하여 데이터베이스에 저장된 파일 이름을 사용하여 src를 빌드합니다. 그 파일 자체를 어딘가에 디렉토리에 저장했음을 의미합니다.

이 방법을 사용하면 원하는만큼 정보를 데이터베이스에 쿼리 할 수 ​​있기 때문에 실제로 강력한 시스템을 구축 할 수 있습니다. 이 데이터베이스 쿼리에서 쿼리와 일치하는 모든 파일 이름을 반환 한 다음 루프를 통해 반복하여 자바 스크립트 프론트 엔드에 표시 할 수 있습니다.