Apache ARIA

Django:(5)分页器 & forms组件

。_饼干妹妹 提交于 2020-05-02 05:17:14
Django组件:分页器 目录结构: urls.py from django.contrib import admin from django.urls import path from app01 import views urlpatterns = [ path( ' admin/ ' , admin.site.urls), path(r " index/ " ,views.index) ] models.py from django.db import models # Create your models here. class Book(models.Model): title = models.CharField(max_length=32 ) price = models.DecimalField(decimal_places=2,max_digits=8) views.py from django.shortcuts import render # Create your views here. from app01.models import Book # 导入分页器 from django.core.paginator import Paginator,EmptyPage def index(request): """ # 批量插入数据 # for i in

Mybatis的插件 PageHelper 分页查询使用方法

天大地大妈咪最大 提交于 2020-05-01 05:58:49
<div class="htmledit_views" id="content_views"> <p>Mybatis的一个插件,PageHelper,非常方便mybatis分页查询。国内牛人的一个开源项目,有兴趣的可以去看源码,都有中文注释(ps:某些源码一大堆英文,痛哭流涕!)</p> <p>在github上仓库地址为:<a href="https://github.com/pagehelper/Mybatis-PageHelper" rel="nofollow" target="_blank">Mybatis-PageHelper</a></p> <p>它支持基本主流与常用的数据库,这可以在它的文档上看到。这里记录一下使用的基本方法</p> <p><br></p> <h1><a name="t0"></a>0.查看文档与使用准备</h1> <p>开发文档有中文文档也有英文文档</p> <p><br></p> <p><span style="font-size:24px;"><a href="https://github.com/pagehelper/Mybatis-PageHelper/blob/master/wikis/zh/HowToUse.md" rel="nofollow" target="_blank">PageHelper官方文档</a></span></p> <p

HTML5与CSS3基础教程(第8版) PDF扫描版​

送分小仙女□ 提交于 2020-04-30 00:17:53
《HTML5与CSS3基础教程(第8版)》自第1版至今,一直是讲解HTML和CSS入门知识的经典畅销书,全面系统地阐述HTML5和CSS3基础知识以及实际运用技术,通过大量实例深入浅出地分析了网页制作的方方面面。最新第8版不仅介绍了文本、图像、链接、列表、表格、表单等网页元素,还介绍了如何为网页设计布局、添加动态效果等,另外还涉及调试和发布。《HTML5与CSS3基础教程(第8版)》提供了一个强大的配套网站,上面列出了书中的完整代码示例以及更多优秀实例及进阶参考资料,以供读者参考学习。 通过学习《HTML5与CSS3基础教程(第8版)》,零起点读者即可创建网站,而中高级水平的开发人员也可以快速了解HTML5新元素、CSS3的奇幻效果、响应式Web设计以及各种最佳实践。 教程地址: HTML5与CSS3基础教程(第8版) PDF扫描版 ​ HTML5与CSS3基础教程(第8版) 目录: 第1章 网页的构造块   1.1 HTML思想   1.2 基本的HTML页面   1.3 标签:元素、属性、值及其他   1.4 网页的文本内容   1.5 链接、图像和其他非文本内容   1.6 文件名和文件夹名   1.7 URL   1.8 HTML:有含义的标记   1.9 浏览器对网页的默认显示效果   1.10 要点回顾  第2章 处理网页文件   2.1 规划网站   2.2

完整打造一个多功能音乐播放器项目(初步设想跟酷狗类似)

萝らか妹 提交于 2020-04-29 14:06:05
本人目前准备利用闲暇时间打造一个完整的音乐播放器项目,主要用于学习及分享!原创不易,转载请注明出处。 这是一个什么样的音乐播放器呢?整体的架构跟酷狗差不多吧,我的方式呢,是一个个组件一个个模块先做好,最后组合成完整的项目,最后项目会放在本人的github上,等项目完毕后会发布链接。另外呢,这个算是对自己曾经封装过的函数的一些检验,为了方便原理上的了解,整个项目不会用到任何的控件及插件,算是从底层的js或jq+audio开始吧(实际开发不推荐,这样效率太低,不过用于提升自己的还是推荐这样,写过一遍跟引用一遍是完全不同两个概念),当然也会适当的封一些函数,这些会放在文章的最末尾,每个模块或多或少都会引用其中部分函数。 模块①、歌词同步: (为了方便测试,先用了html5提供好的audio标签,我们只做歌词功能),初步效果是这样:(另外直接在酷狗下载歌词文件就可以用了) 这个其实不难,不过呢,咱用点最笨的办法(关于解析字符串,不用正则匹配),酷狗都用过吧,里面的歌词文件是.krc文件,这种文件是加密过的,所以呢,从酷狗下载下来的歌词文件需要先转化成lrc文件,推荐下面的软件: krc文件点开是这样的: 转化成lrc文件后是这样的: 注意这时候lrc文件的字符编码不是utf-8,各位需要自行另存为utf-8文件,好了,歌词文件准备好了,可以开始我们的歌词模块了。

