栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > 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应用程序。



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

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

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