python web开发项目 源码_Python + Flask 项目开发实践系列七

对于 Python + Flask 这种灵活的web开发框架,在前面的六个系列文章中详细的进行了说明,主要讲到了页面的首页加载时的页面渲染,增加功能,删除功能,修改功能,查询功能,查询详情功能等一些页面常见的功能操作。

今天的文章是对之前的六篇文章未涉及到的一些技术点进行解释说明,有利于大家可以更加全面的了解这个信息管理项目是如何运行的。

1.翻页功能

1.1 在页面上我们定义了一个div的元素,是用来承载翻页功能的,如下:

1.2 Python代码在处理时有返回db查询出来的页数信息,如下:

content=get_data(sql1)pagedict={}pagedict['content']=contentpagedict['pageNum']=page //表示初始页数pagedict['pages']=All_page pagedict['amount']=All_Recordreturn jsonify(pagedict)上面返回了一个字典,字典里面有配置好的翻页需要的信息。

1.3  javascript代码里面有针对html 定义的div元素的替换渲染,如下:

// 分页处理             $("#pageid").pager({ //分页功能               pagenumber: jsons.pageNum,//表示初始页数               pagecount: jsons.pages,//表示总页数               totalcount: jsons.amount,//表示总记录数               buttonClickCallback: callback//表示点击分页数按钮调用的方法 });

翻页页面加载后展示如下:

cea3181c82b66c28c09a9e3d5dfafffa.png

2.对查询的数据进行渲染后的排序展示

bcd2834db61d24fe7105192a2a757ef0.png

631b9012226a38898d0cef88b073e83e.png

9d1f1e039c7f8eff0f42b1760702d93e.png

这里需要大家懂一些前端的内容,如:在 js 里面获取某一个id值所对应输入内容时是如何做到的,我们可以这样来获取:

var contents=$('#contents').val();

这里的查询功能需要将 id=contents 的文本内容传入到后端进行模糊匹配。

还有一些 js 的处理逻辑,这里不展开来说,以本项目中涉及到的为示例简单介绍:

var tr=td.parent().parent()#这是在获取td的上一级的上一级元素赋值给变量trconsole.log(tr); #这是在浏览器控制台输出,检查是否符合取值要求var tdlist=tr.find("td");#在元素tr里面找到td的元素并赋值为tdlist变量console.log(tdlist);#这是在浏览器控制台输出,检查是否符合取值要求var id=$(tdlist[0]).find('input').val()#从tdlist里面获取id的值

3.页面上一些常用样式说明对于做一些web端的技术开发,我们可能不是非常熟悉前端的开发所有技术,但是可以通过一些比较成熟的前端组件来帮我们完成,这里使用的是:bootstrap.min.css(这是在本项目中引入进来的样式文件)

这里使用两个截图来说明一下引用的示例。

1.Bootstrap 的 button 样式全是拿来直接使用的。

2.就是Bootstrap 网格的基本结构。如下图所示。

883e575dd01cb17822a2ddf188c38fc2.png

65c6f82f098875a0a6468328a4fd7629.png

备注:上面两个截图示例是摘取于bootstrap 教程,因为在本项目中也是这样去引用的,大家有兴趣的可以多去学习,这将为你做出好看的web端效果样式有非常大的帮助。

4.做一个系列文章的总结通过本系列文章的分享,以及这个小的项目其实我们就可以去整体理解到更大更复杂的项目,他们无外乎就是更多的更复杂的业务逻辑处理、内部多系统间的调用、第三方中间件的使用、第三方的接口调用、回调等逻辑的处理

到今天为止,本系列的文章就结束了,希望大家有所收获。

友情提示:“无量测试之道”原创著作,欢迎关注交流,禁止第三方不显示文章来源时转载。更多原创文章请扫码关注查看,交流与合作请联系:loadkernel@126.com。

QQ技术交流群:41564936

文章
精选

●Python + Flask 项目开发实践系列《一》

●Python + Flask 项目开发实践系列《二》

●Python + Flask 项目开发实践系列《三》

●Python + Flask 项目开发实践系列《四》

●Python + Flask 项目开发实践系列《五》

