Apache ARIA

【2020Python修炼记】前端开发之 前端框架Bootstrap

大兔子大兔子 提交于 2020-08-13 03:59:13
一、简介 该框架已经帮你写好了很多页面样式,你如果需要使用,只需要下载它对应文件,之后直接cv拷贝即可 在使用Bootstrap的时候所有的页面样式都只需要你通过class来调节即可 版本选择建议使用v3版本: https://v3.bootcss.com/ 【注意】 bootstrap的js代码是依赖于jQuery的,也就意味着你在开发项目时,使用Bootstrap动态效果的时候,一定要导入jQuery。 方法一: 利用CDN 导入(需要有网络才可以) < head > …… < link href ="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel ="stylesheet" > < script src ="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" ></ script > < script src ="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js" ></ script > …… </ head > 方法二:下载文件到本地,将文件夹加入所在项目中,直接引用--例如 引入 弹框插件 < link rel =

表格内容后有一个修改按钮,当点击该按钮时,BootStrap摸态框获取表格该行的内容做显示

做~自己de王妃 提交于 2020-08-10 08:16:54
摸态框触发按钮: 表格行: <td>xxx</td> <td>xxx</td> <td colspan="1" class="valueId"><button class="updateBtn btn btn-primary btn-sm" data-toggle="modal" data-target="# myModal ">修改</button></td> 触发模态弹出窗元素data-target,对应下面弹窗的id 摸态框代码: <form method="post" action="xxx" class="form-horizontal" role="form" id="form_addData" style="margin: 20px;"> <div class="modal fade" id=" myModal " tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden=

html使用常用字体图标

拥有回忆 提交于 2020-08-09 16:00:59
< h3 > < span aria-hidden = "true" data-icon = "abcdefg" ></ span > < span class="deleteIcon"> </span> Stats </ h3 > [data-icon]:before { font-family: icons; /* BYO icon font, mapped smartly */ content: attr(data-icon); speak: none; /* Not to be trusted, but hey. */ } .deleteIcon:before { font-family: icons; content: "d"; speak: none; } .gIcon:before { font-family: icons; content: "h"; speak: none; } 来源: oschina 链接: https://my.oschina.net/u/4038989/blog/4293988

超简单笔记本改造nas--一个萌新的摸爬滚打

与世无争的帅哥 提交于 2020-08-07 21:05:43
最近好久没更新,你们有没有想我啊(手动滑稽) 咳咳,言归正传,如同标题,最近闲来无事,打算利用家里的闲置笔记本电脑搭建一个nas。 **注意:本文不涉及群晖以及相关专业NAS服务供应商!!!** nas分两种: 如果你是极客派,喜欢装*敲代码以及高度的可定制化,那么linux适合你 如果你追求稳定,习惯一站式解决全部问题,那么windows server 本文选择了较老的电脑,故选择windows server 2016 首先,百度下载windows server 2016 iso,刻录u盘 windows下载Rufus,插入u盘,选择镜像,刻录 重启电脑,选择u盘启动,下面展示虚拟机图像 点现在安装 我没有产品密钥 切记切记!!!!datacenter和standard随便选,一定要带桌面体验!不然你的桌面会变成这个样子,而且没法改: 好选完系统,继续下一步: 接受许可条款,仅安装windows,继续: 自定义 选择磁盘,下一步 开始安装,静静等待 设置密码,注意⚠️,一定符合高强度!大写字母,小写字母,数字,符号,至少满足三个条件 成功进入系统。 进入桌面,点击添加角色和功能: 一路下一步,一直到功能,选择下图所示功能,下一步; 点击安装,windows server 2016基本部署结束。 以下是软件集成: 远程控制A (远程桌面方式):Microsoft Remote

五种百度云盘下载速度慢解决方法

大憨熊 提交于 2020-08-07 13:08:20
我们chrome插件网在之前有介绍过一篇文章: 还在为百度网盘下载速度太慢烦恼?chrome浏览器插件帮你解决 !里面有介绍过一些百度云盘下载工具和 chrome插件 解决百度云盘下载限速的问题。时间久了有些方法并不好用啦,今天我们重新整理了五种百度云盘下载速度慢解决方法。希望可以帮助到大家。 原文地址: http://chromecj.com/utilities/2018-09/1513.html 360网盘关闭后,百度似乎要成为国内网盘的唯一选择,百度网盘已然成为分享型网盘中一家独大的“大佬”了,然而百度云下载速度太慢,显然是被限速了。今天我们chrome插件网就整理了下面有5个方法用于百度网盘加速下载,演示的下载文件是大于1G的一个 War3.zip 单文件(用拖拽的方法打开,否则显示页面不存在),使用的宽带是电信20M,百度限速后的下载速度只有256KB/s,而理论上的下载速度是可以达到2M/s的。我们也将持续关注百度网盘限速的问题。 方法1. 百度网盘下载助手脚本 — 2018-04-15更新【最长久】 最早是网友“有一份田”制作的脚本百度下载助手,可以显示直链,绕过大文件云盘下载,还可以调用迅雷或者 IDM 加速下载。 使用方法: 1、安装浏览器扩展程序: chrome浏览器 可以安装: Violentmonkey 或者 Tampermonkey

基于Ruoyi ,做了个多选项卡页面,对应录入基本信息和文件上传,画面能跨选项卡校验并及时提示

