template.render(data)其中data是什么类型

时间: 2024-04-09 22:31:10 浏览: 99
PDF

layui数据表格 table.render 报错的解决方法

star5星 · 资源好评率100%
在 `template.render(data)` 中，`data` 是一个包含要填充到模板中的数据的对象。它可以是一个字典、一个列表、一个对象或者其他支持的数据类型。 - 如果 `data` 是一个字典，那么模板中的占位符将根据字典中的键名进行匹配。例如，如果模板中有 `{{ name }}` 的占位符，那么 `data` 字典中需要包含键名为 `'name'` 的项。 - 如果 `data` 是一个列表，那么模板将循环渲染该列表中的每个元素。在循环渲染时，可以在模板中使用特定的语法来访问当前循环元素的属性。例如，可以使用 `{{ item.name }}` 来访问列表中每个元素的 `'name'` 属性。 - 如果 `data` 是一个对象，那么模板可以通过对象的属性名来访问和填充数据。例如，可以使用 `{{ obj.name }}` 来访问对象的 `'name'` 属性。 总之，`data` 可以是任何能够提供数据给模板进行填充的对象，具体取决于你的数据结构和逻辑。
阅读全文

相关推荐

pdf

vue渲染方式render和template的区别

在Vue.js中，有两种主要的渲染方式：template和render函数。了解这两种方式的差异对于前端开发人员来说至关重要，因为这将影响到组件的编写和优化。 首先，我们来看template方式。template是一种声明式的渲染方式，...
rar

art-template.js

render(data)是渲染函数，传入数据对象后返回HTML字符串。 5. **使用方法**: 在HTML中，通常会将模板放在<script type="text/html">标签内，或者作为外部文件引用。在JavaScript中，引入template-web.js后，...
zip

template.zip

output = template.render(data) print(output) render方法会返回一个字符串，这是最终渲染后的结果。在上述例子中，output将包含HTML代码，其中{{ title }}和{{ item }}被替换为相应的值。 Jinja2还...

如何在flask.render_template渲染html页面时动态执行页面中的JavaScript函数