●Python + Flask 项目开发实践系列《六》

402324ded1c9984d72020a2598d9c1ab.gif

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/505827.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python垃圾回收 采用方式_python-面向对象-10-__del__析构方法/垃圾回收机制

Python语言自带垃圾回收机制,为了能够比较清楚说明白Python的垃圾回收机制的原理,我们今天就从最底层的解释器开始,采用由内到外的方式来说明。1.Python默认解释器CPythonPython语言拥有多种解释器,但是默认采用CPython实现。CPyt…

回调函数 相当于线程_阿里面试题:请简述下 Node 的线程模型

前言如果你有一定的前端基础,比如 HTML、CSS、JavaScript、jQuery;那么,Node.js 能让你以最低的成本快速过渡成为一个全栈工程师(我称这个全栈为伪全栈,我认为的全栈也要精通数据库,不喜勿喷),从而触及后端…

微信小程序 本地mysql_微信小程序系列之使用缓存在本地模拟服务器数据库

微信小程序系列之使用缓存在本地模拟服务器数据库现在将data.js这个文件视作是本地数据库的初始化数据,要做的第一件事就是讲这些初始化数据装进缓存中,以形成数据库的初始化数据整个应用程序的生命周期,类比一下页面的生命周期,在…

jvm垃圾回收机制_JVM 垃圾回收机制之堆的分代回收

JVM垃圾回收机制之堆的分代回收前言前文我们了解了Java的GC机制,对于堆中的对象,JVM采用引用计数和可达性分析两种算法来标记对象是否可以清除,本文中我们还会了解到JVM将对分成了不同的区域,以便于更好的回收对象。堆的分代Java的…

roadhog不是内部或外部命令_git:git 不是内部或外部命令,也不是可运行的程序

出现git 不是内部或外部命令,也不是可运行的程序解决方案:Windows下配置Git1、从git官网下载windows版本的git:http://git-scm.com/downloads或是从该链接下载对应版本:https://github.com/git-for-windows/git/releases/tag/v2.1…

前端设定项目奖金有多少_【系列二】建筑工程项目激励模式探讨

​​建筑工程一般以项目制的形式运作,如何在这种“一次性”的组织形式下,确保项目符合质量、安全、进度等方面的要求,并确保项目的经济效益,对项目人员实施恰当的项目激励是关键。我们认为,建筑工程项目的激励主要包括…

mysql的分页怎么不对_jsp+mysql分页显示我的怎么不对啊?显示始终不对!

String path request.getContextPath();String basePath request.getScheme()"://"request.getServerName()":"request.getServerPort()path"/";%>My JSP wel.jsp starting page登陆成功!恭喜恭喜! 返回重新登录用户…

python没有这个xlwt模块_python xlwt模块简介

importxlwtclassWorkbook(object0):工作簿类,使用xlwt创建excel文件时,首先要实例化此类的对象def __init__(self, encodingascii, style_compression0):passdef add_sheet(self,sheetname, cell_overwrite_okFalse):在工作簿中创建工作表:param sheetna…

presto联合查询mysql和ES_presto-mysql/elasticsearch6.0.0安装部署测试,异种数据源关联查询入门实践...

本文简单记录一次实践使用过程&#xff0c;涉及presto-mysql,presto-elasticsearch&#xff0c;文中参数未做注释&#xff0c;请参考官方文档&#xff0c;希望能帮到大家1 下载安装 presto-0.228<1>下载服务端客户端相关jar<2>安装&#xff1a;1> 解压tar -zxvf…

xss过滤器无法处理ajax请求_thunkPHP 预防XSS攻击

比如在有人恶意在你的输入框中或文本域中输入<script>标签&#xff0c;如果不做处理的话&#xff0c;输入框中的<script>会保存到我们数据库中&#xff0c;等到将这个数据拿出来展示的时候&#xff0c;就等于将这个内容放入到了html代码中&#xff0c;那么这个<…

mysql bcmod_nextcloud网盘搭建:Ubuntu18.04+Nginx+Mysql