拜拜、爱过 提交于 2020-08-07 08:12:24
自己写的,有两个选项卡,一个负责上传,一个负责录入基本信息; 有必填项检查,如果有没填的项目,自动跳转到对应的选项卡; 记录下来,以后备查; 1 <! DOCTYPE html > 2 < html lang ="zh" xmlns:th ="http://www.thymeleaf.org" > 3 < head > 4 < th:block th:include ="include :: header('新增attachment')" /> 5 6 < th:block th:include ="include :: bootstrap-fileinput-css" /> 7 </ head > 8 < body class ="gray-bg" > 9 < div class ="wrapper wrapper-content animated fadeInRight" > 10 < form class ="form-horizontal m" id ="form-attachment-add" > 11 12 < div class ="row" > 13 < div class ="col-sm-12" > 14 < div class ="tabs-container" > 15 < ul class ="nav nav-tabs" > 16 < li class =

Bootstrap框架的简介

家住魔仙堡 提交于 2020-08-07 08:12:01
一、Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局,并且在V3版本之后坚持移动设备优先。 Bootstrap是一个前端开发的框架,其实就是一堆HTML代码,有一些自带的CSS样式类(只需要记忆常用的CSS样式类) 为什么要使用Bootstrap? 在Bootstrap出现之前: 命名:重复、复杂、无意义(想个名字费劲) 样式:重复、冗余、不规范、不和谐 页面:错乱、不规范、不和谐 在使用Bootstrap之后: 各种命名都统一并且规范化。 页面风格统一,画面和谐。 Bootstrap下载 官方地址:https://getbootstrap.com 中文地址:http://www.bootcss.com/ 我们使用V3版本的Bootstrap,我们下载的是用于生产环境的Bootstrap。 Bootstrap环境搭建 目录结构: bootstrap- 3.3. 7-dist/ ├── css // CSS文件 │ ├── bootstrap-theme.css // Bootstrap主题样式文件 │ ├── bootstrap- theme.css.map │ ├── bootstrap-theme.min.css //

Bootstrap ACE模板实现sidebar菜单联动tabs页签(你值得拥有)

梦想与她 提交于 2020-08-07 06:21:12
说在前面的话: 该组件主要使用ace admin实现Tab页联动sidebar。实现的目标是: 1、不改动ace admin的模板框架(Bootstrap v3.3.6); 2、tab页的加载默认使用ajax,get方式,详见(bootstrap.addtabs.js);不用iframe; 3、sidebar实现蓝色图标点击选中效果; 4、sidebar标题与tab页的联动,tab页与sidebar的联动可实现; 5、tab标签页的动态滚动(左滚、右滚,左右滚动一屏); 6、右键菜单(关闭左侧、右侧、其他,全部关闭,刷新),全屏 一、效果展示 二、代码部分 新增JS文件:bootstrap.addtabs.js,bootstrap.js(压缩后的文件名为bootstrap.min.js) 新增CSS文件:bootstrap.addtabs.css index.html引入对应JS、CSS文件 <!-- [if lte IE 9]> <link rel="stylesheet" href="assets/css/ace-part2.min.css" class="ace-main-stylesheet" /> <![endif] --> < link rel ="stylesheet" href ="assets/css/ace-skins.min.css" /> < link

OSS网页上传和断点续传(终结篇)

此生再无相见时 提交于 2020-08-06 11:25:32
有了之前OSS网页上传和断点续传(OSS配置篇)和(STSToken篇),其万事俱备只欠东风啦,此终结篇即将展示OSS上传文件及断点续传的无限魅力... 网络卡顿、延迟能续传吗?能! 关了浏览器,还能续传吗?能!! 关了电脑,还能续传吗?能!!! 关了电脑、跑到异地去,还能续传吗?能!!!! 这么屌?就是这么屌!下面就看看是不是这么屌! 1、下载OSS的BrowserJS-SDK文件aliyun-oss-sdk-5.2.0.min.js,在此引用5.2.0版本 下载地址:https://github.com/ali-sdk/ali-oss/tree/release/5.2.0 引用aliyun-oss-sdk-5.2.0.min.js和jquery文件即可 <script src="~/Scripts/jquery-1.10.2.min.js"></script> <script src="~/Res/aliyun-upload-sdk-1.4.0/aliyun-oss-sdk-5.2.0.min.js"></script> 2、HTML代码 < div id ="up_wrap" ></ div > < div class ="form-group" > < input type ="file" id ="file" multiple ="multiple" /> </ div

Django学习笔记(20)——BBS+Blog项目开发(4)Django如何使用Bootstrap

心不动则不痛 提交于 2020-08-06 09:58:55
  本文学习如何通过Django使用Bootstrap。其实在之前好几个Django项目中已经尝试使用过了Bootstrap,而且都留有学习记录,我已经大概有了一个大的框架,那么本文就从头再走一遍流程,其实主要细节还是Bootstrap的常用的语法使用。除了基本流程,本文基于BBS+Blog项目进行学习,主要是完成其项目的模板的功能,顺带学习一下Bootstrap的内容。   我使用的Python版本为3.X,Bootstrap版本为3.3.31,Django版本为2.0。   模板语法不懂的可以参考博客: Django学习笔记(3)——表单,路由控制和模板语法的学习 1,下载及配置Bootstrap相关文件   点击: Bootstrap官网下载链接   我们选择第一个,或者第二个都可以:两者的区别就是源码内容更加完善,而用于生产的比较轻便。   我们可以看看两者的目录结构。 1.1,Bootstrap预编译版的基本文件结构:   预编译文件可以直接使用到任何web项目中。官方提供了编译好的CSS和JS(bootstrap.*)文件,还有经过压缩的CSS和JS(bootstrap.*)文件。同时还提供了CSS源码映射表(bootstrap.*.map),可以在某些浏览器的开发工具中使用。 1.2,Bootstrap源码的基本文件结构:   当然,有时候我们做测试的时候