基于Flask开发的前后端分离租房项目(七)

十三、房屋列表搜索模块

13.1在houses.py中编写获取房屋列表的后端逻辑:

 

  

 

 

   

 

13.2在index.html和index.js中编写搜索房源的前端逻辑:

13.2.1首先在index.html中绑定搜索按钮的点击事件:

 

13.2.2需要注意的是,我们在前面已经实现了城区信息的获取,

          而开始日期和结束日期则依赖于前端的日期模块:

        

 

13.2.3然后在index.js中实现前端逻辑:

 

13.2.4接着在search.html中编写前端显示模板(跟之前一样使用art-template):

 

13.2.5在search.js中编写前端逻辑:

13.2.5.1首先定义全局变量:

        

 

13.2.5.2接着编写更新房源列表信息函数:

 

13.2.5.3在页面加载完成后首先获取url中的参数:

 

13.2.5.4接着向后端发送请求获取城区信息:

 

13.2.5.5接着展示房源信息,以及绑定屏幕滚动事件,

            当用户滚动到屏幕底部将会加载下一页的房源信息:

 

十四、订单模块

14.1在orders.py中完成订单模块的后端逻辑编写:

14.1.1首先编写保存订单的后端逻辑:

  

 

14.1.2该后端的触发顺序是用户先在房屋详情页面点击预订,

          跳转到预订页面,接着设置好入住的起始时间和结束时间后点击预定按钮,

          前端就向后端发送请求保存订单数据

 

14.1.3预订的前端逻辑是在booking.html和booking.js中实现的:

  

    

    

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小陈工

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值