12 2020 档案
摘要:说明 之前一直偏重于后端技术研究,最近设计网站感觉前端太菜,遂集中看了下CSS的内容。后续我会发表一些前端实战的一些例子,给自己记录的同时希望也能分享给大家。 实现效果 主要知识点 DIV屏幕垂直居中(自动管理宽度和高度)input标签修饰(padding和focus样式)DIV边框阴影和圆角效果(
阅读全文
摘要:说明 AdminLTE是网络上比较流行的一款Bootstrap模板,包含丰富的样式、组件和插件,非常适用于后端开发人员做后台管理系统。 因为最近又做了个后台管理系统,这次就选的是AdminLTE做主题模板发现效果不错,这里我把最核心的SpringBoot如何集成AdminLTE实现增删改查的源码提供
阅读全文
摘要:说明 最近网站考虑开启gzip压缩试试效果,gzip是nginx服务器的ngx_http_gzip_module模块提供的在线实时数据压缩功能。 通过开启gzip功能,可对服务器响应的数据进行压缩处理,变成体积更小的二进制文件,对于高访问量来说可以节省一定的带宽。 实现效果 配置前 配置后 如何配置
阅读全文
摘要:说明 之前开发了个基金分析的网页,主要是方便几个朋友买卖基金做个参考。这里面基金代码是存储在浏览器cookie中的,也就是说假如我换了浏览器就没法查了,最方便的就是一键复制代码粘贴到另外一个浏览器中一次添加好。 实现效果 代码 我这里用了layui我就不列了。 引入剪切板插件js 下载地址: htt
阅读全文
摘要:说明 最近运维一个网站里面含有不经常变化的小图片,而每次请求都需要调用file接口获取不太合适。所以就想利用nginx的反向代理缓存来减轻服务接口的请求压力。 工作原理 Nginx反向代理缓存,当客户端向Nginx服务器发送请求时,nginx根据请求的URI可以加一层缓存,可缓存动态请求,当缓存存在
阅读全文
摘要:说明 最近有朋友问我有没有Springboot+Bootstrap实现增删改查的DEMO,当时没有,现在他来了! 实现效果 代码地址 https://gitee.com/indexman/bootstrap_curd 水平一般能力有限,觉得有用的朋友给我来个一键三连或捐助:) 软件架构 前端:boo
阅读全文
摘要:1.bootstrap轮播图 最近开发了个网站需要用到轮播图,正好前端用的是Bootstrap,这里就实战一下。 水平一般能力有限,仅供参考。 前提条件: bootstrap4.5jquery3张大小适中图片 实现效果: 代码 <!DOCTYPE html> <html lang="en"> <he
阅读全文
摘要:1.获取源码 源码是捐赠方式获取,详细请QQ联系我 :) 2.实现效果 2.1 导出导入模板 2.2 导入学生数据 3.项目源码 只挑重点讲,详细请看源码。 学生管理包含了学生信息的增删改查,这里我只讲最重要的根据模板导入和导出。 前端代码 <div> <div class="search-div"
阅读全文
摘要:1.获取源码 源码是捐赠方式获取,详细请QQ联系我 :) 2.实现效果 3.项目源码 只挑重点讲,详细请看源码。 专业管理实现学校专业的增删改查,与学院管理相关联。 前端代码 <!--编辑表单--> <div class="layui-row" id="editMajor" style="displ
阅读全文
摘要:1.获取源码 源码是捐赠方式获取,详细请QQ联系我 :) 2.实现效果 3.项目源码 只挑重点讲,详细请看源码。 3.1 字典管理 字典管理这里分为字典的编码和名称和字典数据的增删改查。 前端页面: <div class="layui-row" id="editDict" style="displa
阅读全文
摘要:1.获取源码 需要源码的朋友,请捐赠任意金额后留下邮箱发送:) 2.项目背景 刚开始自己帮教师朋友写的,核心是学生信息的导入导出功能。后来又扩展了几个模块。 水平一般能力有限,觉着有用的朋友可以拿去自己修改。 3.功能介绍 3.1 总览 3.2 功能模块展示 4.系统架构
阅读全文
摘要:说明 最近在研究CSS希望可以提升一个层次。在写DEMO练习的时候老是需要去谷歌浏览器手动刷新页面才能看到更改后的效果次数多了 我也受不了,这不我又请来了个帮手: LiveReload,名如其人,这家伙专门干实时刷新。怎么整?看下面: 实现效果 配置步骤 1.vscode安装LiveRelod 插件
阅读全文
摘要:需求 我们经常一边看着PDF或视频教程,一边又打开一个文本编辑器/word/markdown编辑器在做一些笔记。问题是有时候呀需要来回切换(alt+tab)窗口,时间长了其实费时费力,这是一名工程师无法容忍的!于是我找了个帮手,他叫DeskPins,名如其人。 DeskPins功能 小巧:仅有180
阅读全文
摘要:说明 我们在把开发好的网站上线之前一定要考虑到别人恶意刷新你的网页这种情况,最大限度的去限制他们。否则往往这将搞垮你的应用服务器,想象一下某个恶意用户利用众多肉鸡在1分钟内请求你网页几十万次是个什么情形? 部分内容参考网络。 要达到什么效果? 我限制请求的用户,根据来访IP去记录它N分钟之内请求单一
阅读全文
摘要:问题说明 朋友的一台联想小新笔记本需要安装win10,我给弄了个iso启动U盘,但是在选择安装盘时找不到笔记本的固态硬盘。。。 问题原因 联想的锅! 以联想为例,出厂系统的BIOS内,SATA Controller Mode默认设置的是为Intel RST Premium模式,该模式会将硬盘组成磁盘
阅读全文
摘要:说明 最近帮朋友安装下win10,用了2种制作U盘启动盘的方式。记录一下也方便大家少走弯路。 准备的工具: 1.大白菜软件 2.win10镜像 3.1个U盘,U盘容量 > 8G即可。 制作PE启动盘 插入U盘打开大白菜软件,点击一键制作即可。 此时查看U盘,PE系统已成功写入了。 将WIN10镜像拷
阅读全文
摘要:说明 最近帮朋友安装下win10,用了2种制作U盘启动盘的方式。记录一下也方便大家少走弯路。 准备的工具: 1.utralISO(软通牒) 2.win10镜像 3.16GB U盘,U盘容量 > 8G即可。 制作步骤 1.运行utralISO,打开win10镜像 点击打开图标找到ISO文件打开,就出现
阅读全文