典型的AngularJS工作流程和项目结构（使用Python Flask）

典型的AngularJS工作流程和项目结构（使用Python Flask）

首先，我将以标准结构组织Flask应用程序，如下所示：

app|-- app.py|-- static    |-- css    |-- img    |-- js|-- templates

正如btford所提到的，如果您正在开发Angular应用程序，则需要集中精力使用Angular客户端模板，而远离服务器端模板。使用render_template（’index.html’）会使Flask将您的角度模板解释为jinja模板，因此它们将无法正确渲染。相反，您需要执行以下 *** 作：

@app.route("/")def index():    return send_file('templates/index.html')

请注意，使用send_file（）意味着文件将被缓存，因此，您至少在开发时可能要使用make_response（）：

    return make_response(open('templates/index.html').read())

然后，构建应用程序的AngularJS部分，修改应用程序结构，使其如下所示：

app|-- app.py|-- static    |-- css    |-- img    |-- js        |-- app.js, controllers.js, etc.    |-- lib        |-- angular |-- angular.js, etc.    |-- partials|-- templates    |-- index.html

确保index.html包含AngularJS以及任何其他文件：

<script src="static/lib/angular/angular.js"></script>

此时，您尚未构建RESTful API，因此可以让js控制器返回预定义的示例数据（仅是临时设置）。准备就绪后，实现RESTful
API并使用angular-resource.js将其连接到您的angular应用程序。

编辑：我整理了一个应用程序模板，尽管比我上面描述的要复杂一些，但它说明了如何使用AngularJS +
Flask构建应用程序，并完成了AngularJS和简单的Flask
API之间的通信。如果您想签出，这里是这里：https :
//github.com/rxl/angular-flask