前端学习之Bootstrap学习

不羁的心 提交于 2020-04-28 04:31:44
一,Bootstrap简介   在前端世界,有个叫Bootstrap的家伙,,是twitter 开源出来的一套前端框架,利用Ta可以快速开发网站界面,它的特点就是比自己从头写简单,直观,方便,快捷,省劲。   凡是使用过Bootstrap的开发者,都不在乎做这么两件事情:复制and粘贴。哈哈~,是的使用Bootstrap非常简单,但是在复制粘贴之前,需要先对Bootstrap的用法一一熟悉之后我们才开始干活!   Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap是基于HTML,CSS,JavaScript的前端框架,它简洁灵活,使得Web开发更加快捷。它由Twitter的设计师Mark Otto 和 Jacob Thornton 合作开发,是一个CSS / HTML 框架。Bootstrap提供了优雅的 HTML 和CSS规范,它是由动态的CSS语言Less写成的。    它用于开发响应式布局、移动设备优先的 WEB 项目 。   我们去bootcdn ( https://www.bootcdn.cn/ )。会发现Bootstrap是星最多的前端框架之一。 二,常用Bootstrap组件链接 1,基础CSS样式 概要 预置排版样式 统一预制标签样式 按钮样式 表格样式 表单样式 图片样式 辅助工具类 代码样式 栅格系统 xs : 超小屏幕 手机

svg 图标颜色无法修改的问题

安稳与你 提交于 2020-04-26 09:50:45
iconfont图标symbol引用方式,有的图标不能通过设置color样式来修改颜色的解决办法 现象:iconfont安装后的图标,是通过symbol引用方式,有的图标不能通过color修改颜色的解决办法,有的又可以。 <svg class="icon" aria-hidden="true" style="color:red;"> <use xlink:href="#icon-PDF"></use> </svg> 原因: 当从阿里图库中图标被添加至项目,如果编辑过项目图标的颜色或者图标本身是有颜色的,那么在通过symbol获取图标时会在svg的path中增加fill属性,导致无法更改颜色,如果需要动态修改颜色,需要从新添加该图标(本身图标无色),获取在symbol的js文件中程序删除fill属性。 解决办法: 1. 下载Js文件后,用Notepad++打开,然后用正则表达式查找: fill="#......" ,替换。 2. iconfont.cn上,全选项目中的文件,应用批量操作-->批量去色 引自: https://www.cnblogs.com/jopny/p/9454785.html 来源: oschina 链接: https://my.oschina.net/u/4288520/blog/3494097

很好用的取代 PuTTY 的SSH远程登陆软件 Termius

懵懂的女人 提交于 2020-04-24 17:49:06
<div class="wp_content"><p>一直以来, 我都是用 PuTTY 一个窗口一个窗口来监视我所有的远程服务器.</p><div id="attachment_6572" style="width: 1610px" class="wp-caption alignnone"><a href="https://justyy.com/wp-content/uploads/2018/09/putty-connections-on-a-screen.jpg"><img title="putty-connections-on-a-screen 很好用的取代 PuTTY 的SSH远程登陆软件 Termius I.T. 服务器 软件资料 运维 " aria-describedby="caption-attachment-6572" src="https://justyy.com/wp-content/uploads/2018/09/putty-connections-on-a-screen.jpg" alt="putty-connections-on-a-screen 很好用的取代 PuTTY 的SSH远程登陆软件 Termius I.T. 服务器 软件资料 运维 " width="1600" height="924" class="size-full wp-image-6572

纯CSS打造BiliBili样式博客主题

末鹿安然 提交于 2020-04-23 10:51:04
前言 一直以来,我都在思考如何减少不必要的 JS 代码,仅通过 CSS 来实现博客园主题美化。 CSS 有很多魔法代码,例如 :before , iconfont , order ,等等,利用好这些技巧,也能实现很好美化效果。这一次带来的是仿制BiliBli制作的纯CSS博客园主题,希望能给你带来不一样的体验。 头部导航栏 BiliBili个人主页效果 这种头部感觉比较好看,并且根据博客园的代码布局,正好能够实现。 其实博客园在设计之初就考虑到了logo的问题,但是只给了1px的大小,所以基本上就没有被人发现。通过 background-image:url() 可以引入头像。 博客主题效果 首页文章 这一次又回到了左边文字,右边配图的布局。但是这一次,我们固定了摘要文字行数为5行,超出变成省略号;并且图片也做了固定尺寸:190px * 120px ,图像会自动居中,多余部分将会被裁剪。 对于没有图片的文章,自适应,但最大不超过5行字。 侧边栏 侧边栏图标进行了优化。 博客正文 博客正文对一些细节进行了调整,如文章发布信息,文章分类标签、点赞关注等。 评论 评论进行了布局优化,去掉了没用的信息。 移动端适配 适配方法 主题默认模板为Custom,使用时禁用默认模板,然后加入下面这行代码: @import url(https://blog-static.cnblogs.com

跟我一起定制个人专属博客界面

穿精又带淫゛_ 提交于 2020-04-23 05:58:55
入园已有两年有余,时有博文发表,博客首页使用的是博客园团队提供的模版,但总感觉页面有些单一。平时在看别人的博客时,都有一些自定义功能,还蛮吸引我的。参考了很多博文,今天来一个总结,将自己的博客美化过程来分享下。 先来整体感受一下,美化后的博客首页,如下所示。虽然谈不上精致,但还是丰富了不少,也自定义了自己想要的内容。 前提条件 在美化首页之前,我们需要先做几个必要事情。 开通js权限 如果没开通该权限,你看到别人的定制效果很好,照葫芦画瓢,将代码复制到自己的设置中,发现会不生效。没申请过的朋友,可能会有疑问了,在哪里能获得这个权限呢? 在你的博客主页点击“管理”---->点击“设置”----下翻找到“ 申请JS权限 ”,提交申请即可。 做完这几步,就是静候佳音了,在工作时间内,一般一小时内就会处理;如果时间比较长还没通过,可以给博客园后台发邮件去申请,发给 contact@cnblogs.com ,有了权限之后就可以开始下面的定制了。有权限显示如下,界面上显示为: 支持JS代码 。 选择模板 我们在使用博客的时候,都是有个模板的。今天分享美化内容,选择的模板是: AnotherEon001 。按理说,每个模板都可以这样优化,只是有些内容或按钮显示的不协调而已,需要再次调整下。优化内容仅供参考,每个人都是不一样的烟火,都是自己的独到之处,可以把自己的博客装饰成别具一格的页面。

omnidb数据库web管理工具安装

纵饮孤独 提交于 2020-04-15 16:32:00
【推荐阅读】微服务还能火多久?>>> 一、概述 OmniDB是一个基于浏览器的工具,它简化了专注于交互性的数据库管理,旨在实现在Web端强大的数据库管理功能且是轻量级的,目前支持PostgreSQL、Oracle、MySQL / MariaDB,未来应该会支持Firebird、 SQLite、Microsoft SQL Server、IBM DB2等数据库 让我们一起看看它的一些特点: 1、Web工具: 可以从任何平台访问,使用浏览器作为媒介 2、响应式界面: 单个页面使用所有功能 3、统一工作空间: 在单个工作空间中管理的不同功能 4、简化编辑: 轻松添加和删除连接 5、安全性: 具有加密个人信息的多用户支持 6、交互式表格: 所有功能都使用交互式表格,允许以块为单位进行复制和粘贴 7、智能SQL编辑器: 上下文SQL代码智能提示 8、多主题SQL编辑器: 您可以选择许多可用的颜色主题 9、选项卡式SQL编辑器: 轻松添加,重命名或删除编辑器选项卡 二、安装 环境说明 操作系统:centos 7.6 ip地址:192.168.128.134 安装 打开官网 https://omnidb.org 点击下载,选择server 下载centos7的版本并安装 wget https: // omnidb.org/dist/2.17.0/omnidb-server_2.17.0