Solid

flask模板应用-消息闪现(flash()) --

允我心安 提交于 2021-02-11 12:52:27
消息闪现 flask提供了一个非常有用的flash()函数,它可以用来“闪现”需要提示给用户的消息,比如当用户登录成功后显示“欢迎回来!”。在视图函数调用flash()函数,传入消息内容,flash()函数把消息存储在session中,我们需要在模板中使用全局函数get_flashed_messages()获取消息并将它显示出来。 通过flash()函数发送的消息会存储在session对象中,所以我们需要为程序设置秘钥。可以通过app.secret_key属性或配置变量SECRET_KEY设置。 你可以在任意视图函数中调用flash()函数发送消息。例如: just_flash视图中,通过flash()函数发送一条消息,然后重定向到index视图。 @app.route( ' /flash ' ) def just_flash(): flash( ' I am flash, who is looking for me? ' ) return redirect(url_for( ' watchlist ' )) flask提供了get_flashed_message()函数用来在模板里获取消息,因为程序的每一个页面都有可能需要显示消息,我们把获取并显示消息的代码放到基模板中content块的上面,这样就可以在页面主体内容上面显示消息 在base.html模板中加入处理闪现消息的函数:

博客园自定义主题 皮肤

安稳与你 提交于 2021-02-11 10:30:50
https://www.cnblogs.com/jingmoxukong/p/7826982.html?utm_source=gold_browser_extension 我是参考的这个博主,取舍一些,更改一下底色就完成了 博客侧边公告栏 < div class ="bdsharebuttonbox" >< a href ="#" class ="bds_more" data-cmd ="more" ></ a >< a href ="#" class ="bds_qzone" data-cmd ="qzone" ></ a >< a href ="#" class ="bds_tsina" data-cmd ="tsina" ></ a >< a href ="#" class ="bds_tqq" data-cmd ="tqq" ></ a >< a href ="#" class ="bds_renren" data-cmd ="renren" ></ a >< a href ="#" class ="bds_weixin" data-cmd ="weixin" ></ a ></ div > < script > window._bd_share_config = { " common " :{ " bdSnsKey " :{}, " bdText " : "" , "

Table表头与数据列对齐问题解决方案

跟風遠走 提交于 2021-02-10 18:34:52
  产品要求是一个页面要显示几千条数据,表格的表头固定,而内容在超出table的高度后,还能自由滚动。   公司前端框架采用easyui,而用easyui展示几千条数据的话,耗时需要在几秒钟,所以我就自己写了一个table,展示如下。 大部分朋友如果遇到这种情况的话,那么首先会想到做两个table,表头一个,数据体一个。我的写法是只有一个table。 (需要注意的是最后一列一定不要设置宽度,如果设置的话整体会往右移动,会导致表头与数据对不齐的情况)。 如下代码是我写的一个demo,动态绑定数据。 代码如下: < html > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" > < style > table tbody { display : block ; height : 500px ; overflow-y : scroll ; } table thead, tbody tr { display : table ; width : 100% ; table-layout : fixed ; } table thead { width : calc( 100% - 1em ) ; background : #e9f5f7 ; } table { border-width

用html+css+javascript制作日历

若如初见. 提交于 2021-02-10 15:31:48
    这是做好后的效果。不是很美观,还可以进一步完善。    html+css代码如下: <!DOCTYPE html> <html> <head> <title>日历</title> <style type="text/css"> #div1{ width:425px; height:420px; border:1px solid gray; } #div2{ width: 390px; height: 390px; margin:auto; margin-top: 15px; } #div21{ width: 220px; height: 72px; margin:auto; line-height: 72px; margin:auto; } #div22{ width: 355px; height: 310px; margin:auto; } #table1{ width: 355px; height: 30px; border-spacing: 30px 33px; } #table2{ width: 355px; height: 30px; line-height: 30px; border-spacing: 30px 0px; } </style> </head> <body> <div id="div1"> <div id="div2"> <div id=

简洁优雅的思维脑图工具

不羁岁月 提交于 2021-02-09 09:43:10
百度在业内受到很多诟病,作者本人只是 客观 推荐脑图这款工具 百度脑图是一款优秀的 在线思维导图 工具,个人喜欢以下几点: 操作界面简洁、优雅 操作流畅,使用起来非常滑爽 它是一款在线工具,只要能联网,只要有浏览器(手机屏幕小,不建议手机使用)就能使用 demo: 简单操作 只需记住2个按键(键盘): 回车 和 Tab (这个在键盘左上角区域) 回车:生成同级节点 tab:生成下一级节点 当然,我们还可以改变它们的样式 链接:http://naotu.baidu.com 本文分享自微信公众号 - 机器学习与系统(aimlsystem)。 如有侵权,请联系 support@oschina.cn 删除。 本文参与“ OSC源创计划 ”,欢迎正在阅读的你也加入,一起分享。 来源: oschina 链接: https://my.oschina.net/u/1446551/blog/4348680

Newifi D1或 D2在Openwrt中,启用硬件NAT,启用BBR

Deadly 提交于 2021-02-09 02:08:55
Newifi D1或 D2在Openwrt中,启用硬件NAT,启用BBR 转载注明来源: 本文链接 来自 osnosn的博客 ,写于 2019-09-27. 启用 mt7621的硬件nat (Newifi D1 或 D2) newifi mini 用的是mt7620,也有硬件NAT,但不知道openwrt是否支持。 登陆路由器的网页。 Network -> Firewall -> General Settings -> Software flow offloading(勾上) -> Hardware flow offloading(勾上) -> Save&Apply(提交) <a target="_blank" href="https://img2018.cnblogs.com/blog/1641467/201909/1641467-20190927120829389-1173648656.png"><img src="https://img2018.cnblogs.com/blog/1641467/201909/1641467-20190927120829389-1173648656.png" style="width:100px;border:1px solid #000" /></a> <a target="_blank" href="https://img2018

