Python programming

(23.02.14.)Python 프로그래밍: Spring boot web -python jupyter notebook 연동하기, 파이썬 json모듈

프로그래머 오월 2023. 2. 15.

Spring Framework 와 파이썬을 사용하여 아래의 기능을 작성한다

CrawlingTestController

간단하게 로그인 처리를 위한 login 메소드

1.웹브라우저에서 날씨보기 버튼을 누르면 ajax요청이 /craw/weather으로 전달된다

로그인을 거친 경우에만 날씨보기 버튼이 작동한다

ajax 요청에 대한 응답

{title:날씨정보,date:2023.02.15,'weather:구름이많고, 오후에 맑아짐}

2. 프런트엔드에서는 자바스크립을 사용하여 위의 응답을 아래처럼 화면에 표시한다

<div>

<h3>날씨정보</h3>

<div class='date'>2023.02.15</div>

<div class='weather'>구름이 많겠고, 오후에 맑아짐</div>

</div>

3. 위와 같은 웹사이트에서 날씨정보를 가져올 수 있는 파이썬 수집 프로그램 작성

화면에 제목, 날짜, 날씨 정보를 표시한다

자바-이클립스 파트

CrawlingTestController.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

import java.util.HashMap;
import java.util.Map;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import jakarta.servlet.http.HttpSession;
 
@Controller
@RequestMapping("/crawl")
public class CrawlingTestController {
 
    @GetMapping("/login")
    public String loginForm()
    {
        return "thymeleaf/loginForm";
    }
    @PostMapping("/loginResult")
    @ResponseBody
    public Map<String,Boolean> loginResult(@RequestParam("id") String id, @RequestParam("pw") String pw, HttpSession session)
    {
       if(id.equals("smith")&&pw.equals("1234")) {
           session.setAttribute("login", id);
           Map<String,Boolean> map = new HashMap<>();
           map.put("login", true);
           return map;
       }
       return null;
    }
    
    @GetMapping("/weather")
    public String weather(HttpSession session)
    {
        Object obj = session.getAttribute("login");
        if(obj==null) {
            return null;
        }
        return "thymeleaf/weather";
    }
}
 
Colored by Color Scripter

cs

loginForm.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>로그인 폼</title>
<style type="text/css">
    @import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
    .jm-font{
        font-family: 'Jeju Myeongjo', cursive;/*웹 폰트 지정*/
        color: black;
        font-size:3em;}
    #id, #pw{
        font-family: 'Jeju Myeongjo', serif;
        color: black;
        font-size:1.5em;}
    .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;}
    main {width:fit-content; margin:1em auto; }
    main h3{ text-align: center;}
    form {border:1px solid black; padding:1em;}
    label {display:inline-block; width:3em; text-align: right; padding-right:1em; }
    div.btn { width:fit-content; margin: 0.5em auto; }
</style>
<script src="https://code.jquery.com/jquery-3.6.1.min.js" 
integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous">
</script>
<script type="text/javascript">
function getLogin()
{
    var obj = $('#loginForm').serialize();
    $.ajax({
        url : '/crawl/loginResult',
        method:'post',
        data : obj,
        cache:false,
        dataType:'json',
        success:function(res){
            alert(res.login ? '로그인 성공':'로그인 실패');
            if(res.login){
                location.href="/crawl/weather"
            }
        },
        error : function(xhr, status, err){
            alert('에러:' + err);
        }
    });
    return false;
}
</script>
</head>
<body style="background-color: rgb(227,209,254);">
<div class="wrapper" >
<main class="main-font">
<h3 class="jm-font">🧑‍💻로그인</h3>
<form id="loginForm" onsubmit="return getLogin();">
    <div id ="id"><label for="userid">아이디</label>
        <input type="text" id="userid" name="id" style="height:25px">
    </div>
    <p>
    <div id="pw"><label for="userpwd">암호</label>
        <input type="password" id="userpwd" name="pw" style="height:25px">
    </div>
    <div class="btn">
        <button type="reset">취소</button>
        <button type="submit">로그인</button>
    </div>
</form>
</main>
</div>
</body>
</html>
Colored by Color Scripter

cs

weather.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>오늘의 날씨</title>
</head>
<style type="text/css">
#weatherInfo{
    display:none;
}
</style>
<script type="text/javascript">
function showWeather(){
    var weatherInfo = document.getElementById("weatherInfo");
    weatherInfo.style.display="block";
}
</script>
<body>
<button type="button" onclick="javascript:showWeather();">날씨보기</button>
<div id="weatherInfo">
    <h3>날씨정보</h3>
    <div class="date">2023.02.15</div>
    <div class="weather">구름이 많겠고, 오후에 맑아짐</div>
</div>
</body>
</html>
Colored by Color Scripter

cs

실행결과 :

파이썬-쥬피터 노트북 파트

결과 :

json 모듈

실행결과 :

실행결과 :

'Python programming' 카테고리의 다른 글

(23.02.13.)Python 프로그래밍 : Selenium , Chromedriver설치 및 동적 테이터 추출하기 (0)	2023.02.15
(23.02.10.)Python 프로그래밍: BeautifulSoup를 사용한 태그 접근법(find, select) 영화 평점 가져오기, 기상청 정보 가져오기 (0)	2023.02.14
(23.02.09.)Python 프로그래밍: Web Crawling, Web Scraping, BeautifulSoup (0)	2023.02.14
(23.02.08)Python 프로그래밍 : Pickle 모듈을 사용한 직렬화(Serialization), 예외처리 (0)	2023.02.14
(23.02.07.)Python 프로그래밍 : 파이썬 접근 제어자 (Access modifier) , 연산자 오버라이드 , 파일 스트림 (0)	2023.02.07

(23.02.14.)Python 프로그래밍: Spring boot web -python jupyter notebook 연동하기, 파이썬 json모듈

'Python programming' 카테고리의 다른 글

댓글

티스토리툴바