- 博客(29)
- 收藏
- 关注
RSS订阅原创 html+css+JavaScript实现一个简单的登录
使用卡片式布局，背景采用渐变设计。添加"记住我"和"忘记密码"功能。包含用户名/邮箱和密码输入框。实现表单验证和错误提示。添加社交媒体登录选项。
2025-09-09 13:55:49
747
原创 html+css+JavaScript做一个简单的学生信息管理系统实现增删改查
添加和编辑功能通过模态框实现。使用响应式表格展示学生信息。完整的搜索和筛选功能。
2025-09-04 16:55:15
474
原创 【常用SQL语句和语法总结】
当仅通过一张表无法满足查询要求时，会进行多表关联，写join语句时，首先要清楚两张表之间的关系，找到合适的关联字段，切不可认为只要是两张表中都有的字段就能关联，这样可能导致笛卡尔积。聚合函数将多行汇总成一行，得到的是一个值，可以配合GROUP BY使用，将所有数据分成几组，分别汇总得出每组的值：。INNER JOIN（只看每个表中都有的）、LEFT JOIN（把左边的表作为基准）。除了上述这些数据库内置的函数，也可以自己定义函数，语法是：。
2025-09-03 14:31:28
523
原创 第五章：【springboot】框架事务管理与Aop
动态代理是面向切面编程最主流的实现，而Spring AOP是spring框架的高级技术，旨在管理bean对象的过程中，主要通过底层的动态代理机制，对特定的方法进行编程。默认情况下，只有出现 RuntimeException（运行时异常） 才回滚异常。当有多个切面的切入点都匹配到了目标方法，目标方法运行时，多个通知方法都会被执行。事务是一组操作的集合，他是一个不可分割的工作单位，要么同时成功，要么同时失败。面向切面，面向方面编程,其实就是面向特定的方法编程。不同切面类中，默认按切面类的类名字母排序。
2025-08-08 14:04:30
995
原创 第四章：【springboot】框架文件上传与登录校验
文件上传，是指将本地图片、视频、音频等文件上传到服务器，供其他用户浏览或下载的过程。文件上传在项目中应用非常广泛，我们经常发微博、发微信朋友圈都用到了文件上传功能。@Slf4j//将该拦截器交给AOC容器管理@Component@Override //目标资源方法运行前执行，返回为true放行 返回为false拦截System.out.println("拦截器preHandle");@Override//目标资源方法运行后执行。
2025-08-08 09:57:23
996
原创 第三章：【springboot】框架介绍MyBatis
Lombok是一个实用的Java类库，能通过注解的形式自动生成构造器、getter/setter、equals、hashcode、toString等方法，并可以自动化生成日志变量，简化java开发、提高效率。概述：MyBatis 是一款优秀的持久层(三层架构中的dao层)框架，用来简化jdbc的开发.描述：在数据 添加成功后，需要获取插入数据库数据的主键。描述:在数据添加成功后，需要获取插入数据库数据的主键，如:添加套餐数据时，还需要维护套餐菜品关系表数据，如添加套餐数据时，还需要维护套餐菜品关系表数据。
2025-08-07 15:37:08
1108
原创 第二章：【springboot】框架介绍
概念: Tomcat是Apache 软件基金会一个核心项目，是一个开源免费的轻量级Web服务器，支持Servlet/JSP少量JavaEE规范。JavaEE:Java Enterprise Edition,java企业版。指Jav企业级开发的技术规范总和。包含13项技术规范:JDBC、JNDI、EJB、JavaMail、JAFRMI、JSP、Servlet、XML、JMS、Java IDL、JTS、JTA. 需要依赖于 Tomcat才能运行Tomcat 也被称为 Web容器、Servlet容器。
2025-08-07 11:26:32
924
原创 第一章：【springboot】框架介绍
Springboot是Spring提供的一个子项目，用于快速构建Spring应用程序 特性起步依赖 本质上就是一个Maven坐标，整合了完成一个功能所需要的所有坐标自动配置 遵循约定配置的原则，在boot程序启动后，一些bean对象会自动注入到ioc容器，不需要手动声明，简化开发配置项的命名一定要见名知意#阿里云相关配置# 对象存储配置#阿里云oss存储根路径#填写Bucket名称#填写Bucket所在地域。以华东1（杭州）为例，Region填写为cn-hangzhou。
2025-08-06 13:55:41
610
原创 【java】基础
数组的静态初始化静态初始化以后数组长度不可变数组的元素类型必须和数组容器的类型一致格式：数据类型[] 数组名 = new 数据类型[数组长度]{数组元素1，数组元素2，数组元素3，...}简写格式：数据类型[] 数组名 = {数组元素1，数组元素2，数组元素3，...}//简写。
2025-07-30 14:40:08
797
原创 【jquery详细讲解】
8. insertBefore(): 对象1.insertBefore(对象2)： 将对象1添加到对象2前边。4. prependTo()： 对象1.prependTo(对象2): 将对象1添加到对象2内部，并且在开头。3. prepend(): 对象1.prepend(对象2): 将对象2添加到对象1元素内部，并且在开头。1. append(): 对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾。
2025-07-19 16:41:09
1124
原创 第二篇 html5和css3开发基础与应用
em会根据父级元素的大小而变化，但是如果嵌套了多个元素，要计算它的大小，是很容易出错的，这样就引申出了rem。表示元素旋转的中心点，默认值为 50% 50%。表示元素水平方向移动 x，垂直方向移动 y，其中y可以省略，表示垂直方向没有位移<br />translateX(x)：表示元素水平方向移动 x。用于验证表单输入的内容，通常 HTML5 的 type 属性，比如 email、tel、 number、url 等，已经自带了简单的数据格式验证功能了，加上 pattern 属性后， 验证会更加高效。
2025-07-18 11:59:04
960
原创 第一篇html&css详细讲解
由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed属性功能相同。早期的网页没有css样式，为了界面美观，很多元素自带margin、padding等样式，但这些样式在不同浏览器解析的值都不一样，需要将css样式重置，保证在不同浏览器显示一致。1、和其他元素都在一行上；1、和其他元素都在一行上；
2025-07-18 11:51:47
1205
原创 第二章【vue】基础（超详细）
在 vite.config.ts 文件中加入项目根目录新建config.js配置文件夹 用于存放开发和生产的配置文件该文件夹中新建dev.ts和prod.ts配置文件dev.ts文件用于开发环境配置prod.ts文件用于生产环境配置prod.ts文件同理文件夹中新建index.ts配置文件 用于导出配置文件在文件中加入配置。
2025-07-16 13:33:45
1315
原创 第一章 【vue】基础（超详细）
当这个钩子被调用时，组件 DOM 已经更新，所以你现在可以执行依赖于 DOM 的操作。执行该钩子函数时，我们的模板编译好了，而且挂载到真实DOM树上面去了，也就是我们的页面可以显示了。该钩子函数在data数据发生变化之后调用，此时data里面的数据已经是最新的了，但是页面上DOM还没有更新最新的数据。该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。该钩子函数会在data数据更新之后执行，而且此时页面也渲染更新完成了，显示的就是最新的数据。
2025-07-16 12:07:54
2021
原创 PHP语言基础知识（超详细）第二节
2）array_merge_recursive(数组1，数组2，......) ：合并数组，如果键重名，会把两个值合并在一起，形成一个新的数组，并以原有的键作为组名。在方法及字段前加private表示只能在该类内部使用，不能由实例化的对象调用，也不能由子类调用。1）phpstudy--环境--安装phpMyAdmin--首页--数据库工具打开phpMyAdmin--登录root账号。1）phpstudy--环境--安装phpMyAdmin--首页--数据库工具打开phpMyAdmin--登录root账号。
2025-07-15 13:17:28
1067
原创 PHP语言基础知识（超详细）第一节
包含了最新的apache和PHP等程序，对学习PHP的新手来说，windows下环境配置是一件非常困难的事，对老手来说也是一件烦琐的事。：在notepad++里面编写：（注意：由于PHP是html嵌入语言，所以php文件里面可以写HTML代码，但是文件后缀名必须是.php）（3）HBuilder中创建一个web项目，将demo02.php拖入项目中，选择“创建该文件的链接”，下面打上“√”。可以分别使用面向过程和面向对象， 而且可以将PHP面向过程和面向对象两者一起混用，这是其它很多编程语言是做不到的。
2025-07-15 12:58:58
2263
原创 【微信小程序】
自定义导航栏需要注意的是：顶部存在状态栏，也就是显示信号、时间等信息的状态栏；可以在页面的最外层的盒子加内上边距 padding-top: var(–status-bar-height)避免顶部导航栏与状态栏重叠.并且需要给最外层盒子设置背景色与页面背景色一致，不然会出现状态栏的背景色和页面背景色不一致的情况；
2025-07-14 14:43:31
1125
原创 一篇文章带你详细了解【TypeScript】
TS类型定义：在声明变量时使用变量名+“：”+变量类型的方式//定义字符串let str: string = '张三'//定义数字//定义布尔值定义数字数组 数组元素只能是数字元组为解决数组只能定义单一类型元组类型用来表示已知元素数量和类型的数组，各元素的类型不必相同，对应位置的类型需要相同。// 运行正常// 报错// 输出 Runoobanytype关键字可以定义一个复杂类型的数据，如数组、对象等?在调用函数时为使调用者传入正确类型的形参，从而避免调用错误。
2025-07-14 14:12:48
1036
原创 一篇文章了解【JavaScript】高阶函数、闭包、函数转换、Promises 和 Time详细使用
具体来说，我们需要管理一组返回 Promise 的函数，并返回一个 Promise，该 Promise 解析为结果数组，保留原始数组的顺序。输出：[ {“time”：0，“returned”：8}，{“time”：35，“returned”：8}，{“time”：70，“returned”：8}，{“time”：105，“returned”：8}，{“time”：140，“returned”：8}，{“time”：175，“returned”：8} ]返回的 Promise 应该解析为这两个数字的和。
2025-07-13 12:47:35
908
原创 【JavaScript】函数转换与基本数组转换
为了解决这个问题，我们可以利用 JavaScript 提供的参数对象，它是一个类似数组的对象，包含传递给函数的所有参数。你可以定义一个数组 归约后 的值，然后应用以下操作： val = fn(init, nums[0]) ， val = fn(val, nums[1]) ， val = fn(val, nums[2]) ，... 直到数组中的每个元素都被处理完毕。输入：fn = (a,b,c) => (a * b * c), calls = [[5,7,4],[2,3,6],[4,6,8]]
2025-07-13 09:17:39
795
原创 JavaScript：es6~es13对象字面量增
/获取数组第一位//张三//获取数组最后一位//王五name = name || '张三'fun('', 0)//张三 18从运行结果可知在使用||、&&运算符时0和‘’默认为false。
2025-07-12 14:13:17
949
原创 JavaScript 中JSON详解
请你编写一段代码实现一个数组方法，使任何数组都可以调用 array.last() 方法，这个方法将返回数组最后一个元素。如果数组中没有元素，则返回 -1。你可以假设数组是 JSON.parse 的输出结果。主要思路类似于合并两个已排序数组。我们遍历已排序的 arr1 和 arr2，比较它们的 ID 并将对象添加到结果的 joinedArray 中，然后根据需要增加 i 或 j 指针。一旦一个数组被完全处理，就插入另一个数组中的剩余对象。在这种方法中，我们使用递归的深度优先搜索（DFS）的概念。
2025-07-12 13:29:47
979
原创 JavaScript设计模式
抽象工厂模式是工厂模式的升级版，工厂函数返回的是一个工厂对象，工厂对象根据传入的参数不同，返回不同类型的对象。构造器模式用于创建具有相同属性和方法的多个实例，可以提高代码的复用性。建造者模式是将一个复杂对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。抽象工厂模式通常是由多个子类继承父类的形式实现，子类根据不同的参数返回不同的对象。由一个工厂函数来创建对象，工厂函数根据传入的参数不同，返回不同类型的对象。的多个实例，该放法挂在到实例的原型上。主要解决一个全局的类频繁的创建和销毁。
2025-07-11 14:30:49
966
原创 第二章 css基础（二）
如果一个元素浮动了 理论上其余兄弟元素也要浮动,浮动的盒子只会影响浮动盒子后面的标准流不会影响前面的标准流。浮动经常和标准流的父盒子搭配使用,先用标准流的父元素排列上下位置 之后内部子元素采取浮动排列左右位置。原来在标准流的位置继续占有，后面的盒子仍然以标准流的方式对待它（不脱标 继续保留原来的位置）clael：（both清除左右两边的浮动 left清除左边的浮动 right清除右边的浮动）浮动元素不同 只会压住它下面标准流的盒子，但是不会压住下面标准流盒子里面的文字（图片）
2025-07-09 17:04:48
736
基于html+css+JavaScript实现拖拽
2025-09-10
html+css+JavaScript设计纯前端毕业作品【商品管理系统】
2025-09-10
以html+css+JavaScript设计毕业作品【学生管理系统】
2025-09-08
使用html+css+JavaScript实现图书管理系统
2025-09-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人