好家园房产中介网后台管理项目

base.html–（父模板）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="/static/css/bootstrap.css" >
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="/static/css/bootstrap-theme.css" >
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="/static/js/bootstrap.js" ></script>
<style>#top{margin-left:20px ;}</style>
{% block style %}{% endblock %}</head>
<body>
<h3 align="center">好家园房产中介网后台管理</h3>
<div id="top"><span><a href="/">查看住房信息</a></span><span>|<a href="/addHouse">发布住房信息</a></span><span>|<a href="/show">汇总住房信息</a></span>
</div>
{% block centent %}{% endblock %}
</body>
</html>

addHouse.html–(添加house的子模板)

{% extends "base.html" %}
{% block centent %}
<form method="post" class="form-horizontal" >
<div class="form-group"><label for="inputEmail3" class="col-sm-2 control-label">房型</label><div class="col-sm-10"><select type="text" class="form-control" name="type" placeholder="房型">{% for rowType in rowTypes %}<option value="{{ rowType["HouseTypeID"]}}">{{ rowType["HouseTypeName"] }}</option>{% endfor %}</select></div></div><div class="form-group"><label for="inputEmail3" class="col-sm-2 control-label">面积（平方米）</label><div class="col-sm-10"><input type="text" class="form-control" name="area" placeholder="面积"></div></div><div class="form-group"><label for="inputPassword3" class="col-sm-2 control-label">价格（万元）</label><div class="col-sm-10"><input type="text" class="form-control" name="price" placeholder="价格"></div></div><div class="form-group"><label for="inputPassword3" class="col-sm-2 control-label">地址</label><div class="col-sm-10"><input type="text" class="form-control" name="address" placeholder="地址"></div></div><div class="form-group"><label for="inputPassword3" class="col-sm-2 control-label">描述</label><div class="col-sm-10"><input type="text" class="form-control" name="desc" placeholder="描述"></div></div><div class="form-group"><div class="col-sm-offset-2 col-sm-10"><button type="submit" class="btn btn-default">提交</button></div></div>
</form>
{% endblock %}

index.html–(显示house的子摸版)

{% extends "base.html" %}
{% block centent %}
<table  class="table table-bordered" ><tr><th>编号</th><th>房型</th><th>面积</th><th>价格</th><th>地点</th><th>描述</th></tr>{% for row in rows %}<tr><td>{{ row["HouseID"] }}</td><td>{{ row["HouseTypeName"] }}</td><td>{{ row["Area"] }}</td><td>{{ row["Price"] }}</td><td>{{ row["Adress"] }}</td><td>{{ row["HouseDesc"] }}</td></tr>{% endfor %}
</table>
{% endblock %}

show.html–(汇总的house界面)

{% extends "base.html" %}
{% block centent %}<script src="/static/js/echarts.min.js"></script><div id="main" style="width: 1000px;height:500px;" ></div><script type="text/javascript" >// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById('main'));// 指定图表的配置项和数据var option = {title: {text: '汇总房产信息显示'},tooltip: {},legend: {data: ['评论数']},xAxis: {data: {{ x |safe }} {# 阻止他转义字符 #}},yAxis: {},series: [{type: 'bar',data: {{ y }}}]};// 使用刚指定的配置项和数据显示图表。myChart.setOption(option);</script>{% endblock %}

Mysql.py–(连接数据库)

import pymysql
class mysql:def __init__(self):self.conn=pymysql.connect(host="127.0.0.1",user="root",passwd="123456",db="test")self.cursor=self.conn.cursor(pymysql.cursors.DictCursor)def update(self,sql,args=None):# sql="delete from goods where goodsid=%s"result=self.cursor.execute(sql,args)if result>0:self.conn.commit() #提交return Trueelse:return Falsedef close(self):self.conn.close()

app.py–(项目启动的视图函数界面)

