项目描述
故事。假设你在Right-On Realtors的IT部门工作。
你的老板要求你创建一个简单的网站，让房地产经纪人可以通过查询来查看当前的房屋销售情况。
他希望这个网站使用Python中的Flask框架创建。
在这篇文章中，我们将创建一个简单的网站应用，从服务器上的CSV中查询房地产统计数据，看起来像这样。
什么是Flask？
Flask是一个考虑到易用性的网络应用程序框架。无需太多的培训，你就可以轻松地创建一个简单的网络应用。Flask与Bootstrap、HTML、CSS和Jinja （仅举几例）一起工作，创建一个网站。
第1步：建立一个虚拟环境
你的所有项目都共享相同的全局安装的库。但其中一些可能需要不同的版本或不兼容的库。
这就是虚拟环境发挥作用的地方。
**虚拟环境作为你的 Python 程序的 "沙盒"，**你可以在那里安装任何外部库或版本，而不会对全局产生任何影响。
虚拟环境是隔离的，独立的，分开的。
点击这里查看关于设置和激活虚拟环境的说明。
第二步：安装库
在我们的代码成功执行之前，有两（2）个新库需要安装。
- 该 熊猫库实现了对DataFrame的访问/输出。
- **Flask库允许我们创建和渲染我们的网站。
要安装这些库，请导航到IDE终端。在命令提示符下($)，执行下面的代码。对于本例中使用的终端，命令提示符是一个美元符号($)。你的终端提示可能不同。
$ pip install pandas
按下键盘上的<Enter> 键，开始安装过程。
$ pip install flask
按键盘上的<Enter> 键，开始安装过程。
第3步：设置文件夹结构
我们希望有以下的文件夹结构。
然后设置负责大部分Flask操作的app.py 文件，并创建一个基本的模板文件，你的应用所提供的所有HTML文件都将从该文件中继承。
请跟随我们的深度指南，了解如何在此进行设置。
第四步：路由和动态内容
首先，在你的网络项目中添加路由，这样人们就可以导航到你网站的不同部分。你可以通过用以下代码替换app.py 文件来做到这一点。
app = Flask(__name__)
@app.route('/') # home
def index():
return render_template("index.html")
@app.route('/reports') # reports
def reports():
return render_template("reports.html")
@app.route('/contact') # contact
def contact():
return render_template("contact.html")
第二，你创建空白的HTML文件，这些文件继承自基础模板，在调用每个URL后都应该返回'https://yourwebsite.com/','https://yourwebsite.com/reports', 和'https://yourwebsite.com/contact' 。
第三，将Jinja添加到基本模板文件中，这样你就可以在你的网站上添加一些动态创建的内容--毕竟它不应该为所有用户返回相同的内容!
第5步：造型、导航和本地运行应用程序
Bootstrap是一个流行的框架，它包含许多HTML、API和JS代码片段。这些代码片断可以帮助各地的网页设计师/开发人员创建一个响应式网站。
将Bootstrap添加到你的项目中，并使用提供的造型选项创建一个导航栏。
接下来，你可以在你的shell中用一个简单的命令运行你的应用程序，并在你的浏览器中查看它。
第6步：用于用户输入和输出的表单
在一个HTML页面上添加一个带有元素的表单。然后将Jinja添加到报告页面，并更新app.py中的代码以使HTML表单工作。
这时你的项目将看起来像这样。
恭喜你，用户现在可以在前端输入数字了，而你的Python代码将在后端处理它们
要查看任何变化，需要重新启动Flask。要执行这项任务，请导航到命令提示符，输入CTRL+C（停止），然后输入flask run（重新启动）。
第7步：在后端进行数据处理
接下来，读入 房地产CSV文件到一个DataFrame，允许用户根据输入的Zip代码查询结果，并在报告页面上显示结果。
看起来会是这样的。
教程。了解更多关于如何完成这一步的信息。
第8步：数据清理
在这一步，你写一些Python代码来验证Zip Code，以确保用户的输入是正确的。你将对数据进行清理，并对房地产对象的销售价格进行重新格式化，以使表述更加清晰。
第9步：样式表
接下来，我们将添加一个样式表，并为导航栏和其余的HTML页面添加一些特定的样式。样式表应该在核心功能实现后再进行--这时已经完成了!!(s.w.org/images/core…)
经过这一步，网站看起来会更干净、更漂亮。
第十步。联系我们和电子邮件自动化
最后一步确保用户可以通过联系页面与你联系。我们也会使用CSS和样式表对其进行样式设计，并使用Flask功能将表单值通过电子邮件发送给你。
总结
这篇文章总结了用Flask创建一个简单的房地产相关网站的必要步骤。如果你已经按照概述的步骤，并阅读了每个步骤后的教程，你现在应该在你的本地计算机上有一个正在运行的原型网站。
你也应该知道如何用Python创建一个动态和互动的网站的基本知识，这种技能是当今许多公司所追捧的自由职业者或受雇的全栈网络开发者的技能
