- 博客(144)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 搭建第一个python项目(虚拟环境)
python虚拟环境类似一个虚拟机，主要就是在多个项目中进行一个隔离，防止包的版本冲突或者其他情况，并且在虚拟环境中pip下载包的存放路径也会只在当前项目中，不会放在全局安装目录中。这就是虚拟环境的优势。
2024-03-26 22:13:09
425
原创 springmvc
当 Spring MVC 框架内置的类型转换器不能满足需求时，开发者可以开发自己的类型转换器。例如需要用户在页面表单中输入信息来创建商品信息。当输入“hello world，18，1.85”时表示在程序中自动创建一个 new User，并将“hello world”值自动赋给 name 属性，将“18”值自动赋给 age 属性，将“1.85”值自动赋给 height 属性。创建实体类。创建控制器类。创建自定义类型转换器类。注册类型转换器。创建相关视图。
2022-12-16 20:40:50
1306
原创 spring教程
IoC 是 Inversion of Control 的简写，译为“控制反转”，它不是一门技术，而是一种设计思想，是一个重要的面向对象编程法则，能够指导我们如何设计出松耦合、更优良的程序。 Spring 通过 IoC 容器来管理所有 Java 对象的实例化和初始化，控制对象与对象之间的依赖关系。我们将由 IoC 容器管理的 Java 对象称为 Spring Bean，它与使用关键字 new 创建的 Java 对象没有任何区别。 IoC 容器是 Spring 框架中最重要的核心组件
2022-12-16 20:35:22
686
1
原创 servlet
Servlet 规范的最顶层是一个名为 javax.servlet.Servlet 的接口，所有的 Servlet 类都要直接或者间接地实现该接口。直接实现 Servlet 接口不太方便，所以 Servlet 又内置了两个 Servlet 接口的实现类（抽象类），分别为 GenericServlet 和 HttpServlet，ServletGenericServletnyServletHttpServlet由上图可知：javax.servlet.Servlet 是 Servlet API
2022-12-16 20:33:51
699
原创 springboot教程
spring boot讲解上面也就是springboot的启动器spring-boot-starter-web也就是针对web的启动器，默认会导入web的依赖或者配置springboot会将所有的功能场景变成一个个的容器我们要使用什么功能，就只需要找到对应的控制器就行starter主程序：@SpringBootApplication标注这个类是springboot的应用1.yaml Spring Boot 提供了大量的自动配置，极大地简化了spring 应用的开发过程
2022-12-16 20:32:29
719
原创 vue教程
yarn:安装 https://blog.csdn.net/qq_40738077/article/details/101843070npm查看插件版本：例如 npm view webpack version/versions实际的前端开发：模块化 js模块化，css模块化，资源的模块化组件化 复用现有的ui结构，样式，行为规范化 目录的结构划分，编码规范化，端口规范化，文档规范化，git规范化自动化 自动化构建，自动部署，自动化测试 webpack
2022-12-15 16:53:47
669
原创 spring 容器的自动装配
spring自动装配自动装配是根据容器的上下文去寻找，不需要人为的去自动装配，例如ref元素，自动转配可以减少指定属性和构造函数参数的需要，并且随着对象的发展不断更新配置，例如，如果您需要向类添加依赖项，则无需修改配置即可自动满足该依赖项。因此，自动装配在开发过程中特别有用，当代码库变得更稳定时，不会否定切换到显式装配的选项。自动装配使用autowire元素实现自动注入bean，自动装配模式介绍三种，每个bean都可以指定自动装配，但要分清需要装配的依赖。模式说明no默认值，没有
2021-10-23 20:28:42
155
原创 Spring 实现p命令和c命令空间的xml快捷方式
使用p命令空间的xml快捷方式p命令允许可以使用bean元素的属性依赖注入，也不需要<property/>元素的嵌套，也也可实现两者都兼有。创建一个User类public class User { private String name; private int age; public String getName() { return name; } public void setName(String name) {
2021-10-23 14:06:36
133
原创 Spring 基于Setter的依赖注入
setter的依赖注入使用setter依赖注入就是通过容器在调用无参数构造函数或无参数static工厂方法来实例化bean 后调用 bean 上的 setter 方法来完成的。普通数据类型注入创建一个User普通类。public class User { private String name; private int age; public String getName() { return name; } public void
2021-10-22 23:24:46
1033
原创 Spring 基于构造函数的依赖注入
基于构造函数的依赖注入通过构造函数的依赖注入是通过调用多个参数的构造方法来实现的，每个参数都是一个依赖项。创建一个User类package com.ch.hu;public class User { private String name; private int age; User(String name,int age){ this.name=name; this.age=age; } public String
2021-10-22 13:25:40
962
原创 Spring Ioc容器创建及简单使用
Ioc容器Ioc容器也称控制反转容器，也是spring项目的容器，在Ioc容器中注入依赖，在原始开发中没有Ioc容器时，我们需要一一对其依赖写入，如果很多的话就会是一个复杂的工程，要去花大量的时间去构造很多层次的对象。有了spring Ioc容器可以很方便的创建和构建对象，只需要在配置文件中指定如何构建，再类编写好的时候就指定了，在拿去使用的时候，就不需要关心类编写的层次和内容，所以Ioc容器可以将我们主动改对象变成被动接受对象，这也是控制反转的由来。Ioc容器最基础的org.springframew
2021-10-21 22:18:53
187
原创 maven 基础标签
配置当前项目信息<groupId>项目组织标识</groupId><artifactId>项目包名</artifactId><version>版本号</version><packaging>打包类型</packaging>groupId 是项目组织的唯一标识，用于对应maven仓库中Java包的结构目录。一般由多段组成，第一段为org、com、cn等字段，用于标识是什么组织类型。第二段一般是公司名称
2021-10-20 21:20:07
146
原创 maven 基础配置
maven修改本地仓库地址maven本地仓库默认在c盘，以免占用c盘地址，修改地址到别的盘符。找到maven里的conf文件里的settings.xml文件，找到settings标签下的localRepository，这个标签是被注释的，因此要提出来，在localRepository标签中插入自己创建好的本地仓库地址。例如 <localRepository>E:\maven\maven-repository</localRepository>maven修改远程仓库地址mav
2021-10-20 18:53:37
105
原创 vue 导航守卫
导航守卫的基本用法导航守卫主要是通过或者取消路由跳转来守卫导航，以免在未应许的情况下跳入 相关页面，这样有利于阻止绕过主页面直接进入后台页面的过程。全局前置首尾//创建一个路由的实例对象。const router = new VueRouter({ ... })//为router实例创建一个全局前置守卫//在页面发生跳转，必须触发下面这个函数，里面存放的是一个回调函数router.beforeEach((to, from, next) => { // ...})to :即将
2021-10-16 19:39:58
90
原创 vue 动态路由
动态路由动态路由一般用来匹配路由规则，只要符合就会跳转到响应的组件路由中，在path路径中使用 :id 也可以不设置成id，只是个名字而已。只要符合匹配原则即可，匹配路由的匹配项存放在 this.$route.params 对象下。在app.vue文件中写入相关要匹配的路由<template> <div id="App"> <a href="#/home/1">首页</a> <a href="#/home/2">首页1&l
2021-10-16 10:06:57
404
原创 vue axos在main.js文件中配置根路径及url的全局请求
axios配置全局路径在main.js中使用vue构造函数设置axios的配置，再由子组件不需要引入的情况下直接使用。main.js文件中//首先在main.js中导入axios模块import axios from 'axios' //使用vue构造函数指向axios模块，并由$http接受，//在其他组件中直接使用this.$http.post/get等调用//配置axios的全局设置vue.prototype.$http = axios子组件中 methods: { as
2021-10-14 22:26:59
2290
6
原创 vue 私有自定义指令，全局自定义指令
私有自定义指令自定义指令需要在directives节点下创建私有自定义指令，创建好的指令通过v-指令名放到元素中<template> <div id="App"> <p v-color>这个文字编程红色</p> </div></template><script>export default { data() { return
2021-10-13 17:02:31
387
原创 vue 具名插槽，作用域插槽，
插槽插槽时组件封装者提供的，在开发者封装组件时，把用户不确定的，用户指定的设置为插槽。slot标签标识插槽。注意： vue官方规定插槽要有一个name名称，否侧会默认加上一个默认名称，值为default。用户在填写时，不然默认填写到值为default的插槽中。如果要指定添加到组件中哪个插槽中，要设置name属性，在调用者中使用v-slot:插槽name属性值就可以放到那个插槽中，但有一点，v-slot不能放到常用的标签中，必须放到内嵌的<template>标签中，而不是外部的templat
2021-10-12 17:42:30
151
原创 css flex布局(弹性布局)
flex布局flex布局可以很快，简便，完整，响应式的实现各种页面布局，主要针对于盒模型，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效，现在很多浏览器都支持，在使用一下属性前，必须使用display:flex;属性，都是在父元素指定弹性布局，包括行内元素也会照样按照弹性布局执行。flex-direction属性flex-direction属性决定主轴的方向(x轴和y轴的排列方向)。row：默认值，主轴为水平方向，左端起始。row-reverse ：
2021-10-11 22:16:17
423
原创 vue 动态组件，keep-alive生命周期
动态组件动态组件是动态切换组件的显示与隐藏，<component> 内置的一个组件专门实现动态组件的渲染。如果直接使用 <component> vue标签是没有用的，会提示错误显示，需要提供 is 属性指明显示，is指定谁就渲染谁。如果父元素定义了display:flex属性，则会在原地来回切换图像，否则切换在不同地方的图片。...
2021-10-10 16:01:24
452
原创 vue this.$nextTick(function(){}),更新完组件的dom在执行nextTick里面的函数方法
$nextTick()的使用该方法主要是将组件的dom更新完成之后，在执行里面的方法函数，例如文本框的光标在加载文本框时加载。
2021-10-07 17:40:43
237
原创 vue ref引用dom元素以及子元素dom
在组件中每个dom元素都可以添加ref属性，即使是封装好的组件拿来用都可以为其添加ref属性，但是ref属性值在当前组件中不能被重复。如果重复了，会将最后一个相同ref属性值获取，也只操作最后一个，通过this.$refs.ref属性值操作dom。当前组件实现dom操作<template> <div id="app"> <p ref="bianse">app根元素</p> <button @clic
2021-10-07 16:56:19
1916
原创 vue2.x 兄弟组件之间的数据传递
兄弟组件的数据传递兄弟组件是指两者都没有互相引用，例如A组件没有使用B组件，B组件没有使用A组件。之间没有任何联系。兄弟组件的数据传递，需要创建一个中间传递项，创建js文件。导入vue，导出一个vue实例A组件是一个发送数据的组件，要定义一个自定义事件，发送传递的值。B组件是一个接受数据的组件，要定义一个触发方法，$onement js文件创建import Vue from 'vue'export default new Vue()A组件发送数据<template>
2021-10-07 12:18:52
1282
1
原创 vue 父子组件之间的数据共享
父组件向子组件传递数据父组件向子组件传递数据使用自定义属性。实例子组件定义自定义属性。<template> <div id="app"> <ul> <li v-for="item in langage">语言{{item}}</li> </ul> </div></template><scri
2021-10-06 22:05:20
958
原创 vue 样式冲突解决
样式冲突解决在vue文件中封装的组件，其他的组件也都使用，其中要想在其中一个组件中添加样式，使用的是标签选择器，这时候，这个标签就会被全局化，不仅这个vue文件里的组件修改了样式，页面中的所有对应的标签都会修改样式。在当前组件中添加独一无二的属性，类名，id等。在当前组件中的style标签中添加一个scoped属性，不赋任何值，这时候vue底层就会默认为这个组件里面的所有标签添加一个data-v-数字加英文的属性，再用标签选择器使用就只对本vue文件里的组件产生样式。vue文件中父组件为子组件添
2021-10-05 19:12:38
1087
原创 vue 私有，全局组件，props自定义属性
组件的使用设置私有组件根组件使用子组件的方式。在跟组件中使用 impor 导入之后定义的名字 from ‘组件的位置’在跟组件中使用components注册私有组件export default { compoments:{ //导入组件之后的名字 }}最终将注册的组件以标签的形式写入设置全局组件首先在main.js中导入要设置的全局组件，在使用vue.component(）方法。import '导入之后的设置的组件名' from '设置
2021-10-05 15:46:18
519
原创 vue 计算属性
计算属性计算属性可以帮我们减少代码的复用，只需要更改计算属性的值，就会将依赖它的值都会改变，计算属性也是一个函数形式，但它与methods中的函数大不相同。<body> <div id="app"> <input type="text" v-model="message"> <p>{{bug}}</p> </div> <script> new Vue
2021-10-04 17:03:30
36
原创 vue 侦听器以及deep(深度侦听)
侦听器侦听器主要是监听data节点下属性的变化，主要数据一变化就会触发侦听器，可以通过侦听器来响应数据的变化。语法：侦听器的函数名必须是属性名。侦听器有两个默认参数，第一个参数是属性变化后的新值，第二个参数是属性变化后的前一个旧值。<body> <div id="app"> <input type="text" v-model="message"> </div> <script>
2021-10-04 16:04:55
1076
原创 vue2 过滤器
过滤器只有vue2过滤器才会用过滤器，vue3已经淘汰，vue过滤器可以用在双括号插值和v-bind表达式中，过滤器分为两种，一种私有，另一种全局公有过滤器。私有过滤器私有过滤器时放在el挂在的vue实例中，例如将message变量的值转为大写。<body> <div id="app"> <p>{{message | cap}}</p> </div> <script> ne
2021-10-04 14:47:58
205
原创 vue 按键修饰符(对于键盘的操作)
@keyup事件通过@keyup监听键盘事件的产生。实例<body> <div id="app"> <input type="text" @keyup.esc="clear"> </div> <script> new Vue({ el: "#app", data: { }, methods:
2021-10-03 17:46:55
119
原创 vue 事件修饰符
.prevent组织默认行为，阻止提交表单，阻止a链接的跳转，原生JavaScript使用 event.preventDefault()阻止<body> <div id="app"> <a href="https://www.baidu.com" @click.prevent="show">百度</a> </div> <script> new Vue({
2021-10-03 17:24:12
105
原创 vue source-map设置，@符号使用
Source MapSource Map 是一个信息文件，里面存储着报错的位置信息，只要有了它，出错的时候，可以直接定位到开发时的原始代码，而不是压缩转换后的代码。极大的方便我们测试。加粗样式
2021-10-03 13:49:30
1108
原创 webpack中loader的使用
css-loader配置在index.js中导入css文件 import ‘./css/index.css’.命令 npm i style-loader@版本号 css-loader@版本号 -D在webpack.config.js中的module的rules数组中创建。module.exports = { module: { rules: [ //css-loader的配置，顺序不能改变，从后往前执行 { test:
2021-10-01 18:34:37
177
原创 vue 初始化包管理配置文件package.json，安装配置webpack，插件的使用
初始化包管理器新建空白项目目录，点击进去，运行 npm init -y 命令， 就初始化了package.json。在新建的空白目录里建一个src目录，主要存放源代码。在src中新建index.html首页和index.js脚本文件。安装配置webpack命令 npm install webpack@版本号 webpack-cli@版本号 -D -D表示这个包在开发阶段使用。在项目根目录下创建一个webpack.config.js的文件。在webpack.config.js下初始
2021-10-01 15:42:41
2299
原创 vue 语法
语法<body> <div id="app"> <button @click="dete()">点击</button> <p>{{message}}</p> <p>{{text}}</p> </div> <script> new Vue({ el: '#app',
2021-09-28 13:00:05
68
原创 jQuery Ajax方法
load()方法语法load(URL,data,callback);URL ：规定要请求的url地址。data：规定与请求一起发送的数据(json格式)callback ：是load方法完成后执行的函数。返回请求响应的内容给这个被选元素。一般情况下只有url和data这两个，callback可选。get()方法语法$.get(URL,callback,text);URL ：规定要请求的url地址callback：是请求成功后执行的函数，函数是一个回调函数，第一个参数是请求成功后
2021-09-26 23:17:47
119
原创 jQuery css类和样式操作，元素之间的查找，遍历，过滤
css操作函数说明addClass()向被选元素添加一个或者多个类removeClass()删除被选元素的一个或多个类toggleClass()被选元素在添加和删除类之间切换，可以对多个进行操作css()设置或返回属性注意在添加或者删除类时，不是字符串之间用逗号，而是全部在一个字符串里，中间用逗号隔开，不能加点。css属性获取就像attr函数一样，在括号里添加属性名即可获取属性值。可以设置多个属性，冒号两边组成一组，每一组用逗号隔开。祖先
2021-09-26 18:23:53
222
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人