- 博客(20)
- 收藏
- 关注
原创 vue2实现列表横向拖拽排序(列数据、列表头对应更新)
通过上述方法基本可以实现大部分列表的列拖拽,嵌套列表没试过不确定,是否有更好地实现方法暂时还没有发现,如果有欢迎各位大佬评论留言,上述代码也存在很多不足,主要是为了满足客户需求hhh。
2024-05-04 15:15:55 470
原创 Vue学习碎片之运算符(...、:、@、#)
slot:子组件提供给父组件的可以自定义的HTML模板,可以想象成子组件暴露给父组件的一个接口。作用是可以更好地横向扩展和定制化组件,例如弹窗组件、表格组件。其中前两个都是渲染在父级,本质上就是替换,父组件渲染完毕之后替换对应的 slot;本质上会把父组件的内容渲染成函数,子组件调用函数,并且将数据传递给它。当需要将子组件的数据交给父组件展示,此时就可以使用作用域插槽。基于ES6语法,扩展运算符可以将一个数组转换为用逗号分隔的参数序列,好比rest参数的逆运算。的缩写,“@”是指令。
2024-04-09 11:06:40 673 1
原创 若依前后端分离前端部署nginx反向代理后刷新页面失效及用户登录后404问题解决
项目需要部署到服务器之后由第三方进行了反向代理,所以我们必须适配第三方的url。由于第一次部署固定好路由格式的前端项目,途中遇到了比较多的问题。用户登录后页面重定向到404页面,点击返回首页后才能进入到正常页面。
2024-01-06 16:09:00 5965 1
原创 若依前后端分离+Vue2+Element UI实现根据列数据展示不同页面的数据
可用若依代码生成器生成,删掉原有的按钮等,只留下分页和列数据即可,根据具体需求取舍。定义组件名称,方便父组件import,同时定义props来传参。props: {},data() {return {// 遮罩层// 选中数组ids: [],// 非单个禁用// 非多个禁用// 显示搜索条件// 总条数total: 0,// 表格数据list: [],// 弹出层标题title: "",// 是否显示弹出层// 查询参数},// 表单参数form: {},
2024-01-06 10:42:16 1394 1
原创 MySQL数据库设计规范
所有规范会按照【高危】、【强制】、【建议】三个级别进行标注,遵守优先级从高到底。对于不满足【高危】和【强制】两个级别的设计,DBA 会强制打回要求修改。
2023-10-21 10:24:11 183 1
原创 vue-element-admin后台集成方案
vue-element-admin是一个后台前端解决方案,它基于vue和element-ui实现内置了i18国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件可以快速搭建企业级中后台产品原型。
2023-09-08 17:28:56 368 1
原创 Springboot+Vue全栈开发之Mockjs
Mock.js是一款前端开发中拦截Ajax请求再生成随机数据响应的工具,可以用来模拟服务器响应优点是非常简单方便,无侵入性,基本覆盖常用的接口数据类型支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等安装:npm install mockjs。
2023-09-08 16:49:01 88 1
原创 Vue学习碎片之状态管理VueX
对于组件化开发来说,大型应用的状态往往跨越多个组件。在多层嵌套的父子组件之间传递状态已经十分麻烦,而Vue更是没有为兄弟组件提供直接共享数据的办法基于这个问题,许多框架提供了解决方案——使用全局的状态管理器,将所有分散的共享数据交给状态管理器保管,Vue也不例外Vuex是一个专为Vue.js应用程序开发的状态管理库,采用集中式存储管理应用的所有组件的状态简单地说,Vuex用于管理分散在Vue各个组件中的数据安装:npm install vuex@next。
2023-09-08 15:48:09 81 1
原创 Vue学习碎片之路由VueRouter
路由守卫可以控制路由的访问权限,全局路由守卫会拦截每个路由规则,从而对每个路由进行访问权限的控制。为了简化路由参数的获取形式,vue-router允许在路由规则中开启props传参。
2023-09-08 14:08:22 108 1
原创 Vue学习碎片之Axios
在实际项目开发中,前端页面所需要的数据往往需要从服务器端获取,这必然涉及与服务器的通信Axios是一个基于promise网络请求库,作用于node.js和浏览器中Axios是在浏览器端使用XMLHttpRequests发送网络请求,并能自动完成JSON数据的转换安装:npm install axios地址:https://www.axios-http.cn/
2023-09-08 11:14:37 83 1
原创 SpringBoot学习碎片之MybatisPlus
ORM(Object Relational Mapping, 对象关系映射)是为了解决面向对象与关系数据库存在的互不匹配现象的一种技术ORM通过使用描述对象和数据库之间映射的元数据将程序中的对象自动持久化到数据库中ORM框架的本质是简化编程中操作数据库的编码MyBatis是一款优秀的数据持久层ORM框架,被广泛地应用于应用系统MyBatis能够非常轻松灵活地实现动态SQL,可以使用XML或注解来配置和映射原生信息,能够轻松地将Java的POJO。
2023-09-07 14:15:37 68
原创 SpringBoot学习碎片之RESTful服务+Swagger
RESTful是目前流行的互联网软件服务架构设计风格REST(Representational State Transfer, 表达性状态转移)一词是由Roy Thomas在2000年的博士论文中提出的,它定义了互联网软件服务的架构原则,如果一个架构符合REST原则,则称之为RESTful架构REST并不是一个标准,它更像一组客户端和服务端交互时的架构理念和设计原则,基于这种架构理念和设计原则的Web更加简洁,更有层次。
2023-09-07 10:27:14 69
原创 全面解析若依框架--springboot-vue前后分离02
1、Token的引入:Token是在客户端频繁向服务端请求数据,服务端频繁的去数据库查询用户名和密码并进行对比,判断用户名和密码正确与否,并作出相应提示,在这样的背景下,Token便应运而生。2、Token的定义:Token是服务端生成的一串字符串,以作客户端进行请求的一个令牌,当第一次登录后,服务器生成一个Token便将此Token返回给客户端,以后客户端只需带上这个Token前来请求数据即可,无需再次带上用户名和密码。
2023-08-29 10:06:09 487 2
原创 第三章:创建第一个spring项目
在IDEA中新建一个工程,选择空工程,然后创建一个新的模块,选择maven,使用quickstart模板,设置完项目名和版本号就创建完成了,接下来就是等自动导入完成了,新工程创建完毕后需要设置一下字符集,统一为UTF-8格式,工程的jdk和语言级别需要对应(jdk1.8对应语言级别8),模块也设置成和项目对应的,最后在pom中删掉自己不需要的部分,并把版本号改为之前自己设置的和jdk信息,别忘了创建一个resources文件夹,整个项目结构就整理完成了。之后就可以进行编写辣。
2023-03-14 10:43:23 119
原创 第二章:IoC 控制反转
程序只需要提供要使用的对象的名称就可以了,对象如何创建,如何从容器中查找,获取都由容器内部自己实现。把对象的创建、属性赋值、对象的生命周期都交给代码之外的容器管理。开发人员掌握了对象的创建,属性赋值,对象从开始到销毁的全部过程。从容器中获取名称对应的对象spring底层使用的反射机制,通过反射创建对象,给属性。通过容器,可以使用容器中的对象(容器已经创建了对象,对象属性赋值了,对象也组装好了)Spring就是一个容器,可以管理对象,创建对象,给属性赋值。控制:对象创建,属性赋值,对象声明周期管理。
2023-03-14 09:38:03 76
原创 第一章:Spring概述
spring就是一个Java框架,使用Java开发的、轻量级的、开源的框架。可在J2ee、J2se项目中使用。spring核心技术:IoC(控制反转)、AOP(面向切面编程)spring又叫做容器,装的是java对象,可以让spring创建java对象,给属性赋值spring作用:实现解耦合,解决java对象之间的耦合,解决模块之间的耦合。
2023-03-13 10:10:40 75 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人