对于做开发，JavaScript框架，MEAN堆栈非常有名。

但是我们经常得到项目要求，客户希望使用Python构建服务器代码。（主要是很多项目与物联网，图像处理，数学应用或语言选择有关）所以Django是Python爱好者构建服务器的很好的选择。

当然如果客户注重开放性，我们通常会向他们提出Angular + Python + Flask的新技术堆栈。

下面我们就来简单的用Angular + Python + Flask来做一个实例，来讲解。

注意：下文的数据库名字（MEAN = MongoDb）。 你可以自由使用可以从Python访问的任何数据库。 大多数人更喜欢MySql和PostgreSQL。

Angular:

Angular是用于构建单页面应用程序的JavaScript（实际上是用Typescript编写的）框架。

Python:

Python是服务器端编程语言，非常强大，可构建复杂的物联网，图像处理和其他类型的系统。

Flask：

Flask是Python的REST API框架。 如果你以前接触过MEAN堆栈，你会感觉它类似于“Express.js”。

拓扑环境：

以下设置步骤已在Windows 10上执行。对于Linux flavor OS，步骤可能不同但非常简单，Python是内置的新版Linux。

环境搭建：

1.安装Python稳定版

2.安装“pip”包。 下载下面的文件并执行。

下载地址：https://bootstrap.pypa.io/get-pip.py

3.更新点子和设置工具 - “pip install - upgrade pip setuptools”

4.为pip-pip install virtualenv`安装虚拟环境

5.安装Flask - `pip install Flask`

6.安装Flask助手包 - `pip install flask flask-jsonpify flask-sqlalchemy flask-restful`

编写Python服务器端代码：

通过导入和初始化Flask包，可以将简单的Python脚本升级到REST服务器。

from flask import Flask

app = Flask(__name__)

@app.route("/")
def hello():
 return jsonify({'text':'Hello World!'})

if __name__ == '__main__':
 app.run(port=5002)

在上面的要点中，@ app.route（“/”）将传入的GET“/”请求映射到函数hello（）并返回一个简单的JSON对象。

这种方法有效，但不是好的OOP解决方案。 在实际应用程序中，我们根据类和对象构建项目。除此之外，我们可以更新我们的服务器代码以更多面向OOP，这就是我们导入其他Flask帮助程序包的原因。

from flask import Flask, request
from flask_restful import Resource, Api

app = Flask(__name__)
api = Api(app)

class Employees(Resource):
 def get(self):
 return {'employees': [{'id':1, 'name':'Balram'},{'id':2, 'name':'Tom'}]} 

api.add_resource(Employees, '/employees') # Route_1

if __name__ == '__main__':
 app.run(port=5002)

让我们看看发生了什么变化。

第5行 - 我们正在导入“Api”包并从Flask的“app”对象创建它的对象。

第7行 - “Employees”是简单的Python类，带有“get（）”成员函数。传递给“Employees”类的“Resource”参数包含传入的REST API调用信息。

第11行 - 这里我们正在创建REST API路由映射。应在此处使用其目标类配置所有REST API。在这个例子中，每当用户导航到'server-url/employees'时,”Employ()”的”get()”函数将被执行并且其结果将被返回给用户。

通过这种方式，你可以继续在Python类中编写逻辑，并创建REST API配置以将它们映射到REST端点。

Angular客户端代码：

对于Angular来说，无论是使用什么技术来构建REST API，无论是Java Springboot，ASP.NET Web API，Node.js，Python还是其他任何技术，都无关紧要。只要可以通过HTTP命令访问资源就可以，所以Angular就是不错的选择。

要使用我们的Python REST API，只需创建一个新的Angular并调用HttpClient方法（GET / PUT / POST / DELETE）。

import { HttpClient } from '@angular/common/http';

export class AppComponent {
 serverData: JSON;
 employeeData: JSON;
 
 constructor(private httpClient: HttpClient) {
 }

 sayHi() {
 this.httpClient.get('http://127.0.0.1:5002/').subscribe(data => {
 this.serverData = data as JSON;
 console.log(this.serverData);
 })
 }

 getAllEmployees() {
 this.httpClient.get('http://127.0.0.1:5002/employees').subscribe(data => {
 this.employeeData = data as JSON;
 console.log(this.employeeData);
 })
 }
} 

如果你运行服务器和客户端应用程序，或许会收到CORS错误。

理想的解决方案是从Python服务器安装Angular，使它它不会抛出CORS错误。

安装CORS包-`pip install -U flask-cors`

安装完成后，只需调用CORS（app）功能，你就不会再看到该错误。

from flask import Flask
from flask_cors import CORS, cross_origin

app = Flask(__name__)
CORS(app)

@app.route("/")
def helloWorld():
 return "Hello, cross-origin-world!"

做完上面这几步，你的服务器就可以运行起来了，是不是很有趣很简单？完整的代码放下面了。

完整代码：

from flask import Flask, request
from flask_cors import CORS, cross_origin
from flask_restful import Resource, Api
from json import dumps
from flask_jsonpify import jsonify
app = Flask(__name__)
api = Api(app)
CORS(app)
@app.route("/")
def hello():
 return jsonify({'text':'Hello World!'})
class Employees(Resource):
 def get(self):
 return {'employees': [{'id':1, 'name':'Balram'},{'id':2, 'name':'Tom'}]} 
class Employees_Name(Resource):
 def get(self, employee_id):
 print('Employee id:' + employee_id)
 result = {'data': {'id':1, 'name':'Balram'}}
 return jsonify(result) 
api.add_resource(Employees, '/employees') # Route_1
api.add_resource(Employees_Name, '/employees/<employee_id>') # Route_3
if __name__ == '__main__':
 app.run(port=5002)