zhaojie/recommend
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity
Files
f65abdef0f9661a51439ceeb3aa66260a2134bb7
recommend/templates/data_collection.html

121 lines
5.5 KiB
HTML
Raw Normal View History

feat: complete web app features and fix encoding
2025-11-02 22:23:10 +08:00
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><EFBFBD><EFBFBD><EFBFBD>ݲɼ<EFBFBD> - <20><><EFBFBD>Ի<EFBFBD><D4BB><EFBFBD>ʳ<EFBFBD>Ƽ<EFBFBD><C6BC><EFBFBD><EFBFBD><EFBFBD></title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/data_collection.css') }}">
</head>
<body>
<div class="container">
<header class="header">
<h1>? <20><><EFBFBD>ݲɼ<DDB2></h1>
<p class="subtitle"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ĸ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʳ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
</header>
<nav class="nav">
<a href="/" class="nav-item"><EFBFBD><EFBFBD>ҳ</a>
<a href="/data-collection" class="nav-item active"><EFBFBD><EFBFBD><EFBFBD>ݲɼ<EFBFBD></a>
<a href="/recommendation" class="nav-item"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƽ<EFBFBD></a>
<a href="/analysis" class="nav-item">Ӫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a>
<a href="/recitation" class="nav-item"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a>
</nav>
<main class="main">
<div class="data-collection-container">
<!-- <20>û<EFBFBD><C3BB><EFBFBD>¼<EFBFBD><C2BC><EFBFBD><EFBFBD> -->
<div id="loginSection" class="section">
<h2><EFBFBD>û<EFBFBD><EFBFBD><EFBFBD>¼</h2>
<div class="form-group">
<label for="userId"><EFBFBD>û<EFBFBD>ID<EFBFBD><EFBFBD></label>
<input type="text" id="userId" class="form-input" placeholder="<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>û<EFBFBD>ID">
</div>
<div class="form-group">
<label for="userName"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></label>
<input type="text" id="userName" class="form-input" placeholder="<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>">
</div>
<button id="loginBtn" class="btn btn-primary"><EFBFBD><EFBFBD>¼/ע<><D7A2></button>
</div>
<!-- <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϣ<EFBFBD>ʾ<EFBFBD> -->
<div id="basicQuestionnaire" class="section" style="display: none;">
<h2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϣ<EFBFBD>ʾ<EFBFBD></h2>
<div class="form-group">
<label><EFBFBD><EFBFBD><EFBFBD>䣺</label>
<input type="number" id="age" class="form-input" placeholder="<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>">
</div>
<div class="form-group">
<label><EFBFBD>Ա<EFBFBD><EFBFBD><EFBFBD></label>
<select id="gender" class="form-input">
<option value=""><EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD></option>
<option value="<22><>"><EFBFBD><EFBFBD></option>
<option value="Ů">Ů</option>
</select>
</div>
<div class="form-group">
<label><EFBFBD><EFBFBD><EFBFBD>ߣ<EFBFBD>cm<EFBFBD><EFBFBD><EFBFBD><EFBFBD></label>
<input type="number" id="height" class="form-input" placeholder="<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>">
</div>
<div class="form-group">
<label><EFBFBD><EFBFBD><EFBFBD>أ<EFBFBD>kg<EFBFBD><EFBFBD><EFBFBD><EFBFBD></label>
<input type="number" id="weight" class="form-input" placeholder="<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>">
</div>
<div class="form-group">
<label><EFBFBD>ˮƽ<EFBFBD><EFBFBD></label>
<select id="activityLevel" class="form-input">
<option value=""><EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD></option>
<option value="<22><><EFBFBD><EFBFBD>"><EFBFBD><EFBFBD><EFBFBD><EFBFBD></option>
<option value="<22><><EFBFBD>Ȼ"><EFBFBD><EFBFBD><EFBFBD>Ȼ</option>
<option value="<22>жȻ"><EFBFBD>жȻ</option>
<option value="<22>߶Ȼ"><EFBFBD>߶Ȼ</option>
</select>
</div>
<button id="submitBasicBtn" class="btn btn-primary"><EFBFBD>ύ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϣ</button>
</div>
<!-- <20><>ʳ<EFBFBD><CAB3>¼ -->
<div id="mealRecord" class="section" style="display: none;">
<h2><EFBFBD><EFBFBD>¼<EFBFBD><EFBFBD>ʳ</h2>
<div class="form-group">
<label><EFBFBD><EFBFBD><EFBFBD>ڣ<EFBFBD></label>
<input type="date" id="mealDate" class="form-input">
</div>
<div class="form-group">
<label><EFBFBD>ʹΣ<EFBFBD></label>
<select id="mealType" class="form-input">
<option value="breakfast"><EFBFBD><EFBFBD><EFBFBD><EFBFBD></option>
<option value="lunch"><EFBFBD><EFBFBD><EFBFBD><EFBFBD></option>
<option value="dinner"><EFBFBD><EFBFBD><EFBFBD><EFBFBD></option>
</select>
</div>
<div class="form-group">
<label>ʳ<EFBFBD><EFBFBD><EFBFBD>б<EFBFBD><EFBFBD><EFBFBD>ÿ<EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></label>
<textarea id="foods" class="form-textarea" rows="5" placeholder="<22><><EFBFBD>磺&#10;<3B><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> 1<><31>&#10;<3B>㽶 1<><31>&#10;ţ<><C5A3> 200ml"></textarea>
</div>
<div class="form-group">
<label><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>󿨣<EFBFBD><EFBFBD><EFBFBD></label>
<input type="number" id="calories" class="form-input" placeholder="<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>">
</div>
<div class="form-group">
<label><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ȣ<EFBFBD>1-5<>֣<EFBFBD><D6A3><EFBFBD></label>
<input type="number" id="satisfaction" class="form-input" min="1" max="5" value="3">
</div>
<button id="submitMealBtn" class="btn btn-primary"><EFBFBD><EFBFBD>¼<EFBFBD><EFBFBD>ʳ</button>
</div>
<!-- <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ -->
<div id="messageArea" class="message-area"></div>
</div>
</main>
<footer class="footer">
<p>&copy; 2024 <20><><EFBFBD>Ի<EFBFBD><D4BB><EFBFBD>ʳ<EFBFBD>Ƽ<EFBFBD><C6BC><EFBFBD><EFBFBD><EFBFBD></p>
</footer>
</div>
<script src="{{ url_for('static', filename='js/data_collection.js') }}"></script>
</body>
</html>
Reference in New Issue Copy Permalink