上篇文章说到快排的登录系统,登录系统用的flask展现前端页面,ajax异步请求后段获取用户登录信息,并进行一系列的逻辑判断进行正确登录。现在在页面中做登录之后页面数据的添加与数据库保存


页面路由渲染


从0到1用python仿一个快排系统(1/6进度)_数据


对于这样的页面用到了通用页面和框架页面,对于这两种页面需要用到flask的jinja模板渲染,那么在flask中需要添加路由信息。


从0到1用python仿一个快排系统(1/6进度)_flask_02


从0到1用python仿一个快排系统(1/6进度)_数据_03


因为首页使用了通用模板,在通用模板中,返回url信息到模板中,再到框架页面返回部分路由。


监听页面点击事件


页面栏目点击进行展示和收缩,需要对子元素进行显示和隐藏,那么对于原页面怎么实现的我也不太清楚,我就用简单的jquery进行点击监听事件进行重写


从0到1用python仿一个快排系统(1/6进度)_数据_04


通过第一张图显示的,如果页面加载完,是首页的话,display为none,在模板渲染none,如果不是none,就进行子元素的显示与隐藏,这样就把栏目收放进行事件监听了。


django获取表单数据


在这样的添加关键词界面,是一个表单页面,我们只需要填写关键词等相关信息后,将数据返回到后端进行分析。


从0到1用python仿一个快排系统(1/6进度)_flask_05


从0到1用python仿一个快排系统(1/6进度)_数据_06


表单中,添加后端路由信息, 开启django服务


从0到1用python仿一个快排系统(1/6进度)_django_07


在django模板信息创建数据表


从0到1用python仿一个快排系统(1/6进度)_django_08


后端对输入的数据进行分析


从0到1用python仿一个快排系统(1/6进度)_flask_09


最后我们在添加关键词的时候,就可以就用户输入的数据保存到数据表中了。


从0到1用python仿一个快排系统(1/6进度)_django_10

从0到1用python仿一个快排系统(1/6进度)_数据_11


接下来,我们在数据表中就可以看到用户输入的关键词数据


从0到1用python仿一个快排系统(1/6进度)_flask_12


好了,此次就分享到这,后面有时间会继续做下去,直到一个完整的快排系统做好。