基于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编写前端逻辑：