- 博客(55)
- 收藏
- 关注
原创 路由router
什么是路由?2、安装\引入\基础使用只有vue-router3,才能应用于vue2;vue-router4可以应用于vue3中这里我们安装vue-router3:npm i vue-router@3引入vue-router:在入口js中引入:import VueRouter from 'vue-router'多级路由即是由多个路由相互嵌套而形成的Banner作为title直接在App.vue中实现然后是About和Home作为路由组件在App.vue中。
2023-10-13 19:34:30
299
原创 vuex的模块化和namespaced
这里主要是将store里面的index.js这个文件变得更加有条理性一点,使得整个代码看起来比较清晰。主要的变动在于count.vue,person.vue,index.js。
2023-10-12 11:03:38
223
原创 vuex的求和案例和mapstate,mapmutations,mapgetters
main.jsApp.vuecount.vuestore/index.js当一部分的数据进行一些变化时,可以通过getters的属性来对一部分的数据进行变化通过计算属性来改变。mapMutations在methods方法下使用之后的整个代码main.js和App.vue时不变的index.jscount.vue即以index.js中的属性为公共汽车。来通过调用其中的属性来实现一个数据间的共享index.js(这个区域主要是添加了增加人员的方法,在mutatio
2023-10-11 15:36:49
231
原创 学习day59
昨天学了插槽,但是没有即笔记了今天的是vuex总体来说,vuex就是一个共享单车,每个人都可以使用他,也可也对他进行反馈。即把一个数据列为vuex,然后每个组件可以使用这个对象,也可也反过来反馈他这一个设计是将A组件的一个数据作为公共来共享求和案例,纯vue版APP.vueCount.vue这一个是当使用vuex来设计时。
2023-09-12 15:15:09
516
原创 学习day55
接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身。消息订阅与发布是一种组件间通信的方式,适用于任意组件间通信。,且每个元素都要指定。
2023-07-28 16:55:02
235
原创 学习day54
组件的自定义事件:1.一种组件间通信的方式,适用于:==子组件 > 父组件2.使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)3.绑定自定义事件:1.第一种方式,在父组件中: 或 ...mounted(){3.若想让自定义事件只能触发一次,可以使用once修饰符,或$once方法。
2023-07-27 11:25:57
285
原创 学习day52
1.关于这里是因为脚手架的规范原因,解决办法:我是在vue.comfig.js文件中加入了一条配置,即整个文件的完整代码是初次使用School.vueApp.vuemain.js。
2023-07-25 17:15:27
329
原创 学习day51
所以:VueComponent实例对象.__proto__ === VueComponent.prototype.__proto__ === vm.__proto__ === Vue.prototype。因此:VueComponent实例对象.___proto___=== VueComponent.prototype.__proto__有这个内置关系的原因是: 让VueComponent实例对象可以访问到Vue原型的属性和方法。因此:vm.__proto__ === Vue.prototype。
2023-07-23 16:46:19
158
原创 学习day50
一:定义语法:(1)局部指令:new Vue({directives{指令名,配置对象}})或new Vue({directives{指令名,回调函数}})(2)全局对象Vue.directives(指令名,配置对象)或Vue.directives(指令名,回调函数)二:配置对象中常用的三个回调(1)bind:指令与元素成功绑定时的调用(2)inserted:指令所在元素被插入页面时的调用(3)update:指令所在模板结构被重新解析时调用三:备注。
2023-07-22 17:07:36
97
原创 学习day49
Vue监视数据的原理:1.vue会监视data中的所有层次的数据2.如何监视对象中的数据通过setter实现监视,且要在new Vue是就传入要监视的数据(1)对象中后追加的属性,Vue默认不做响应式处理(2)如需给后添加的属性做响应式,请使用如下API:Vue.st(target,propertyName/index,value)或3.如何监测数组中的数据通过包裹数组更新元素的方法实现,本质就是做了两件事:(1)调用原生对象的方法对数组进行更新(2)重新解析模板,进而更新页面。
2023-07-21 16:55:00
67
原创 学习day49
2.所有不被Vue所管理的函数(定时器回调函数,ajax的回调函数,Promise的回调函数),最好写成箭头函数。key是虚拟DOM对象的标识,当数据发生改变时,Vue会根据【新数据】生成【新的虚拟DOM】2.若虚拟DOM中内容变了,则生成新的真实DOM,随后替换页面中之前的真实DOM。1.最好使用每条数据的唯一的标识作为key, 比如id, 手机号,身份证号,学号等。1.若虚拟DOM中的内容没变,直接使用之前的真实DOM。3.可遍历:数据,对象,字符串(用的少),指定次数(用的少)(key的内部园路)
2023-07-20 16:51:40
73
原创 学习day48
2.Vue未提供别名的按键,可以使用按键原始的key值去绑定,弹药注意转为kebab-case(短横线命名)4.methods中配置的函数,都是被Vue所管理的函数,this指向的是vm或组件实例对象。(1).配合keyup使用,按下修饰键的同时,再按下其他键,随后释放其他键,事件才被触发。(1)Vue自身可以监测对象内部值的改变,但Vue提供的watch默认不可以。(1).Vue中的watch默认不监测对象的内部值的改变(一层)3.系统修饰键(用法特殊):ctrl,alt,shift,meta。
2023-07-19 16:50:27
646
原创 学习day47
Vue现在开始学Vue了,问了同学,他说这个东西的内容很多。然后就跟着尚硅谷来学Vue了用的是visual studio code,所以又下了一个visual。首先时下载Vue,我再Vue3的官网是没有看到下载的,所以是跑到Vue2去下载的将它自动跳出的警告去掉。分别先是在默认浏览器的扩展中安装了一个vue.js devtools插件然后是在代码中将Vue.config.productionTip=false //阻止vue在启动时生成生产提示</script>写入。
2023-07-18 17:14:17
387
原创 学习day45
前面几天,都学了,但是没有记录,因为花了几天的时间在哪里弄ssm的整合。整合了几个页面,并且实现了一些基本的增删改查操作。然后现在是准备完成一个大的实战项目,选了好久啊,选项目差不多也花了我一天。最终还是确定选择这个黑马的苍穹外卖项目,主要是几乎没有一个纯ssm框架的项目,但是感觉这个项目又有点杂,主要是他是一个前后端分离的项目,而且还包含了一个微信小程序端的前端,所以这个项目就显得套庞大且多余了。我也没有信心能够在短期内学习完这个项目,因为之后还要学习vue,真的很苦恼啊!真的感觉每个项目都好麻烦啊。
2023-07-15 16:59:30
80
原创 学习day42
于是在实现代码的时候,就遇见了困难,我发现我自己创建的模板,哪个sqlsession地方就是一直报错。最后没办法,把这个代码直接移植到之前的模块里面,最后搞了搞,实现了一个查询功能。于是就是自己来操作,根据我自己的想法来设计一个后台管理系统。来实现数据的增删改查。前面也学了,但是在ssm整合的时候,我也是实在不知道该怎么来写这个笔记。今天本来是想着跟着视频,做一个ssm实战的。最近几天也确实没有学,去医院看头发了。明天继续完成这个东西。
2023-07-13 16:43:22
64
原创 学习day40
SpringMVC负责实现MVC的设计模式(就是客户端和服务端的交互)Mybatis负责持久层(服务端和数据库的交互)Spring则是负责管理SpringMVC和Mybatis。
2023-07-13 16:37:55
56
原创 学习day39
今天主要是把SpringMVC过了一下。虽然用了一天的时间,但是算是过的比较细。现在已经4点半了,剩下的时间把之前mybatis和spring能看多少算多少把。而且中间又一段卡bug,花了很多时间。
2023-07-06 16:17:33
54
原创 学习day34
MVC是一种软件架构的思想,将软件按照模型、视图、控制器来划分M:Model,模型层,指工程中的JavaBean,作用是处理数据JavaBean分为两类:一类称为实体类Bean:专门存储业务数据的,如 Student、User 等一类称为业务处理 Bean:指 Service 或 Dao 对象,专门用于处理业务逻辑和数据访问。V:View,视图层,指工程中的html或jsp等页面,作用是与用户进行交互,展示数据。
2023-06-30 16:24:21
52
原创 学习day33
今天是继续昨天的AOP,在学习最后AOP的几节课,自己的状态不好,学这段的时候迷迷糊糊的,而且也不知道应该做什么笔记。现在是把这一段的AOP完成了。但是不想再继续学习新的东西。因为本来这个spring学的就迷糊。所以还是想把这一段的东西多多看看。
2023-06-29 16:17:53
46
原创 学习day32
继续学习AOP接上一篇的笔记1.在切面中,需要通过指定的注解将方法标识为通知方法@Before:前置通知,在目标对象方法执行之前执行@After: 后置通知,在目标对象方法的finally字句中执行@AfterReturning:返回通知,在目标对象方法返回值之后执行@AfterThrowing:异常通知,在目标对象方法的catch字句中执行2.切入点表达式,设置在标识通知的注解的value属性中第一个*表示任意的访问修饰符和返回值类型第二个*表示类中任意的方法。
2023-06-28 16:18:02
42
原创 学习day30
context:exclude-filter:排除扫描type:设置排除扫描的方式 type=annotation/assignableannotation:根据注解类型进行排除,expression:需要设置排除的注解的全类名assignable:根据类的类型进行排除,expression:需要设置排除的类的全类名context:include-filter:包含扫描注意:需要在context-component-scan标签中设置use-default-filters=“false”
2023-06-21 14:03:47
55
原创 学习day27
开始学习spring听着概念,感觉头都大了。完全不能理解,可是这个又很重要,也只能硬着头皮看了ioc即控制反转时spring中的两大重要思想之一,在案例测试的时候出bug了,但是感觉这个bug出的奇怪,因为又相应的方法显示出来了,但是执行的时候又是报错了,说是class文件没好卧槽,还真是xml文件的配置又问题,我也没有找出来哪里又问题,把他的源码马上去,结果运行通过。
2023-06-15 16:24:35
46
原创 学习day26
正向工程:先创建Java实体类,由框架负责根据实体类生成数据库表。这一段的mybatis就这里了,然后具体不准备继续学spring了,重新把mybatis看一遍。index:当前页的起始索引,index=(pageNum-1)*pageSize。这个是通过一个配置文件,来对所需要创建的东西进行一个配置,然后就直接可以创建成功。主要就是配置了一个xml文件,即generatorConfig.xml。但是我的分页依赖导入不进去,不知道为什么,所有测试也不能实现。卧槽,这个东西简直逆天啊,前面都白学了啊。
2023-06-13 15:16:55
39
原创 学习day25
今天继续学习的mybatis本来今天应该要学的是MySQL的动态语句,但是这个地方在上一个课时是已经讲过的了所以这里我就不打算再看一遍视频了,把他的相应文件看一下想了想还是算了,把视频再看一遍把。
2023-06-11 16:21:43
51
原创 学习day24
下面提到了一个是获取主键,就是在数据插入后获取这个插入的数据的主键,主要用到了下面两种需要用到的功能。property:设置映射关系的属性的属性名,必须是处理的实体类类型中的属性名。2.当字段符合mysql的要求使用_时,而属性符合java的要求使用驼峰时。2.association:处理多对一的映射关系(处理实体类类型的属性)column:处理映射关系的字段名,必须是sql查询出来的某个字段。2.将添加的数据的自增主键作为实体类类型的参数的属性值。property:设置需要处理映射关系的属性的属性名。
2023-06-10 16:20:04
48
原创 学习day23
以上就是mybatis的获取参数的方法,应用很广的是第五种,@param注解,因为这个是一个可以无视很多限制的一种方式。因此,只需要通过#{}和${}访问map集合的键,就可以获取相应的值,一定要注意${}的单引号问题。只需要通过#{}和${}访问实体类中的属性名,就可以获取相应的属性值,一定要注意${}的单引号问题。只需要通过#{}和${}访问map集合的键,就可以获取相应的值,一定要注意${}的单引号问题。只需要通过#{}和${}访问map集合的键,就可以获取相应的值,一定要注意${}的单引号问题。
2023-06-09 15:41:19
56
原创 学习day22
mybatis获取参数的两种方式#{}和${} #{}的本质是占位符赋值,${}的本质是字符串拼接 1.若mapper接口的方法的参数为当的字面量类型 此时可以提高#{}和${}以任意的内热获取参数值,一定要注意${}的单引号问题。直接来展示的一段代码,可以更直接的显示utils的作用(这里的testupdate中有返回值,主要是因为在写mapper接口的时候,定义的是int,而在testdelete中,这里的是void,所以就没有返回值)这里提到了我上次的错误,就是那个mapper文件引入的问题。
2023-06-08 15:27:48
56
原创 学习day21
首先是mybatis-config.xml文件的配置,这个文件主要是用来连接数据的xml文件。他的支配如下,前四行是他的基本配置,但凡是作为一个xml文件,则需要配置这个。它将相关功能的sql语句封装到一个接口方法中,之后就直接继承接口,然后调用接口的具体的方法来实现一个sql语句。mapper接口要和映射文件一致 :1.mapper接口的全类名和映射文件的namespace一致 2。mapper接口中的方法要和映射文件的sql的id一致。这里的中间的配置核心文件,获取对象什么的,几乎固定好的流程。
2023-06-06 16:34:41
36
原创 学习day20
昨天就是典型的一个bug卡一天,昨天在做案例的时候,有一个bug出来的,导致一直出来不了想要的结果,我搞了很久,最后就是直接把黑马的代码直接copy上去了,才可以的。但是我现在猜测是web.xml的问题,当时觉得不是,所以就没有去动过这个文件,后来想一下,确实应该是这个文件。然后是开始学ssm了,在考虑尚硅谷和黑马,还是选择了尚硅谷,它的时长是黑马两倍,所以感觉要细很多。所以就直接开始上手了。今天六月六号,这个已经是六月三号的了,当天很不舒服,感觉是二阳,溜了。最开始是在数据库中创建我想要的数据表。
2023-06-06 13:22:20
46
原创 学习day18
后面是一个小案例,关于vue的,但是是搭建在上一个课时上面,所以这里我搞不了。所以下面就直接进入element中,但是这里还是要看的,毕竟老师都说了要把element学了。但是我打算是先不去做这个案例,准备的是先把以前学的东西再看一次,巩固一下,然后再跟着视频案例走一下,看看能不能把知识点的印象深一点。以上element的学习虽然是有代码,但是几乎都是基于element组件直接来开发,所以这个章节很多都是直接参照那个官网发布的功能。以上是把element的结束,但是还是要用一个案例来总结这个。
2023-05-31 15:49:51
40
原创 学习day17
这一个案例的话,视频是事先导入了,我在从它的资料中导入,他与我的一个项目重名了,我把名字改了后,仍然是错误的,我猜里面可能有细小的路径方面的问题,我的打算是搞完整个这个项目再去把这些扫一下。我照着视频的搞不了,和昨天的ajax一样,感觉是filter拦截了,因为我把ajax放到了filter的项目中去了,所以不知道是不是有影响,但是还是把代码粘贴一下把。所以这里的案例我就没有去带入代码了。
2023-05-28 14:25:54
348
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人