refactor(api):修改前端接口逻辑

This commit is contained in:
ClovertaTheTrilobita 2025-09-26 15:28:20 +00:00
parent ae1c64ab4e
commit 9023fefef6
6 changed files with 15 additions and 10 deletions

View file

@ -37,7 +37,7 @@ r = redis.Redis(host="127.0.0.1", port=6379, db=0)
# 启动测试服务器 # 启动测试服务器
def run_dev(): def run_dev():
app.run(host="10.147.18.141", port=5000) app.run(host="192.168.193.141", port=5000)
def set_status(task_id, status, **extra): def set_status(task_id, status, **extra):
payload = {"status": status, "updated_at": datetime.datetime.utcnow().isoformat(), **extra} payload = {"status": status, "updated_at": datetime.datetime.utcnow().isoformat(), **extra}

1
frontend/api.js Normal file
View file

@ -0,0 +1 @@
const API_BASE = "http://192.168.193.141:5000/";

View file

@ -6,8 +6,9 @@
<button onclick="downloadTif()">下载tif</button> <button onclick="downloadTif()">下载tif</button>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="api.js"></script>
<script type="module"> <script type="module">
const API_BASE = "http://10.147.18.141:5000/";
const API_STATUS = API_BASE + "status"; const API_STATUS = API_BASE + "status";
const API_PIC = API_BASE + "preview"; const API_PIC = API_BASE + "preview";
const API_DL = API_BASE + "dl"; const API_DL = API_BASE + "dl";

View file

@ -37,7 +37,7 @@
<label> <label>
<select id="model" class="form-select"></select> <select id="model" class="form-select"></select>
</label> </label>
</label>
</div> </div>
</div> </div>
<br> <br>
@ -57,10 +57,11 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"
integrity="sha384-ep+dxp/oz2RKF89ALMPGc7Z89QFa32C8Uv1A3TcEK8sMzXVysblLA3+eJWTzPJzT" integrity="sha384-ep+dxp/oz2RKF89ALMPGc7Z89QFa32C8Uv1A3TcEK8sMzXVysblLA3+eJWTzPJzT"
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
<script src="api.js"></script>
<script> <script>
const API = "http://10.147.18.141:5000/";
const API_UPLOAD = API + "run_upload"; const API_UPLOAD = API_BASE + "run_upload";
const API_MODEL = API + "models"; const API_MODEL = API_BASE + "models";
async function loadModels() { async function loadModels() {
const select = document.getElementById('model'); const select = document.getElementById('model');

View file

@ -62,10 +62,11 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"
integrity="sha384-ep+dxp/oz2RKF89ALMPGc7Z89QFa32C8Uv1A3TcEK8sMzXVysblLA3+eJWTzPJzT" integrity="sha384-ep+dxp/oz2RKF89ALMPGc7Z89QFa32C8Uv1A3TcEK8sMzXVysblLA3+eJWTzPJzT"
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
<script src="api.js"></script>
<script> <script>
const API = "http://10.147.18.141:5000/";
const API_UPLOAD = API + "train_upload"; const API_UPLOAD = API_BASE + "train_upload";
const API_MODEL = API + "models"; const API_MODEL = API_BASE + "models";
async function loadModels() { async function loadModels() {
const select = document.getElementById('model'); const select = document.getElementById('model');

View file

@ -6,8 +6,9 @@
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="api.js"></script>
<script type="module"> <script type="module">
const API_BASE = "http://10.147.18.141:5000/";
const API_RESULT = API_BASE + "status"; const API_RESULT = API_BASE + "status";
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const ID = params.get("id"); const ID = params.get("id");