基于Flask+Bootstrap+机器学习的南昌市租房价格预测系统(上)：https://developer.aliyun.com/article/1434867
2.3.4数据可视化
manager.py
@app.route('/display_data') def display_data(): return render_template('display_data.html')
display_data.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数据可视化</title> <link rel="stylesheet" href="../static/bootstrap.min.css"> <link rel="stylesheet" href="../static/main.css"> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-xl-2"> <div class="top" style="margin-top: 40px;margin-left: 40px;"> <ul class="nav flex-column"> <li class="nav-item" > <a class="nav-link" href="" > <button type="button" class="btn btn-outline-primary" disabled>1.导入数据</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>2.查看数据</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>3.数据预处理</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>4.数据可视化</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href="{{url_for('feature_engineering')}}"> <button type="button" class="btn btn-outline-primary">5.特征工程</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>6.构建模型</button> </a> </li> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>7.保存模型</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href="{{url_for('index')}}"> <button type="button" class="btn btn-outline-primary" disabled>返回首页</button> </a> </li> </ul> </div> </div> <div class="col-xl-10" style="margin-top: 10px;"> <div class="card" > <div class="card-body"> <img src="../static/img/display_data4.png"> <img src="../static/img/display_data3.png"> <img src="../static/img/display_data2.png" width="1160px"> <img src="../static/img/display_data1.png" width="1160px"> </div> </div> </div> </div> </div> </body> </html>
2.3.5特征工程
manager.py
@app.route('/feature_engineering') def feature_engineering(): return render_template('feature_engineering.html')
feature_engineering.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>特征工程</title> <link rel="stylesheet" href="../static/bootstrap.min.css"> <link rel="stylesheet" href="../static/main.css"> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-xl-2"> <div class="top" style="margin-top: 40px;margin-left: 40px;"> <ul class="nav flex-column"> <li class="nav-item" > <a class="nav-link" href="" > <button type="button" class="btn btn-outline-primary" disabled>1.导入数据</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>2.查看数据</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>3.数据预处理</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>4.数据可视化</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>5.特征工程</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href="{{url_for('build_model')}}"> <button type="button" class="btn btn-outline-primary" >6.构建模型</button> </a> </li> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>7.保存模型</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href="{{url_for('index')}}"> <button type="button" class="btn btn-outline-primary" disabled>返回首页</button> </a> </li> </ul> </div> </div> <div class="col-xl-10"> <div class="card" style="margin-top: 20px;"> <div class="card-body"> <img src="../static/img/feature_engineering.png" > <br> <br> <p>特征工程完毕！！！</p> </div> </div> </div> </div> </div> </body> </html>
2.3.6构建模型
manager.py
@app.route('/build_model') def build_model(): return render_template('build_model.html')
build_model.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>构建模型</title> <link rel="stylesheet" href="../static/bootstrap.min.css"> <link rel="stylesheet" href="../static/main.css"> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-xl-2"> <div class="top" style="margin-top: 40px;margin-left: 40px;"> <ul class="nav flex-column"> <li class="nav-item" > <a class="nav-link" href="{{url_for('load_data')}}" > <button type="button" class="btn btn-outline-primary">1.导入数据</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>2.查看数据</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>3.数据预处理</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>4.数据可视化</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>5.特征工程</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>6.构建模型</button> </a> </li> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href="{{url_for('save_model')}}"> <button type="button" class="btn btn-outline-primary">7.保存模型</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href="{{url_for('index')}}"> <button type="button" class="btn btn-outline-primary" disabled>返回首页</button> </a> </li> </ul> </div> </div> <div class="col-xl-10"> <div class="card" style="margin-top: 20px;"> <div class="card-body"> <p>Model is: RandomForestRegressor()</p> <p>Training score: 0.9049714978258847</p> <p>r2 score is: 0.5589430756516771</p> <p>MAE: 451.4159751799188</p> <p>MSE: 450572.2871418395</p> <p>RMSE: 671.2468153681174</p> <br> <p>真实值和预测值的差值图如下：</p> <img src="../static/img/build_model1.png" alt=""> <img src="../static/img/build_model2.png" alt=""> </div> </div> </div> </div> </div> </body> </html>
2.3.7保存模型
manager.py
@app.route('/save_model') def save_model(): return render_template('save_model.html')
save_model.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>构建模型</title> <link rel="stylesheet" href="../static/bootstrap.min.css"> <link rel="stylesheet" href="../static/main.css"> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-xl-2"> <div class="top" style="margin-top: 40px;margin-left: 40px;"> <ul class="nav flex-column"> <li class="nav-item" > <a class="nav-link" href="{{url_for('load_data')}}" > <button type="button" class="btn btn-outline-primary">1.导入数据</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>2.查看数据</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>3.数据预处理</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>4.数据可视化</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>5.特征工程</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>6.构建模型</button> </a> </li> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href=""> <button type="button" class="btn btn-outline-primary" disabled>7.保存模型</button> </a> </li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16" style="margin-left: 60px;"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg> <li class="nav-item" > <a class="nav-link" href="{{url_for('main')}}"> <button type="button" class="btn btn-outline-primary">返回首页</button> </a> </li> </ul> </div> </div> <div class="col-xl-10"> <div class="card" style="margin-top: 20px;"> <div class="card-body"> <p>模型保存成功！！！</p> <br> </div> </div> </div> </div> </div> </body> </html>
2.4预测房价模块
manager.py
class PredictView(views.MethodView): def __jump(self,result=None,error=None): return render_template('predict_price.html',result=result,error=error) def get(self, result=None,error=None): return self.__jump() def post(self): try: address = request.form['address'] derection = request.form['derection'] floor = request.form['floor'] elevator = request.form['elevator'] area = float(request.form['area']) new_data = pd.DataFrame(data=[[address,derection,area,floor,elevator]],columns=['address','derection','area','floor','elevator']) new_data['address'].replace(to_replace={'南昌县':0,'红谷滩':1,'新建区':2,'高新区':3,'东湖区':4,'西湖区':5,'经开区':6,'青山湖区':7,'青云谱区':8,'湾里区':9,'进贤县':10},inplace=True) new_data['derection'].replace(to_replace={'精装修':1,'简装修':0},inplace=True) new_data['floor'].replace(to_replace={'高':0,'中':1,'低':2},inplace=True) new_data['elevator'].replace(to_replace={'有':1,'无':0},inplace=True) predict = model.predict(new_data)[0] return self.__jump(result=predict) except: return self.__jump(error='输入数据格式不对，请重新输入！') app.add_url_rule('/predict_price/',view_func=PredictView.as_view('my_predict'))
predict_price.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>预测租房价格</title> <link rel="stylesheet" href="../static/bootstrap.min.css"> <link rel="stylesheet" href="../static/main.css"> </head> <body> <div class="container"> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="{{url_for('main')}}">首页</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="navbar-nav"> <a class="nav-link" href="{{url_for('train_model')}}">训练模型<span class="sr-only">(current)</span></a> <a class="nav-link active" href="{{url_for('predict_price')}}">预测租房价格</a> <a class="nav-link" href="{{url_for('my_look')}}">查看租房价格信息</a> </div> </div> </nav> <div class="container-fluid"> <div class="row"> <div class="col col-lg-2"> </div> <div class="col-md-auto"> <form action="/predict_price/" method="post"> <div class="form-group row"> <label for="inputPassword" class="col-sm-4 col-form-label">请选择地区：</label> <div class="col-sm-8"> <input type="text" placeholder="南昌县/红谷滩/新建区/..." name="address" class="form-control"> </div> </div> <div class="form-group row"> <label for="inputPassword" class="col-sm-4 col-form-label">装修类型：</label> <div class="col-sm-8"> <input type="text" placeholder="简装修/精装修" name="derection" class="form-control"> </div> </div> <div class="form-group row"> <label for="inputPassword" class="col-sm-4 col-form-label">楼层情况：</label> <div class="col-sm-8"> <input type="text" placeholder="高/中/低" name="floor" class="form-control"> </div> </div> <div class="form-group row"> <label for="inputPassword" class="col-sm-4 col-form-label">电梯情况：</label> <div class="col-sm-8"> <input type="text" placeholder="有/无" name="elevator" class="form-control"> </div> </div> <div class="form-group row"> <label for="inputPassword" class="col-sm-4 col-form-label">房屋面积：</label> <div class="col-sm-8"> <input type="text" placeholder="㎡" name="area" class="form-control" id="inputPassword"> </div> <button style="margin-left: 10px;" type="submit" class="btn btn-primary">预测</button> </form> </div> {% if error %} <font color="red">{{ error }}</font> {% endif %} {% if result %} <font color="red">预测的房价为：{{ result }}</font> {% endif %} <div class="col col-lg-2"> </div> </div> </div> </div> </body> </html>
2.4查看房价信息模块
manager.py
class LookPriceView(views.MethodView): def __jump(self,houses=None,error=None): return render_template('look_house_price.html',houses=houses,error=error) def get(self, houses=None,error=None): data = pd.read_csv('lianjia.csv') houses = [] for item in data.values: house = {} house['address'] = item[1] house['price'] = item[2] house['lease method'] = item[3] house['layout'] = item[4] house['derection'] = item[5] house['area'] = item[6] house['orientation'] = item[7] house['floor'] = item[8] house['elevator'] = item[9] house['water'] = item[10] house['power'] = item[11] house['gas'] = item[12] houses.append(house) return self.__jump(houses=houses) def post(self): try: min_price = float(request.form['min']) max_price = float(request.form['max']) data = pd.read_csv('lianjia.csv') data = data[(data['price']>min_price) & (data['price']<max_price)] houses = [] for item in data.values: house = {} house['address'] = item[1] house['price'] = item[2] house['lease method'] = item[3] house['layout'] = item[4] house['derection'] = item[5] house['area'] = item[6] house['orientation'] = item[7] house['floor'] = item[8] house['elevator'] = item[9] house['water'] = item[10] house['power'] = item[11] house['gas'] = item[12] houses.append(house) return self.__jump(houses=houses) except: return self.__jump(error='输入数据格式不对，请重新输入！') app.add_url_rule('/look_price/',view_func=LookPriceView.as_view('my_look'))
look_house_price.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>查看租房价格信息</title> <link rel="stylesheet" href="../static/bootstrap.min.css"> <link rel="stylesheet" href="../static/main.css"> </head> <body> <div class="container"> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="{{url_for('main')}}">首页</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="navbar-nav"> <a class="nav-link" href="{{url_for('train_model')}}">训练模型<span class="sr-only">(current)</span></a> <a class="nav-link" href="{{url_for('predict_price')}}">预测租房价格</a> <a class="nav-link active" href="{{url_for('my_look')}}">查看租房价格信息</a> </div> </div> </nav> <div> <form action="/look_price/" method="post"> <div class="form-group row"> <label for="inputPassword" class="col-sm-2 col-form-label">请输入价格区间：</label> <div class="col-sm-3"> <input type="text" placeholder="1000" name="min" class="form-control"> </div> <div class="col-sm-1"> —— </div> <div class="col-sm-3"> <input type="text" placeholder="2000" name="max" class="form-control"> </div> <div class="col-sm-3"> <input type="submit" value="搜索" class="btn btn-primary"> </div> </div> </form> <section class="counts section-bg"> <div class="container"> <table class="table text-nowrap"> <tr class="text-center"> <td>address</td> <td>lease method</td> <td>layout</td> <td>derection</td> <td>area</td> <td>orientation</td> <td>floor</td> <td>elevator</td> <td>water</td> <td>power</td> <td>gas</td> <td>price</td> </tr> {% for house in houses %} <tr class="text-center"> <td>{{ house.address }}</td> <td>{{ house['lease method'] }}</td> <td>{{ house.layout }}</td> <td>{{ house.derection }}</td> <td>{{ house.area }}</td> <td>{{ house.orientation }}</td> <td>{{ house.floor }}</td> <td>{{ house.elevator }}</td> <td>{{ house.water }}</td> <td>{{ house.power }}</td> <td>{{ house.gas }}</td> <td>{{ house.price }}</td> </tr> {% endfor %} </table> </div> </section><!-- End Counts Section --> </div> </div> </body> </html>
三、项目总结
本次我们使用了Flask框架结合了基于机器学习的房价预测模型，构建了一个简易版基于机器学习的南昌市租房价格预测系统，整个项目还有很多地方可以优化，比如页面美化、模块添加等等，这些就留给学习的小伙伴根据自身需求进行创新升级！喜欢本项目的话就三连支持一下啦。