return render_template('your_template.html', **data) 接着，在your_template.html文件中，你可以这样引用并调用这个函数： html <!DOCTYPE html> function {{ javascript_function }}() { <!--...

@app.route('/') def index(): data = SourceData() return render_template('index.html', form=data, title=data.title)是什么意思

这是一个 Flask web 应用程序的视图函数，它处理应用程序根路径的 GET 请求。当用户访问网站首页时，该函数会从数据库或其他数据源（在这里是 SourceData 类）获取...其中，form 参数传递数据，title 参数传递标题。

@app.route('/') def index(): data = SourceData() return render_template('index.html', form=data, title=data.title) @app.route('/corp') def corp(): data = CorpData() return render_template('index.html', form=data, title=data.title) @app.route('/job') def job(): data = JobData() return render_template('index.html', form=data, title=data.title) 这几行代码的作用，要添加一个登录界面login.html要怎么修改代码

return render_template('login.html') 4. 运行你的应用程序，访问根路径时将会显示登录界面。 请注意，这只是一个简单的示例，实际应用中可能需要更多的逻辑和功能来实现完整的登录功能。

import threading from flask import Flask, render_template, request from crawl.paqu import MultiThreadHotDataSpider, MultiThreadSpecialDataSpider,HKConnectSpider,DataStorage app = Flask(__name__) hot_data = [] special_data = [] hkconnect_data = [] @app.route('/') def index(): return render_template('index.html') @app.route('/hot') def hot(): return render_template('hot.html', hot_data=hot_data) @app.route('/special') def special(): return render_template('special.html', special_data=special_data) @app.route('/hkconnect') def hkconnect(): return render_template('hkconnect.html', hkconnect_data=hkconnect_data) @app.route('/start_spider') def start_spider(): def spider(): global hot_data, special_data, hkconnect_data hot_spider = MultiThreadHotDataSpider() hot_data = hot_spider.get_data() special_spider = MultiThreadSpecialDataSpider() special_data = special_spider.get_data() hkconnect_spider = HKConnectSpider() hkconnect_data = hkconnect_spider.parse(hkconnect_spider.start_urls[0]) data_storage = DataStorage() data_storage.insert_hot_data(hot_data) data_storage.insert_special_data(special_data) data_storage.insert_hkconnect_data(hkconnect_data) t = threading.Thread(target=spider) t.start() return '爬虫已经开始' if __name__ == '__main__': app.run(host="0.0.0.0",debug=True)写出以上代码的前端html实现代码

{% for item in hot_data %} <td>{{ item.title }} <td>{{ item.link }} <td>{{ item.read_count }} {% endfor %} 其他两个页面的HTML代码类似，只需要将数据展示的表头和tbody里面的数据项替换...

@app.route('/corp') def corp(): data = CorpData() return render_template('index.html', form=data, title=data.title)是什么意思

接下来，该函数将 data 和 data.title 作为参数传递给 render_template 函数，该函数将使用模板文件 index.html 来渲染网页，并将 data 和 data.title 的值传递给模板文件以便进行渲染。最终，渲染后的...

我想用以下代码来实现一个实时刷新的曲线图，但是渲染不出来，请问有什么问题吗？ <template>     </template> <script> import { Line } from '@antv/g2plot'; export default {   data() {     return {     }   },   methods: {     getData() {       data = [];       time = new Date().getTime();       for (let i = -19; i <= 0; i += 1) {         data.push({           x: time + i * 1000,           y: Math.random() + 0.2,         });       }       return data;     },     loadRight1() {       const line = new Line(this.$refs.Right1, {         data: this.getData(),         padding: 'auto',         xField: 'x',         yField: 'y',         xAxis: {           type: 'time',           mask: 'HH:mm:ss',         },         smooth: true,         point: {},       });       setInterval(() => {         this.x = new Date().getTime(), // current time           this.y = Math.random() + 0.2;         newData = line.options.data.slice(1).concat({ x, y });         line.changeData(this.newData);       }, 1000);       line.render();     },     mounted() {       this.getData();       this.loadRight1();     },   } } </script> <style></style>

const newData = line.options.data.slice(1).concat({ x, y }); line.changeData(newData); }, 1000); line.render(); }, }, mounted() { this.loadRight1(); }, } <style></style> 希望能帮到...

app.route('/time') # 访问路由 def time(): # 绑定的视图函数 temp_data = get_loan_number() return render_template('time.html',map_data=temp_data) #国家分布 @app.route('/world') # 访问路由 def world(): # 绑定的视图函数 temp_data = get_country_static() return render_template('world.html',map_data=temp_data) @app.route('/') def index(): return render_template("index.html") #进入首页 @app.route('/index') def home(): #return render_template("index.html") return index()

其中 time() 和 world() 函数都调用了 get_XXX() 函数获取数据，然后将数据传递给对应的 HTML 模板 time.html 和 world.html，在模板中使用这些数据生成页面。而 index() 函数则直接返回 index.html 页面。

<template> <input type="text" v-model="searchId" placeholder="请输入sample_id"> <button @click="search">搜索</button> <el-table ref="multipleTable" :data="filteredData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55"></el-table-column> <el-table-column prop="sample_id" label="sample_id" width="120"> <template slot-scope="scope">{{ scope.row.sample_id }}</template> </el-table-column> <el-table-column prop="feature0" label="feature0" width="120"></el-table-column> <el-table-column prop="feature1" label="feature1" width="120"></el-table-column> <el-table-column prop="feature2" label="feature2" width="120"></el-table-column> <el-table-column label="操作" fixed="right" width="135"> <template slot-scope="scope"> <el-button type="text" @click=handleEdit(scope.$index)>编辑</el-button> <el-button type="text" @click="deleteRow(scope.$index)">删除</el-button> </template> </el-table-column> </el-table> </template> <script> export default { data() { return { searchId: '', tableData: [], // your table data array filteredData: [] // array to store filtered data } }, methods: { search() { if (this.searchId.trim() === '') { this.filteredData = this.tableData; // if searchId is empty, show all data } else { this.filteredData = this.tableData.filter(item => { return String(item.sample_id).includes(this.searchId); }); } } } } 报Property or method "searchId" is not defined on the instance but referenced during render.怎么解决

要解决这个问题，你需要确保searchId属性正确地定义在Vue实例的data选项中。请检查你的代码，确保有一个名为searchId的属性。 示例代码： javascript data() { return { searchId: '', // ensure ...

Java 将XWPFTemplate.compile(url, configure).render(map)返回结果转换为PDF

template.process(mapData, new OutputStreamWriteListener(outputStream)); } catch (Exception e) { e.printStackTrace(); } 这里，process方法会处理模板和数据，并将其渲染为PDF。 3. 最后，关闭资源：...

<el-table :max-height="tableHeight" :data="dataPage.list" fit stripe style="width: 100%" :size="$store.getters.size" @sort-change="sortHandler" @selection-change="handleSelectionChange"> <template v-for="(item, index) in tableColumns"> <el-table-column v-if="item.show" :key="index" :fixed="item.fixed" :show-overflow-tooltip="true" :min-width="item.minWidth" :width="item.width" :prop="item.prop" :sortable="item.sortable" :label="item.label" :formatter="item.render" /> </template> </el-table>解释一下

在这段代码中，通过 :max-height 绑定了表格的最大高度，通过 :data 绑定了表格的数据源，通过 :size 绑定了表格的尺寸（大小），通过 @sort-change 绑定了表格排序的事件处理函数sortHandler，通过 @selection-...

@app.route('/', methods=['GET','POST']) def index(): name = None form = NameForm() db.create_all() if form.validate_on_submit(): user = User.query.filter_by(username=form.name.data).first() if user is None: user = User(username=form.name.data) db.session.add(user) db.session.commit session['known'] = False if app.config['FLASKY_ADMIN']: send_email(app.config['FLASKY_ADMIN'], 'New User', 'mail/new_user', user=user) else: user = User(username=form.name.data) session['known'] = True session['name'] = form.name.data form.name.data='' return redirect(url_for('index')) send_email(['z_xinzheng@126.com'], 'Warnning', 1 , **kwargs) send_async_email(app, msg) return render_template('index.html', form=form, name=session.get('name'), known=session.get('known', False)) File "C:\Users\DELL\Desktop\flasky\hello.py", line 114, in index if app.config['FLASKY_ADMIN']: KeyError: 'FLASKY_ADMIN' 127.0.0.1 - - [23/May/2023 19:39:40] "POST / HTTP/1.1" 500 -

这个错误看起来是因为在你的 Flask 应用中没有定义 FLASKY_ADMIN 配置变量。你可以检查一下你的配置文件或者在应用中定义这个变量。可以在配置文件中加入以下内容： import os class Config: ...

利用return render_template('figure.html', data=data)，怎样将x轴和y轴的数据传递给html

var x_values = {{ data.x|tojson }}; var y_values = {{ data.y|tojson }}; // 在这里使用 x_values 和 y_values 来绘制图表 在上面的代码中，tojson 过滤器用于将 Python 列表转换为 JSON 格式，以便在...

请帮我优化下面的代码，解决错误 代码是： <template> <component :is="dynamicComponent" /> </template> <script> import axios from 'axios' import { compile, createApp,defineAsyncComponent } from 'vue' export default { data() { return { dynamicComponent: { template: 'Loading...' }, renderFunction: null } }, async mounted() { const componentCode = await this.fetchComponentCode() const component = await eval(componentCode) this.dynamicComponent = defineAsyncComponent(() => component) }, methods: { async fetchComponentCode() { let param = { table: 't_code', where: " and ky='vue-test' " }; this.axios .post('/base/crud/list', param) .then(response => { if (response.data.success) { debugger return response.data.data[0].code } }) .catch(error => { }) } }, render() { } } </script>

return response.data.data[0].code } } catch (error) { console.error(error) } }, createDynamicComponent(code) { const app = createApp({ template: code }) return app.component('dynamic-...

import json import pandas as pd from flask import Flask,render_template,request,jsonify from gevent import pywsgi from dataclass import data app=Flask(__name__) df=pd.read_csv('data.csv') data=data(df) #@app.route('/data2') @app.route('/') def index(): return render_template('index.html') @app.route('/data') def givedata(): zhudata=data.zhudata() linedata = data.linedata() gender_c1=data.gender_c1() category_2_mount=data.category_2_mount() t_y_m_mount=data.t_y_m_mount() category_1_mount=data.category_1_mount() gdata={'zhudata':zhudata, 'linedata':linedata, 'gender_c1':gender_c1, 'category_2_mount':category_2_mount, 't_y_m_mount':t_y_m_mount, 'category_1_mount':category_1_mount} return json.dumps(gdata) @app.route('/data2',methods=['get','POST']) def givedata2(): gaugedata=data.gaugedata() gdata={'gaugedata':gaugedata} print(json.dumps(gaugedata)) return json.dumps(gdata) # return render_template('index.html') if __name__=='__main__': app.run() # // server = pywsgi.WSGIServer(('127.0.0.1', 5000), app) # server.serve_forever()

这段代码是一个简单的Flask web应用程序，它使用了pandas库读取了一个名为"data.csv"的csv文件，并使用dataclass模块将其转换成一个可供web应用程序使用的数据类。 该应用程序有两个路由：一个是根路径('/')，返回...

my_template.html放在项目中什么位置

在这个示例中，我们定义了一个根路由 /，将 data 变量传递给 my_template.html 模板，并使用 render_template 函数渲染模板。注意，render_template 函数会自动在 templates 目录中查找 my_template....

在使用VuePreview组件时报错Component is missing template or render function.

当您在使用 Vue.js 组件时遇到 "Component is missing template or render function" 的错误提示，通常意味着 Vue 实例缺少用于渲染组件内容的模板 (template) 或者渲染函数 (render function)。 ### 解决方法： #...

最新推荐

recommend-type

Vue 中 template 有且只能一个 root的原因解析(源码分析)

1. **为什么限制只有一个root**： - **结构一致性**：保证模板生成的VNode树具有清晰的层次结构，避免混乱。一个单一的root元素确保了每个组件都有一个明确的包裹元素，使得DOM结构更加有序。 - **性能优化**：多...
recommend-type

白色大气风格的商务团队公司模板下载.zip

白色大气风格的商务团队公司模板下载.zip
recommend-type

Windows平台下的Fastboot工具使用指南

资源摘要信息:"Windows Fastboot.zip是一个包含了Windows环境下使用的Fastboot工具的压缩文件。Fastboot是一种在Android设备上使用的诊断和工程工具，它允许用户通过USB连接在设备的bootloader模式下与设备通信，从而可以对设备进行刷机、解锁bootloader、安装恢复模式等多种操作。该工具是Android开发者和高级用户在进行Android设备维护或开发时不可或缺的工具之一。" 知识点详细说明: 1. Fastboot工具定义： Fastboot是一种与Android设备进行交互的命令行工具，通常在设备的bootloader模式下使用，这个模式允许用户直接通过USB向设备传输镜像文件以及其他重要的设备分区信息。它支持多种操作，如刷写分区、读取设备信息、擦除分区等。 2. 使用环境： Fastboot工具原本是Google为Android Open Source Project（AOSP）提供的一个组成部分，因此它通常在Linux或Mac环境下更为原生。但由于Windows系统的普及性，许多开发者和用户需要在Windows环境下操作，因此存在专门为Windows系统定制的Fastboot版本。 3. Fastboot工具的获取与安装： 用户可以通过下载Android SDK平台工具（Platform-Tools）的方式获取Fastboot工具，这是Google官方提供的一个包含了Fastboot、ADB（Android Debug Bridge）等多种工具的集合包。安装时只需要解压到任意目录下，然后将该目录添加到系统环境变量Path中，便可以在任何位置使用Fastboot命令。 4. Fastboot的使用： 要使用Fastboot工具，用户首先需要确保设备已经进入bootloader模式。进入该模式的方法因设备而异，通常是通过组合特定的按键或者使用特定的命令来实现。之后，用户通过运行命令提示符或PowerShell来输入Fastboot命令与设备进行交互。常见的命令包括： - fastboot devices：列出连接的设备。 - fastboot flash [partition] [filename]：将文件刷写到指定分区。 - fastboot getvar [variable]：获取指定变量的值。 - fastboot reboot：重启设备。 - fastboot unlock：解锁bootloader，使得设备能够刷写非官方ROM。 5. Fastboot工具的应用场景： - 设备的系统更新或刷机。 - 刷入自定义恢复（如TWRP）。 - 在开发阶段对设备进行调试。 - 解锁设备的bootloader，以获取更多的自定义权限。 - 修复设备，例如清除用户数据分区或刷写新的boot分区。 - 加入特定的内核或修改系统分区。 6. 注意事项： 在使用Fastboot工具时需要格外小心，错误的操作可能会导致设备变砖或丢失重要数据。务必保证操作前已备份重要数据，并确保下载和刷入的固件是针对相应设备的正确版本。此外，不同的设备可能需要特定的驱动程序支持，因此在使用Fastboot之前还需要安装相应的USB驱动。 7. 压缩包文件说明： 资源中提到的"windows-fastboot.zip"是一个压缩文件，解压后应当包含一个或多个可执行文件、库文件等，这些文件合起来组成了Fastboot工具的Windows版本。解压后，用户应当参考解压后的文档或说明文件来进行安装和配置，以便能够正确地使用该工具。 总结而言，Fastboot作为一个功能强大的工具，它为Android设备的开发者和高级用户提供了一个界面简洁但功能全面的操作平台，以实现对设备深层次的控制。然而，它的使用要求用户具备一定的技术知识和经验，否则不当操作可能导致设备损坏。因此，使用Fastboot时应当谨慎并确保自己了解每个命令的具体含义和后果。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

DLMS规约深度剖析：从基础到电力通信标准的全面掌握

![DLMS规约基础介绍](https://afteracademy.com/images/what-is-data-model-in-dbms-and-what-are-its-types-hierarchical-model-48add64778fd4b8f.jpg) # 摘要 DLMS/COSEM是一种广泛应用于智能电网和电力计量领域的通信协议。本文首先介绍了DLMS规约的基础概念、起源以及核心技术原理，包括协议架构、数据模型、通信过程、数据封装与传输机制。随后，文章探讨了DLMS规约在电力通信中的实际应用，如智能电表和电网自动化系统的数据通信，并分析了DLMS规约的测试与验证方法。文
recommend-type

修改代码，使其正确运行

要使提供的代码能够正确运行，需要解决以下几个关键点： 1. **输入处理**：确保从控制台读取的文法规则和待解析字符串格式正确。 2. **FIRST集和FOLLOW集计算**：确保FIRST集和FOLLOW集的计算逻辑正确无误。 3. **预测分析表构建**：确保预测分析表的构建逻辑正确，并且能够处理所有可能的情况。 4. **LL(1)分析器**：确保LL(1)分析器能够正确解析输入字符串并输出解析过程。 以下是经过修改后的完整代码： ```java package com.example.demo10; import java.util.*; public class Main
recommend-type

Python机器学习基础入门与项目实践

资源摘要信息:"机器学习概述与Python在机器学习中的应用" 机器学习是人工智能的一个分支，它让计算机能够通过大量的数据学习来自动寻找规律，并据此进行预测或决策。机器学习的核心是建立一个能够从数据中学习的模型，该模型能够在未知数据上做出准确预测。这一过程通常涉及到数据的预处理、特征选择、模型训练、验证、测试和部署。 机器学习方法主要可以分为监督学习、无监督学习、半监督学习和强化学习。 监督学习涉及标记好的训练数据，其目的是让模型学会从输入到输出的映射。在这个过程中，模型学习根据输入数据推断出正确的输出值。常见的监督学习算法包括线性回归、逻辑回归、支持向量机（SVM）、决策树、随机森林和神经网络等。 无监督学习则是处理未标记的数据，其目的是探索数据中的结构。无监督学习算法试图找到数据中的隐藏模式或内在结构。常见的无监督学习算法包括聚类、主成分分析（PCA）、关联规则学习等。 半监督学习和强化学习则是介于监督学习和无监督学习之间的方法。半监督学习使用大量未标记的数据和少量标记数据进行学习，而强化学习则是通过与环境的交互来学习如何做出决策。 Python作为一门高级编程语言，在机器学习领域中扮演了非常重要的角色。Python之所以受到机器学习研究者和从业者的青睐，主要是因为其丰富的库和框架、简洁易读的语法以及强大的社区支持。 在Python的机器学习生态系统中，有几个非常重要的库： 1. NumPy：提供高性能的多维数组对象，以及处理数组的工具。 2. Pandas：一个强大的数据分析和操作工具库，提供DataFrame等数据结构，能够方便地进行数据清洗和预处理。 3. Matplotlib：一个用于创建静态、动态和交互式可视化的库，常用于生成图表和数据可视化。 4. Scikit-learn：一个简单且高效的工具，用于数据挖掘和数据分析，支持多种分类、回归、聚类算法等。 5. TensorFlow：由Google开发的开源机器学习库，适用于大规模的数值计算，尤其擅长于构建和训练深度学习模型。 6. Keras：一个高层神经网络API，能够使用TensorFlow、CNTK或Theano作为其后端进行计算。 机器学习的典型工作流程包括数据收集、数据预处理、特征工程、模型选择、训练、评估和部署。在这一流程中，Python可以贯穿始终，从数据采集到模型部署，Python都能提供强大的支持。 由于机器学习的复杂性，一个成功的机器学习项目往往需要跨学科的知识，包括统计学、数学、计算机科学、数据分析等领域。因此，掌握Python及其相关库的使用只是机器学习工作的一部分，还需要有扎实的理论基础和实践经验。 总结来说，机器学习是一个涉及数据挖掘、统计分析、算法优化等多个领域的综合性科学。Python由于其简洁的语法、丰富的库支持和强大的社区力量，成为了进行机器学习研究和应用开发的首选语言。随着技术的不断进步和算法的持续优化，机器学习的应用领域也在不断扩大，从早期的搜索引擎、推荐系统到现代的自动驾驶、医疗诊断等领域都有着广泛的应用。
recommend-type

"互动学习：行动中的多样性与论文攻读经历"

多样性她- 事实上SCI NCES你的时间表ECOLEDO C Tora SC和NCESPOUR l’Ingén学习互动，互动学习以行动为中心的强化学习学会互动，互动学习，以行动为中心的强化学习计算机科学博士论文于2021年9月28日在Villeneuve d'Asq公开支持马修·瑟林评审团主席法布里斯·勒菲弗尔阿维尼翁大学教授论文指导奥利维尔·皮耶昆谷歌研究教授：智囊团论文联合主任菲利普·普雷教授，大学。里尔/CRISTAL/因里亚报告员奥利维耶·西格德索邦大学报告员卢多维奇·德诺耶教授，Facebook /索邦大学审查员越南圣迈IMT Atlantic高级讲师邀请弗洛里安·斯特鲁布博士，Deepmind对于那些及时看到自己错误的人...3谢谢你首先，我要感谢我的两位博士生导师Olivier和Philippe。奥利维尔，"站在巨人的肩膀上"这句话对你来说完全有意义了。从科学上讲，你知道在这篇论文的（许多）错误中，你是我可以依
recommend-type

【Shell脚本进阶】：wc命令行数统计的高级用法及解决方案

![【Shell脚本进阶】：wc命令行数统计的高级用法及解决方案](https://static.coggle.it/diagram/Wf_r5VcFBgABR93J/thumbnail?mtime=1510053270529) # 摘要 本文首先介绍wc命令的基本使用和功能，旨在为读者提供一个理解文本行、单词、字节统计的基础。随后，深入探讨了wc命令的高级用法，包括对多个文件的统计与比较，与其他工具如grep和awk的结合使用，以及通过管道实现的高效数据处理。文章第三部分关注wc命令的性能优化和实用技巧，包括提升效率的执行方法和解决常见使用问题的策略。最后，文章探索了wc命令的替代工具与功
recommend-type

python编写一个程序，使得根据输入的起点和终点坐标值计算出坐标方位角

在Python中，我们可以使用Haversine公式来计算两个经纬度之间的方位角。首先，你需要安装`geopy`库，它提供了一个方便的方式来处理地理位置相关的操作。如果你还没有安装，可以使用`pip install geopy`命令。 下面是一个简单的示例程序，用于计算两个点之间的方位角： ```python from math import radians, cos, sin, asin, sqrt from geopy.distance import distance def calculate_bearing(start_point, end_point): # 将坐标转换