6、从Web应用到电子基础的综合技术之旅

从Web应用到电子基础的综合技术之旅

1. 连接用户界面与后端

当后端和用户界面都设计好后，使用 JavaScript 来连接二者是最后一步。不过，使用单独的 JavaScript 文件存在一个问题，即它无法使用 Flask 模板的特性，例如url_for就无法正常工作。所以，所有需要这些特性的内容都应直接包含在 HTML 模板中。

操作步骤如下：
1. 打开 HTML 模板pimusic.html，在其他脚本之前插入以下脚本元素：

<script type=text/javascript> var STATIC_LOC = "{ { url_for('static', filename='') }}"; var ACTION_LOC = "{ { url_for('action') }}"; </script>

这样就能在外部脚本中使用STATIC_LOC和ACTION_LOC变量了。
2. 在static目录下创建一个名为pimusic.js的文件，并在其他脚本元素末尾添加以下代码：

<script type=text/javascripthttps://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/markdown_views-375c595788.css">