作为函数混合

别说谁变了你拦得住时间么 提交于 2021-02-09 01:56:46
混合中定义的变量和混合是可见的,可以在调用者的作用域中使用,只有一个例外,那就是如果调用方包含一个具有相同名称的变量(其中包括由另一个mixin调用定义的变量),则不会复制变量,仅存在于调用者本地范围内的变量受到保护,而从父范围继承的变量将会被覆盖。 Mixin范围 由变量和混合组成的混合可以在调用者的作用域中使用,并且是可见的。 Mixin和返回值 mixin类似于函数,在mixin中定义的变量将作为它的返回值。 Mixin定义另一个mixin 每当一个mixin定义在另一个mixin中时,它可以用作返回值。 示例: // 1:正常使用 .mixin(){ @color: green; @border: 1px solid red; @font-size: 24px; @width: 100px; @height: 200px; } .allVar_mixin{ .mixin(); color: @color; border: @border; font-size: @font-size; width: @width; height: @height; } // 输出结果 .allVar_mixin{ color: green; border: 1px solid red; font-size: 24px; width: 100px; height: 200px; } // 2

DIV居中之div水平居中 让DIV布局居中

人盡茶涼 提交于 2021-02-08 23:01:48
DIV 居中之 div 水平居中 让DIV布局居中篇 如何让 DIV 居中呢?如何让DIV盒子水平居中呢?本节DIVCSS5让大家实现DIV布局水平居中。 一、div居中实现介绍 - TOP 在布局一张网页时,通常网页主体框架是居中于浏览器中的。实现最外层DIV水平居中与浏览器中需要一个条件和一个设置。 假如最外层 DIV盒子 的 CSS命名 为“#divcss5”,这个时候为了兼容各大浏览器实现最外层的这个盒子居中。 一条件: 这个时候对“body”设置css内容居中样式( text-align :center) 即 CSS代码 : body{text-align:center} 一设置: 这个时候对“#divcss5”设置居中必备样式 css margin 即CSS代码: #divcss5{margin:0 auto} 二、DIV居中用法实例 - TOP 为了便于观察布局居中效果,我们再对“#divcss5”加一个 css边框 为黑色, css宽度 为300px; 高度 为100px样式。 1、最终得到DIV居中的CSS代码: body{ text-align:center} #divcss5{margin:0 auto;border:1px solid #000;width:300px;height:100px} 2、对应 html代码 片段: < div id=

微信小程序之裁剪图片成圆形

≡放荡痞女 提交于 2021-02-08 21:39:07
前言 最近在开发小程序,产品经理提了一个需求,要求微信小程序换头像,用户剪裁图片必须是圆形,也在github上看了一些例子,一般剪裁图片用的都是方形,所以自己打算写一个小组件,可以把图片剪裁成圆形,主要思路就是使用canvas绘图,把剪裁的图片绘制成圆形,另外剪裁图片的窗口还可以移动放大缩小,这个功能就用了微信组件movable-view,好了,该说的也说完了,下面咱们开始撸代码。 movable-view组件 可移动的视图容器,在页面中可以拖拽滑动 会有好多个属性,在这里不一一介绍,只说我们能用到的就可以。 我们用到的属性主要有: direction:movable-view的移动方向,属性值有all、vertical、horizontal、none scale:是否支持双指缩放,默认缩放手势生效区域是在movable-view内 scale-min 定义缩放倍数最小值 scale-max 定义缩放倍数最大值 bindchange 拖动过程中触发的事件,event.detail = {x: x, y: y, source: source},其中source表示产生移动的原因,值可为touch(拖动)、touch-out-of-bounds(超出移动范围)、out-of-bounds(超出移动范围后的回弹)、friction(惯性)和空字符串(setData) bindscale

2021春节假期日记|第三天

孤人 提交于 2021-02-08 20:56:22
早上七点钟起床,继续看这本《敏捷软件开发》,读到了单一职责原则和开放封闭原则的关系,也想起了SOLID之前梳理过的,这五种原则直接的有依赖、辅助、决定的联系。先前我也在部门内部以及公开课上面分享过,如果设计原则和设计模式,只掌握一个的话,肯定首选是设计原则。一般情况下我们是通过设计原则来诊断问题,通过设计模式来解决问题。就这样,坐在窗户旁边,早上的太阳照进来,很暖和,大约看了一个小时左右。 今天选择了上午去健身房,人逐渐的减少,这样相对环境就感觉不错,其实,这家中建健身房本身面积就很大,只是,人越少,锻炼起来会更有感觉。今天练背,先是高位下拉,接着是坐姿划船,最后一个动作大黄蜂上面的划船,今天发现坐姿划船的重量今天上来了,个人的最高重量,满满的做了五个。 中午的时候得知自己获得了公司内部的专业大咖奖,还是有点开心,但也感觉更大的一种责任,去年的时候也拿了这个奖,我在领奖的时候,主持人让大家说一段,我记得自己说的是,当一个人竖起大拇指的时候,我此时此刻似乎就是那个大拇指,但是这个大拇指下面却是有四个小拇指在支撑着,显然没有团队的支持,我个人谈何能获得这样的奖励。今年再次被评为这个奖项,站在新的环境下,我更觉得责任更大,一生二,二生三,三生万物,我这个一,要带领大家去拓展更多的能量,时刻为用户着想,带着大家一起去创造更大的价值。 下午2点,是约的面试的时间,今天的岗位计划是招T8的人员