【前端】

1.前端table标签中每行使用template中 {%for i in rows%} {% endfor %}来生成之后,如果想对每行进行一个button处理,此时如果使用jquery的$.ajax(),但是如果触发方式是通过某元素的id的点击触发则会出现不可用,如: $("#btn{{i.id}}").click(function(){})来实现的话,script标签中的jq没有办法获取模板中的变量内容;所以要定义一个function(param){...},在每行的button标签属性中加onclick去调用js函数即可。

2.js中如实现一个删除按钮,删除成功后同时刷新页面可以使用location.reload(),或者location.replace('/url')来实现,但是此时可能数据没有真正被删除掉,立即刷新起不到效果,所以可以加个自定义的sleep方法来规避:

  1. var sleep = function (time) {
  2. var startTime = new Date().getTime() + parseInt(time, 10);
  3. while (new Date().getTime() < startTime) {
  4. }
  5. };
  6. sleep(300); // 延时函数,单位ms

  

3.服务器返回给前端的图片内容可以使用<img>标签中src熟悉返回一个在static文件下的静态文件来实现,但是会出现个问题,浏览器会自动缓存图片,如果图片名称不变的话下次浏览器访问时会不能读取到相同文件名下的新图片(如此时这张图片已经更新的情况),那么可以使用后端接口返回base64给前端src属性的方式来实现。
<img src="data:image/jpg;base64,{{param.cgj_base64}}"/>

4.提交form表单到后端时没有参数值:原因表单中<input>标签中没有设置name属性。

  1. //另外,可以通过JS-Ajax提交到后端,此时可以通过form表单的id获取该元素下的所有提交k,v系列化参数值提供给后端
  2. var requestData = $('#createLoanForm').serializeArray();
  3. requestData = JSON.stringify(requestData);

【后端】

1.定义models.py时如果想和run.py隔离,不可以在run和models两个文件中互相引用,比如models中引用run中定义的db对象,run中引用models中定义的数据对象。此时只能通过分别定义包在各自的包下__init__.py去引用来避免循环引用的问题。

2.flask在view中后端接口默认返回的都是HTML格式报文,如果此时想接口返回JSON可以通过以下两种方式。

  1. from flask import Response, jsonify
  2.  
  3. # jsonify方式返回JSON格式报文
  4. return jsonify({'loanNumber': res[0], 'orderNumber': res[1]})
  5.  
  6. # 构造Response对象返回content-type为JSON格式的报文
  7. return Response({'loanNumber': res[0], 'orderNumber': res[1]},content_type='application/json')

【flask】建站经验随笔的更多相关文章

  1. 从零Wordpress建站经验分享,内附耗时间及成本

    5月末回国,工作进入空档期. 每天上班没有任务压身,日子过得反而更加难熬. 一直自己做一个网站,却总下不定决心,总是懒得迈出第一步. 正巧朋友需要建设一个宣传用网站. 外面的公司给他报价很高. 反正我 ...

  2. PHPCMS建站经验分享

    在这里不对模型.模板设置.category,list,show等静态页面引入.配置文件(caches\configs\database.php 和 caches\configs\system.php) ...

  3. 转型?还是延伸?开源建站系统近乎推整套SNS社区解决方案

    转型?还是延伸?开源建站系统近乎推整套SNS社区解决方案 近乎(英文:Spacebuilder),作为.net领域的SNS社区建站系统代表之一,一直在技术开发领域算是兢兢业业,在Discuz!和Php ...

  4. Discuz建站教程:本地安装discuz网站

    网站建目前都很简单,建站容易,管理难,网站做大优化更难.本人有建站经验,目前给大家分享一下如何建站,当然,目前使用的是本地建站,因为非本地建站需要购买域名和网站空间,当然,朋友们想真正建站的,对于一些 ...

  5. 用WordPress建立专业网站教程 (一步步建站, 一步也不少)

    最新美国域名中心US Domain Center: http://www.usdomaincenter.com/ 建站教程 (10分钟上线, 无需备案): https://www.qiyewp.com ...

  6. GoDaddy商务主机建站具有的优势

    GoDaddy是世界第一域名注册服务商,近年来凭借着优异的性能受到国内站长的欢迎,其中Godaddy商务主机得到了很多站长的喜爱,那么为什么GoDaddy商务主机可以受到那么多站长的喜爱呢?下面就带大 ...

  7. Python+Flask+MysqL的web技术建站过程

    1.个人学期总结 时间过得飞快,转眼间2017年就要过去.这一年,我学习JSP和Python,哪一门都像一样新的东西,之前从来没有学习过. 这里我就用我学习过的Python和大家分享一下,我是怎么从一 ...

  8. 随笔:关于去年的WordPress建站的回忆

    2018-02-26    建站 2018-02-28    选择主题Clearision 2018-03-01    学习插入视频.修改主题 <iframe src="//playe ...

  9. 服务器购买+建站流程教程——适合新手没有经验的人Chinar总结

    服务器购买购买教程 本文提供全图文流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar -- 心分享.心创 ...

  10. WordPress建站指南

    WordPress建站指南(1)   写在前面: 3月份用10天零碎时间火速完成了建站,后台95%的工作都交给了WP(WordPress).如果想偷懒的话,WP是一个绝好的选择,估计有个小半天就建完收 ...

随机推荐

  1. 直播平台搭建源码,canvas 画一条波浪线 进度条

    直播平台搭建源码,canvas 画一条波浪线 进度条 <template>  <view>    <canvas :style="{'width': width ...

  2. Delphi 格式化函数Format、FormatDateTime与FormatFloat详解

    目录 Format函数 %d 代表一个整数 %u 代表一个无负号整数 %s 代表字符串 %f 代表浮点数(保留或凑够两位小数点 ) %g 代表浮点数(会去掉多余的 0) %n 代表浮点数(整数部分使用 ...

  3. CAD梦想画图中的“绘图工具——多线段”

    CAD软件多线段命令是作为单个平面对象创建的相互连接的线段序列.可以创建直线段.圆弧段或两者的组合线段. 执行方式: (1)单击菜单栏"绘图→多线段".如图: (2)单击绘图工具栏 ...

  4. Twenty-seven

    侦听器 watch侦听器 watch侦听器允许开发者监视数据 的变化,从而针对数据的变化做特定的操作 语法如下 侦听器的格式 1.方法格式的侦听器 缺点:无法在所进入页面的时候,自动触发!!!     ...

  5. Django Cannot assign "A1": "B1" must be a "C1" instance.

    Django Cannot assign "A1": "B1" must be a "C1" instance. 原因:使用了外键 说明:如 ...

  6. (K8s学习笔记五)Pod的使用详解

    1.Pod用法 K8s里使用的容器不能使用启动命令是后台执行程序,如:nohup ./start.sh &,该脚本运行完成后kubelet会认为该Pod执行结束,将立刻销毁该Pod,如果该Po ...

  7. simlink物体仿真中连接scope

    该模块用于连接scope和multibody仿真中物理模型的输出值.

  8. mybatis-关联查询3-自关联查询

    一对多的方式处理 查询指定栏目的所有子孙栏目 查询指定栏目及其所有子孙栏目 多对 一的方式处理

  9. Docker 详解

    1.docker 基础 https://blog.csdn.net/huangjhai/article/details/118854733 2.docker进阶 https://blog.csdn.n ...

  10. 安装gitlab的总结

    安装过程参考文档 http://www.linuxe.cn/post-520.html https://www.bilibili.com/read/cv4602641 备注要点: 1.gitlab安装 ...