위에서 언급했듯이 데이터 액세스와 노트 삭제 및 편집 기능이 개선되었으며, 페이지 상단에 노트 쓰기 버튼이 오른쪽 하단 모서리에 위치하게 되었습니다. 스타일은 다음과 같습니다:
원래 드롭다운 새로 고침 및 드롭업 로드 기능은 다음과 같습니다:
유니앱의 유니클라우드-db 컴포넌트를 사용하기 시작했기 때문입니다:
사실 이것을 사용하는 것보다 직접 쿼리를 작성하는 것이 더 유연할 것이고, 클라우드 함수이기 때문에 클라우드 함수를 변경해도 애플릿을 다시 정렬할 필요가 없습니다. 다른 곳에서는 자체 클라우드 함수를 작성하지만, 클라우드 함수에서 DB에 연결하여 데이터를 가져오는 곳은 이곳이 유일합니다. 다시 본론으로 돌아와서, 스크롤 업 및 스크롤 다운에서 데이터를 로드하는 문제가 계속 발생합니다.
실제 머신 상단의 효과는 다음과 같습니다:
페이지 너비를 초과하고 있습니다. 무슨 일이 일어나고 있는지 확인하십시오. 에뮬레이터에서는 괜찮습니다. 하위 컴포넌트의 너비가 vh로 표시되기 때문에 문제를 발견했습니다:
부모 컴포넌트의 백분율 양식을 설정합니다:
완료! 각 모델에 대한 시뮬레이션을 확인하세요:
블록에 클릭 이벤트를 설정하기만 하면 되었습니다. 알고 보니 노트 구조의 아이디를 _id로 변경하고 페이지에 사용하던 아이디를 _id로 변경했기 때문에 실제 아이디를 가져올 수 없었고, 그냥 _id로 변경했습니다:
알겠습니다:
디스플레이 내부의 세부 정보가 사진이 아니라 URL이 제대로 표시되지 않고 여전히 약간 조정해야합니다. 본문이 먼저 완료 될 때까지 기다립니다 ~ 아래로 스크롤하여 새로 고침 ~ 완료됩니다:
위로 당겨서 새로고침합니다:
목록이 모두 로드되었습니다:
이 시점에서 노트 홈 페이지의 모든 기능이 완료됩니다~ 부모 구성 요소가 유니클라우드-db이므로 자식 구성 요소의 데이터 변경 사항을 수신해야 합니다:
핵심 알고리즘은 이전 섹션에 언급되어 있습니다~ 이전 섹션을 보려면 저를 클릭하세요.
오늘은 세부 정보 페이지의 내용을 개선하기위한 다음 기사 업데이트, 세부 정보 페이지의 장소를 변경해야 할 필요성 : 세부 정보 페이지는 사진 URL 표시 방법을 이미지 표시로 변경하고 서식있는 텍스트 지원을 편집합니다.
저를 팔로우하고 후속 소식을 기대해주세요!
