凱博公司開戶——SKSKFC
要編寫一個(gè)簡(jiǎn)單的能發(fā)布網(wǎng)頁(yè)的 Python 應(yīng)用服務(wù)器，可以使用 Python 自帶的?http.server?模塊來實(shí)現(xiàn)。http.server?模塊是 Python 的標(biāo)準(zhǔn)庫(kù)，可以用來快速搭建一個(gè)簡(jiǎn)單的 Web 服務(wù)器。
以下是一個(gè)簡(jiǎn)單的示例，演示如何使用?http.server?模塊來實(shí)現(xiàn)一個(gè)能夠發(fā)布網(wǎng)頁(yè)的應(yīng)用服務(wù)器：
步驟如下：
1、編寫服務(wù)端代碼
命名為httpserver.py文件
1
2
3
4
5
6
7
8
9
10
import http.serverimport socketserver??PORT = 8080??Handler = http.server.SimpleHTTPRequestHandler??with socketserver.TCPServer(("", PORT), Handler) as httpd:????print(f"Serving at port {PORT}")????httpd.serve_forever()這個(gè)應(yīng)用服務(wù)器將會(huì)在本地的 8080 端口監(jiān)聽來自客戶端的 HTTP 請(qǐng)求，并將當(dāng)前目錄下的網(wǎng)頁(yè)文件（如 HTML、CSS、JS 等）發(fā)布給客戶端。
要使用這個(gè)應(yīng)用服務(wù)器，只需要將網(wǎng)頁(yè)文件放在當(dāng)前目錄下，然后在終端中運(yùn)行上述 Python 腳本即可。在瀏覽器中訪問 http://localhost:8080 即可訪問網(wǎng)頁(yè)。
2、編寫網(wǎng)頁(yè)html+css文件
命名為index.html和style.css文件
index.html：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html><html>??<head>????<meta http-equiv="Content-Type" content="text/html; charset=utf-8">????<title>登錄頁(yè)面</title>????<link rel="stylesheet" type="text/css" href="style.css">??</head>??<body>????<div class="container">??????<form>????????<h2>歡迎登錄</h2>????????<label for="username"><b>用戶名</b></label>????????<input type="text" placeholder="請(qǐng)輸入用戶名" name="username" required>????????<label for="password"><b>密碼</b></label>????????<input type="password" placeholder="請(qǐng)輸入密碼" name="password" required>????????<button type="submit">登錄</button>??????</form>????</div>??</body></html>style.css:
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
body {??background-color: #F8F8F8;??font-family: Arial, sans-serif;}.container {??width: 400px;??margin: 0 auto;??margin-top: 50px;??background-color: #FFFFFF;??padding: 20px;??border-radius: 10px;??box-shadow: 0px 0px 10px #888888;}form {??display: flex;??flex-direction: column;}h2 {??text-align: center;??margin-bottom: 20px;}label {??font-size: 18px;??margin-bottom: 10px;}input[type="text"],input[type="password"] {??padding: 10px;??margin-bottom: 20px;??border: none;??border-radius: 5px;??box-shadow: 0px 0px 5px #888888;}button[type="submit"] {??background-color: #4CAF50;??color: #FFFFFF;??font-size: 16px;??font-weight: bold;??padding: 10px;??margin-top: 20px;??border: none;??border-radius: 5px;??cursor: pointer;}button[type="submit"]:hover {??background-color: #3E8E41;}3、復(fù)制html+css到服務(wù)端py文件同一文件夾下
4、運(yùn)行服務(wù)端程序
5、瀏覽器中輸入localhost:8080
顯示如下：
程序達(dá)到預(yù)期目標(biāo)。
標(biāo)簽：
