一、需求分析
根据任务需求分析,民居系统应该具备增、删、改、查四种功能,具体如下:
(1) 查看民居信息功能:将数据库中的所有民居信息数据读取出来,根据分页设置,每页显示6条数据,以供管理员方便查看,它还可以根据关键字检索民居信息,方便管理员检索想要处理的数据。
(2) 新建民居功能:将管理员输入的新民居信息数据,添加到数据库中,更新民居系统数据,该功能要使管理员操作方便、简洁。
(3) 编辑民居功能:将原来的数据从数据库中读取,显示到输入框中,让管理员对想要修改的数据进行操作,再让数据库更新数据。
(4) 删除民居功能:管理员选择想要删除的那条废弃民居信息,进行删除,数据库中同步删除操作。
具体的民居系统功能结构图如下图所示:
二、使用工具
- Django框架:这个是开发民居系统所用的服务器运行框架,它很方便连接MySQL数据库进行逻辑代码开发,并且它的模板语言让我们迭代静态页面数据更加简便,让页面数据显示操作简洁。
- Bootstrap框架:这个框架是前端页面开发所用的框架,它里面包含了大部分网站所需要的样式模板,方便我们在此基础之上轻松开发自己想要的美观页面。
三、开发总结
使用一个模态窗显示民居系统信息的增、删、改、查操作,可以用JQuery选择这个模态窗,编写增、删、改、查操作的每个表单填写信息,和它们对应的ajax请求函数,在每次调用请求的时候,清空相关其他操作填写过得数据。
关于附图数据上传的问题,当时想关于民居信息的附图数据要怎么做,这是一个难题。后来根据大量搜索相关问题了解到了怎么解决。首先数据库中存储的附图是该图片的路径,而在提交表单数据的时候,要将对应的附图图片上传到服务器的media文件中,这样就可以将上传的附图路径表示为当前media文件下附图所在的位置路径,在页面上就可以使用这个路径加载附图图片,此外,在编辑民居的时候还需要将当前这个民居信息的所有有关附图数据显示,让用户选择想要改成其他的什么附图。
项目由于时间原因,还有一些没有解决的问题,比如在城市名称搜索栏中输入想要查找的城市,它不能够显示所有名称为这个城市的民居信息,这是因为当时设计的时候没有考虑好,只让它显示了搜索到的第一条数据,解决方法就是让它显示所有数据。
四、部分运行结果





五、源码
https://download.csdn.net/download/weixin_45454897/86820093
备注:anacoda中新建一个虚拟环境,安装好Django包,用pycharm打开项目,设置刚才建好的虚拟环境,然后,把项目中标红,没有的包都pip完,即可运行,运行前还要配置自己的数据库,具体怎么配置,可以百度。修改位置下图: