- 博客(137)
- 收藏
- 关注
原创 制作网页底部以及<footer>置底
我们制作网页时,少不了会给网页制作底部,用来注明作者信息也好,底部导航栏也好。最近作者在制作个人网站,制作网页底部踩了不少坑,因此来分享一下经验。
2024-08-23 09:58:09
725
原创 Flask中的session
点击“添加session”按钮,服务端会创建一个:“session["test"] = this is test”的session。点击“获取session”按钮,服务端会返回session的值,前端用console.log()打印出这个值。在这里,我们创建了一个简单的前端页面,并且添加了三个按钮,方便为下面的功能做说明。在这里我们推荐使用第二种和第三种,并且定期更新密钥,防止数据泄露。点击“删除session”按钮,服务端会删除所有session。”用来再此请求的时候验证。中的字典一样,我们可以使用。
2024-08-22 10:55:19
806
原创 JQuery异步请求与Flask后端通信、this和event指针汇总
根据HTTP的“get”与“post”两种请求,JQuery提供“$.get()”、“$.post()”、“$.ajax()”三种方式通信。使用$.ajax()可以很方便的与后端交换数据,不过当我们传入的数据是一个JS对象时,我们需要使用“JSON.stringify(object)”方法来将JS对象转换为JSON数据。除此之外,我们还需要修改“请求头格式”为“application/json”,如果不修改“请求头格式”,那么会报错:“415 (Unsupported Media Type)”而解决办法就是
2024-07-29 18:21:08
1025
1
原创 使用宝塔面板搭建Flask项目保姆级喂饭教程
前段时间,利用做了一个,后面想要部署,觉得使用宝塔面板部署相对简单,于是便去网上搜索各种教程,。作者苦苦摸索,终于摸索出一套比较完整且适用的方法!PS:本教程主打的一对一喂饭,因此,如建议。本次使用的以及。
2024-06-20 21:07:10
1699
2
原创 CSS实现前端小组件随笔
该登录界面中使用了“layui”组件制作标签以及前缀等,在使用时可以根据自己的需要,酌情删减,带有“layui-xx类的地方使用了layui组件不使用layui组件库并不会对登录界面造成影响。
2024-06-16 22:45:39
395
原创 在Flask中使用Jinjia2
简单来说,在web应用开发中,为了实现前后端的解耦分离前后端逻辑,就可以将表现逻辑分离出来交由模板通过模板引擎来实现。其实模板就是包含静态与动态内容的网页内容。Jinja2是一种现代的、对设计人员友好的Python模板语言。具有快速广泛使用和安全的特性。所谓渲染,其实就是向网页中加载静态内容及动态内容值的过程。
2024-06-16 15:50:56
658
原创 数据库讲解---(关系规范化)【二】
如果函数依赖集F满足下列条件,则称F是一个极小函数依赖集或最小覆盖F中每一个函数依赖的右边都是单个属性对F中任一函数依赖X->A,F-(X->A)都不与F等价对于F中的任一函数依赖X->A,{F-(X->A)}∪{Z->A}都不与F等价,Z为X的任一子集如果函数依赖集F与某个最小函数依赖集Fm等价,则称Fm是F的最小覆盖或Fm是F的最小依赖集最小函数依赖集的求解算法检查F中的每个函数依赖X->A,若A = A1,A2,....,则根据分解规则,用X->(i=1,2,3...,k)取代X->A。
2024-06-05 09:14:03
1070
原创 JS自动获取城市、天气预报【基于高德地图】
最近开发个人网站,有个需求是可以,并且,用来展示,查阅了很多资料,发现,因此作者费劲功夫终于做好,特别在这里记录一下,用来供小伙伴们使用~先放一个。
2024-05-24 10:49:57
1753
原创 CSS单位px、rem、em、vw、vh的区别
这几天在写个人网站,因为要适配和,因此了解到了一个:“”(),现在我们来讨论一下中的单位,只有掌握好了这些单位,我们才可以熟练使用“不同的单位修改盒子的宽度。
2024-05-22 19:34:46
1199
原创 CSS中的Flex布局
Flexflex-direction:内部元素的排列方式:从左到右、从右到左、从上到下、从下到上flex-wrap:子元素的换行方式:不换行、换行(第一行在上面、第二行在上面)flex-flow:子元素的排列方式和换行方式的简写justify-content:子元素的水平对齐方式align-items:子元素的垂直对齐方式align-content:设置多个元素组成的整块的对齐方式order:按照数字大小设置各个元素之间的排列方式flex-grow:按照权重分配剩余空间进行等比例放大。
2024-05-21 19:43:55
5305
原创 AJAX(JQuery版本)
方法是简单且强大的AJAX方法load()方法从服务器加载数据,并把返回的数据放入被选元素中语法参数说明URL:文件所在的路径data:与请求一同发送的查询字符串键/值对集合callback:load()方法完成后执行的函数名称$.get()方法通过远程HTTP GET请求载入信息这是一个简单的GET请求功能,用来取代复杂的$.ajax语法,dataType)参数说明参数描述url必需。规定将请求发送的哪个 URL。data可选。规定连同请求发送到服务器的数据。可选。
2024-05-20 17:54:41
881
原创 AJAX(JavaScript版本)
XMLHttpRequests对象是AJAX的基石使用XMLHttpRequests对象允许前端向后端发送一个数据请求用来获得数据这个数据请求的过程可以分为下面"四大步”:创建XMLHttpRequests对象定义回调函数打开XMHttpRequests对象向服务器发送请求回调函数是作为参数传递给另一个函数的函数定义回调函数我们可以使用XMLHttpRequests对象提供的“onload()”函数,该函数用来指定当请求响应后应该执行的函数//当相应准备就绪时要做什么方法描述。
2024-05-20 14:35:51
989
原创 Flask实现文件上传/下载【基础版】
本文旨在记录学习“”,适合小白文件上传的方式有很多:“”、“”等等,本文主要介绍使用“所使用的注意我们使用表单时:“”这表明,因此需要使用该格式,如果。
2024-05-19 16:02:09
1565
原创 Flask-SQLAlchemy的使用【一】
在我们使用时,需要通过构造函数实例化一个db对象,之后对数据库的操作都基于这个db对象,可以理解为这个db对象就是主机与数据库的“一条链接定义模型之后,我们可以很方便的创建模型对象,之后再对数据库进行操作时,便可使用模型对象操作,大大简化了书写提高了效率除此之外,使用模型我们还可以很方便的创建一张或多张表创建一个类,该类必须继承db对象的Model模型, 之后可以编辑这个类,“”属性用来标识该模型的名字(创建表时的名字),如果没有指定将有随机指定我们使用方法来创建表中的一列#设置表名一些参数说明。
2024-05-18 22:46:39
639
原创 JS+JQ+Layui菜单栏点击URL跳转后保持选中状态
用户观感并不是很好,因此我们需要判断当处于当前选项卡对应的页面时,再次点击选项卡不会执行跳转操作。点击这个选项卡再次跳转到这个页面,这就导致用户体验极差且不会保留缓存数据。)时,页面切换到另一个页面,但是此时我。最近在开发个人网站,其中使用了“解决方式很简单,只需要在添加“”的函数处,同时设置该标签是“”选项卡成功被选中且保持高亮。”官方文档可知,当我们对“问题的解决有两种,可以使用。那么我们是不是可以通过“在我点击一个选项卡(解决,两种方式都行,
2024-05-16 14:40:57
1029
原创 数据库讲解---(关系规范化)【一】
数据库讲解(MySQL版)(超详细)【第一章】-CSDN博客数据库-ER图教程_e-r图数据库-CSDN博客数据库讲解(MySQL版)(超详细)【第二章】【上】-CSDN博客数据库讲解---(SQL语句--表的使用)【MySQL版本】-CSDN博客数据库讲解---(数据查询)【MySQL版本】_mysql中怎么检索学生表中所有学生的信息-CSDN博客数据库讲解---(SQL语句--练习题讲解)【MySQL版本】-CSDN博客数据库讲解---(数据更新、视图、数据控制)【MySQL版本】-CSDN博客。
2024-04-22 15:13:26
945
原创 【二】ECharts----【异步加载数据】
ECharts的数据设置通常借助setOption方法实现,如果需要异步加载数据,可以使用JQuery等工具在异步获取数据后通过setOption填入数据和配置项就行。
2024-04-21 10:54:42
949
原创 【一】ECharts----【基本概念、基本实例】
本博客记录学习:“ECharts的知识点,方便回顾查询”基于EChart官方文档制作:Documentation - Apache EChartsECharts的安装有三种方法:“独立版本”、“使用CDN”、“使用NPM”直接下载“echarts.min.js”并用script标签引入:下载地址:下载 - Apache ECharts独立版本也有三个版本:CDN的安装相对简单,可以直接通过API调用:常见的CDN有以下三种:NPM的安装需要NPM版本大于3.0:二.ECharts实例
2024-04-20 11:42:00
890
原创 JQuery(四)---【使用JQuery实现动画效果】
JQuery允许我们将方法链接起来,使用链接可以方便我们对某些方法的复用例如:“假设我们有一个id为p1的段落,我们想要它执行slideDown方法和slideUp方法可以看到,我们写了两条语句,让这个元素执行这个两个功能但是如果一个元素需要执行非常多的功能,假设有100个,我们就要写100条语句,这对于“程序员”来说很不方便!为此,我们可以使用链接来简化书写!
2024-04-16 15:12:02
1271
原创 数据库讲解---(数据更新、视图、数据控制)【MySQL版本】
视图是从一个表或几个基本表(视图)中导出的表,因此是一种非标准的子模式概念。我们修改图上的属性,并不会影响表中的属性,因此可以理解为视图为表的一个副本使用视图查询的效率远大于使用原表查询的效率。
2024-04-15 15:14:07
928
原创 数据库讲解---(SQL语句--练习题讲解)【MySQL版本】
数据库讲解(MySQL版)(超详细)【第一章】-CSDN博客数据库-ER图教程_e-r图数据库-CSDN博客数据库讲解(MySQL版)(超详细)【第二章】【上】-CSDN博客数据库讲解---(SQL语句--表的使用)【MySQL版本】-CSDN博客。
2024-04-11 20:33:28
1201
原创 正则表达式---【Python版】
正则表达式是一组由字母和符号组成的特殊文本,它可以用来从文本中找出满足你想要的格式的句子,正则表达式常用缩写是:“regex”、“regexp例如:寻找“T”开头的英文单词。
2024-04-11 15:18:57
947
原创 数据库讲解---(数据查询)【MySQL版本】
COLUMN AS 或者 COLUMN SELECT 学号 year(now()) - 出生年份 AS 年龄FROM 学生;结果:在这里,我们将:“year(now()) - 出生年份”的名字修改为:“年龄。
2024-04-09 21:28:18
4352
原创 数据库讲解---(SQL语句--表的使用)【MySQL版本】
SQL是关系数据库的标准语言,也称“结构化查询语言”,它介于“关系代数”和“元组演算”之间的语言CREATE TABLE [列约束条件], [列约束条件], [列约束条件],.....,[表级完整性约束条件]不同数据的数据类型是不同的,例如:“MySQL”与“Oracle”之间的数据类型就是不完全相同的常见的“完整性约束条件NOT NULL”:非空约束,即该属性值不能为空UNIQUE。
2024-04-08 21:12:26
1228
原创 JQuery(三)---【使用JQuery动态设置浏览器窗口尺寸、JQuery的遍历】
JQ遍历,意为:“移动”,用于根据其相对于其他元素的关系来“查找HTML元素下面是一个“家族树”,JQ的遍历将会在“家族树”上进行:在“家族树”中,有三种关系:“父子关系”、“兄弟(同胞)关系”、“祖孙关系元素是的父元素,同时是其中所有内容的祖先元素是元素的父元素,同时是的子元素左边的元素是的父元素,的子元素,同时是的后代元素是的子元素,同时是和的后代两个
2024-04-08 19:16:32
1035
原创 JQuery(二)---【使用JQuery对HTML、CSS进行操作】
上面四种改变元素的方法,都有回调函数。删除元素和内容,一般可以使用以下两个。我们来看一个例子,用来区分“我们仍然使用上面所说的:“下面我们创建两个CSS类(添加内容,也可以在“
2024-04-07 20:26:20
1369
原创 JQuery(一)---【JQuery简介、安装、初步使用、各种事件】
JQuery是一个JavaScript的“函数库”,不是JavaScript的一个框架,与“VUE、REACT”有本质区别!为方便起见,后续的JQ全部代指JQueryJQuery设计的初衷是:“方便对DOM对象的操作以及对DOM对象进行更精细的操作在“VUE、REACT”等框架出现之前,JQ曾经统治过一整个时代,即使现在JQ相对落后,但学习JQ仍然是有必要的,学习JQ后可以帮我们精简代码偷偷懒)JQueryHTML元素选取HTML元素操作CSS操作HTML事件函数设计、绑定。
2024-04-06 20:41:16
828
原创 JavaScript(六)---【回调、异步、promise、Async】
回调”是作为参数传递给另一个函数的函数这种技术允许函数调用另一个函数回调函数可以在另一个函数完成后运行如果大家接触过“多线程”的概念,那么“异步”应该是非常好理解的。一个相对好理解的说法就是:“异步就是在同一时间运行多个代码段(函数、代码块等)而官方的说法:“与其它函数并行运行的函数称为异步给大家举一个例子:“在某一时刻,我们需要同时获得a+b和a*b的值该怎么办?如果顺序执行a+b和a*b终究会有时间差,并不是同时获得。那么此时就用到了异步了,将a+b和a*b两个运算过程,同时进行promise。
2024-04-03 22:52:28
853
原创 JavaScript(五)---【DOM】
当网页被加载时,浏览器会创建页面的文档对象模型,也就是DOM每个HTML都可以被视为一个文档树DOM为这个文档树提供了一个编程接口,开发者可以使用JS来操作这个树。
2024-04-03 17:32:00
947
原创 JavaScript(四)---【执行上下文、hoisting(提升)、严格模式、事件】
执行上下文”(execution context 简称CE)是指:“当js引擎解析到可执行代码片段的时候,就会做一些执行前的准备工作,这个准备工作就是执行上下文”。这么说可能难以理解,通俗点来说:“将变量、函数声明提升到全局变量层次,从而可以使所有的代码段都可以使用这些变量、函数hositing提升用于将某个(变量、函数)提升到全局变量提升只能提升“声明”,不能提升它的初始化,这也意味着:“如果提升一个没有值的变量,那么值会是undefined1.2使用方法那具体什么时候会用到呢?
2024-04-02 21:15:50
1001
原创 JavaScript(一)---【js的两种导入方式、全局作用域、函数作用域、块作用域】
重要什么是交叉定义?很简单,就是我先用var(let)定义一个变量x,再用let(var)重新定义变量x,这就叫交叉定义。在相同作用域中使用var和let交叉定义相同变量是不允许的let x = 10;// 允许var x = 6;// 不允许//允许let y = 60;//不允许let x = 10;// 允许var x = 6;// 不允许//允许let y = 60;//不允许这样会使程序崩溃报错都没有!
2024-03-30 22:10:34
1099
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人