栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

典型的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



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/640682.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号