Web開発総合クラス-第3週(1)

5990 ワード
テキストリンク
学識
  • Pythonから、スクロールも覚えました.
  • pymongoでmongody(データベース)にデータをアップロードしてインポートすることを学びました.
    • 復習時間
    <スパルタピディアにOpenAPIを入れる(前回実習)>
    1)コードを挿入してロード直後に実行
    ```
<script>
$(document).ready(function(){ 
	listing();//로딩 후에 리스팅함수가 바로 실행된다.
    });
    
function listing() { //리스팅함수는 여기에 정의되어있다.
    console.log('화면 로딩 후 잘 실행되었습니다'); // 실제로 얼럿 하기 전에 콘솔에 해보는 것이 일반적인 것 같다.
    }	
    ...
    2)必ずAjax
    最初は、成功したコードの下にコンソールがあります.コンソールウィンドウで「log(row)」に戻って、正常にアクセスできるようにする必要があります.
     $.ajax({
            type: "GET",
            url: "http://spartacodingclub.shop/web/api/movie",//여기가 api 주소 넣는 장소
            data: {},
            success:  function(response){
            console.log(row)
            }
      })
}
    3)for文を回し、内容を取り出し、temp htmlに貼り付ける準備をする.
    temp htmlをチェックしてどこに貼り付けますか.
    	for (let i = 0; i < rows.length; i++) {
           let title = rows[i]['title']
           let desc = rows[i]['desc']
           let image = rows[i]['image']
           let star = rows[i]['star']
           let comment = rows[i]['comment'] //for문 돌려서 내용 추출하고 정의내려줌
           
           let star_image ='⭐'.repeat(star) // 별점은 이걸로
           let temp_html = `<div class="col"> // temp_html을 정의해주자.
 							<div class="card h-100"> //원래 body에 있던 녀석을 복-붙.
                           <img src="${image}" //위에 정의해 준 image를 여기에 붙인다.
           					class="card-img-top" alt="...">
        					<div class="card-body">
							<h5 class="card-title">${title}</h5> // 위에 정의해 준 title를 여기에 붙인다. 
							<p class="card-text">${desc}</p> // desc 여기에
                           <p>${star_image}</p> //별점은 여기에
                           <p class="mycomment">${comment}</p> // 코멘트는 여기에
                           </div> 
                      </div>                                         
                </div>
    			`
                $('#cards-box').append(temp_html) //카드를 보이게 하는 것
                                 }
                         }
                     })
                 }
	}
    4)貼る前に、元の貼るやつらを隠すために
    ajax callにコードを貼り付けます.
    $('#cards-box').empty()
    に感銘を与える
    周りでも似たようなことを続けていますが、私のものになるには少し時間がかかると思います.見続け、報告を続けなければならない.PythonとMongoDBは性格がこの復習部分と大きく違うので分けて宣伝します
    冬休み3日目--スタックとキュー--進数変換(配列)
    StringBufferとStringのパフォーマンス