背景前几天在windows系统上搭建了一个seafile网盘服务器&#xff0c;在试用时对它的功能还是比较满意的&#xff0c;有保存文件&#xff0c;共享文件&#xff0c;小组讨论和小组文件共享等功能&#xff0c;基本上可以满足项目式学习的需求。不过在第一节课上课试用时(一个班大概…

mysql mode_MYSQL中的sql_mode模式

mysql数据库的中有一个环境变量sql_mode,定义了mysql应该支持的sql语法&#xff0c;数据校验等&#xff01;我们可以通过以下方式查看当前数据库使用的sql_mode&#xff1a;mysql>select sql_mode一&#xff0c;sql_mode值的含义ONLY_FULL_GROUP_BY对于GROUP BY聚合操作&…

汇编为什么分段执行总是执行不了_为什么我的计划总是执行不了?这里有你要的答案...

公众号配文&#xff1a;有些计划如泰山一样纹丝不动。说它难吧&#xff0c;又不是很难&#xff0c;奈何动不起来&#xff1f;——————————说起每日计划&#xff0c;很多人觉得&#xff0c;不就是写写行动清单&#xff0c;然后赶紧去做呗。不过&#xff0c;是不是有些计…

mysql unhex乱码_理解和解决MySQL乱码问题

本文将详细介绍MySQL乱码的成因和具体的解决方案在阅读本文之前&#xff0c;强烈建议对字符集编码概念还比较模糊的同学 阅读下博主之前对相关概念的一篇科普&#xff1a;十分钟搞清字符集和字符编码MySQL出现乱码的原因要了解为什么会出现乱码&#xff0c;我们就先要理解&…

单目相机 svd 从图像恢复3维位置_论文学习——VINSMono:一种鲁棒且通用的单目视觉惯性系统...

点击上方“视觉部落”&#xff0c;选择“星标”公众号精选作品&#xff0c;第一时间送达文章同步首发于知乎用户yikang专栏Part 1. 基本信息本文提出了一种基于紧耦合滑动窗口非线性优化方法的单目视觉-惯性系统&#xff0c;来自港科大沈老师实验室。这篇论文的亮点包括提出了效…

识别波峰波谷算法_马丁普林格:波峰-波谷演进法

我们有很多方法来识别趋势&#xff0c;计算机可以轻易地帮助我们实现各种复杂的想法。而在技术允许的条件下&#xff0c;我们还总是有把事物复杂化的倾向。事实也的确如此&#xff0c;目前市面上有无数复杂的方法、指标和程式化黑箱。但很显然&#xff0c;这些复杂的东西除了把…

cru使用教程_显示器刷新率超频教程

嫌显示器刷新率不够高&#xff0c;屏幕有拖影&#xff1f;打FPS游戏总是慢人一步&#xff1f;如果你正在使用的显示器面板素质不错的话&#xff0c;说不定可以将出厂标称的刷新率通过软件得到小幅度提升。此方法对于笔记本显示器有可能无效。本文仅展示在Windows 10操作系统下的…

python的内存回收机制_关于python的变量使用回收机制

a3print type(a) #a为整型a3Lprint type(a) #a为长整型a2.3print type(a) #floata2.3e10print type(a) #floata"2.3e10"print type(a) #stringa"3.12e-1"print a,type(a) # "3.12e-1 afloat(a)print a,type(a) #0.312 a3.12e10print type(a) #a43jpri…

mysql如何定位耗时较长的sql_Mysql实例mysql优化之定位效率较低的SQL

《Mysql实例mysql优化之定位效率较低的SQL》要点&#xff1a;本文介绍了Mysql实例mysql优化之定位效率较低的SQL&#xff0c;希望对您有用。如果有疑问&#xff0c;可以联系我们。导读&#xff1a;一般通过以下两种方式定位执行效率较低的 SQL 语句.通过慢查询日志定位那些执行…

python创建虚拟环境时出现拒绝访问_无法创建虚拟环境

我无法同时使用Python 2.x或Python 3.x创建虚拟环境。当我尝试创建虚拟环境时&#xff0c;出现错误&#xff1a;$ virtualenv my_env2 [0:05:17] ⚡[..........]Running virtualenv with interpreter /usr/bin/python2New python executable in /home/user/my_env2/bin/python2…