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

10.7houses.py中编写用户详细信息中发布新房源的逻辑:

10.7.1首先编写获取城区信息的后端逻辑:

10.7.2缓存机制的介绍示意图:

10.7.3在newhouse.html页面和newhouse.js中编写获取城区信息的前端逻辑:

10.7.3.1这里需要用到前端js模板,使用art-template,

            先去官网下载template.js包并放入项目目录:

            

10.7.3.2然后利用art-template写一个前端的模板,

            该模板的作用是遍历后端返回的城区信息列表生成城区信息数据:

            

10.7.3.3在newhouse.js中编写当页面加载完成后

            向后端发送请求获取城区信息的逻辑:   

10.7.4城区信息获取完后,接着完成保存房屋基本信息和房屋图片的后端逻辑(houses.py):

    

  

   

 

 

10.7.5在newhouse.html和newhouse.js中编写保存房屋信息和图片的前端逻辑:

10.7.5.1首先明确页面中的几个表单的配置:

             房屋基本信息的表单:

                                

                    房屋设施的控件设置,每个设施都要有一个value值:

                    

            房屋图片的表单,一开始是隐藏的,只有房屋基本信息保存成功才会显示:

                    

10.7.5.2在newhouse.js编写前端逻辑:

   

猜你喜欢

转载自blog.csdn.net/qq_40652101/article/details/90239547
今日推荐