from flask import Flask,render_template,request,redirect
from Mysql import mysql
import pandas as pd
app = Flask(__name__)
@app.route('/')
def index():db = mysql()sql="select * from houseTypes a,houses b where a.HouseTypeID=b.HouseTypeID order by houseid"db.cursor.execute(sql)rows = db.cursor.fetchall()return render_template("index.html", rows=rows)
@app.route('/addHouse',methods=["post","get"])
def addHouse():if request.method == "GET":db = mysql()sql = "select * from housetypes"db.cursor.execute(sql)rowTypes = db.cursor.fetchall()return render_template("addHouse.html", rowTypes=rowTypes)else:typeid = request.form.get("type")area = request.form.get("area")price = request.form.get("price")address = request.form.get("address")desc = request.form.get("desc")sql = "insert into  houses values(null,%s,%s,%s,%s,%s)"mysql().update(sql, [typeid, area, price, address, desc])return redirect("/")
@app.route('/show')
def show():db=mysql()sql = "select * from houseTypes a,houses b where a.HouseTypeID=b.HouseTypeID "db.cursor.execute(sql)rows = db.cursor.fetchall()df=pd.DataFrame(rows)newDf=df.groupby("HouseTypeName").count()["HouseID"].sort_values(ascending=False).head()return render_template("show.html",x=list(newDf.index),y=list(newDf.values))if __name__ == '__main__':app.run()

好家园房产中介网后台管理项目相关推荐

“好家园房产中介网后台管理”python项目
一.语言和环境 1.实现语言:python语言. 2.环境要求:pycharm + mysql. 二.实现功能使用flask技术开发"好家园房产中介网"的后台管理功能,具体实现功 ...
好家园房产中介网后台管理
题目:好家园房产中介网后台管理一.语言和环境 1.实现语言:python语言. 2.环境要求:pycharm + mysql. 在Bootstrap这里下载js和css 在echarts在柱状图二 ...
为element ui+Vue搭建的后台管理项目添加图标
问题:使用element UI 及Vue 2.0搭建一个后台管理项目,想要在页面中为其添加对勾及叉的图标. 解决方案:问题涉及到为页面添加图标.有两种解决方案. (1)Element官网提供了Icon ...
一个基于 Go+Vue 实现的 openLDAP 后台管理项目
[公众号回复 "1024",免费领取程序员赚钱实操经验] 大家好,我是章鱼猫. 今天给大家推荐的这个开源你项目来自于读者的投稿.还挺不错的,分享给大家. 这个开源项目是基于Go+ ...
SSM 电影后台管理项目
SSM 电影后台管理项目概述通过对数据库中一张表的CRUD,将相应的操作结果渲染到页面上. 笔者通过这篇博客还原了项目(当然有一些隐藏的坑),然后将该项目上传到了Github.Gitee,在末尾会 ...
尚硅谷尚品汇_后台管理项目
vueProject_尚品汇后台管理项目源码文章目录 vueProject_尚品汇后台管理 login/out模块 product模块 login/out模块 .env.development . ...
电商项目总结java_Vue 电商后台管理项目阶段性总结(推荐)
一.阶段总结该项目偏向前端更多一点,后端 API 服务是已经搭建好了的,我们只需要用既可以,(但是作为一个全栈开发人员,它的数据库的表设计,Restful API 的设计是我们要着重学习的!!!) ...
Vue2+elementUi后台管理项目总结
前言该项目是一款对公司员工及商品管理的后台系统,主要实现功能:公司角色的增删改查,和商品的增删改查,项目的主要模块有,登录,主页,员工管理,权限管理,商品管理,该项目的亮点是权限管理,不同角色登录进 ...
vue考试系统后台管理项目-登录、记住密码功能
考试系统后台管理项目介绍: 技术选型:Vue2.0+Elemenu-ui 项目功能介绍: 账户信息模块:菜单权限.角色权限设置.角色权限分配.账号设置.公司分组考试管理模块:新增/编辑/删除考试试题 ...

好家园房产中介网后台管理项目

好家园房产中介网后台管理项目相关推荐

最新文章

热门文章