随笔分类 -  千峰商城项目

摘要:表单输入绑定,即双向绑定:就是能够将vue实例的data数据渲染到表单输入视图(input/textarea/select),也能够将输入视图中的数据同步更新到vue实例的data中。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit 阅读全文
posted @ 2022-07-09 17:33 临易 阅读(40) 评论(0) 推荐(0) 编辑
摘要:组合键 ctrl、alt、shift、meta(windows键) <input type="text" @keyup.ctrl.keyj="method4" /> //给键74起个别名 Vue.config.keyCodes.keyj = 74; <!DOCTYPE html> <html> <h 阅读全文
posted @ 2022-07-08 18:27 临易 阅读(28) 评论(0) 推荐(0) 编辑
摘要:按键修饰符就是针对键盘事件的修饰符。限定哪个按键会触发事件。 @keyup.enter:只有点击回车键的时候会触发。enter、tab、delete、esc、space、up、down、left、right. <!DOCTYPE html> <html> <head> <meta charset=" 阅读全文
posted @ 2022-07-08 18:22 临易 阅读(24) 评论(0) 推荐(0) 编辑
摘要:当使用v-on进行事件绑定的时候,可以添加特定后缀,设置事件触发的特性 <button type="submit" @click.prevent="事件函数">测试</button> .prevent:消除元素的默认操作 <!DOCTYPE html> <html> <head> <meta cha 阅读全文
posted @ 2022-07-08 18:05 临易 阅读(19) 评论(0) 推荐(0) 编辑
摘要:在使用vue进行数据渲染时,如果使用原生的js事件绑定(如onclick),如果需要获取vue实例中的数据并传参则需要通过拼接来完成。 vue提供了v-on指令用于绑定各种事件(v-on:click),简化了从vue中取值的过程,但是触发的方法需要定义在vue实例的methods中。 <!DOCTY 阅读全文
posted @ 2022-07-08 17:41 临易 阅读(32) 评论(0) 推荐(0) 编辑
摘要:将集合数据以表格、列表形式显示。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> <script type= 阅读全文
posted @ 2022-07-08 17:04 临易 阅读(35) 评论(0) 推荐(0) 编辑
摘要:在html标签可以添加v-if指令指定一个条件,如果条件成立则显示此HTML标签,如果不成立则不显示当前标签。 条件可以是一个表达式,也可以是一个具体的布尔类型值。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title 阅读全文
posted @ 2022-07-07 17:15 临易 阅读(46) 评论(0) 推荐(1) 编辑
摘要:1.复杂的style绑定: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js"></script> </head> <b 阅读全文
posted @ 2022-07-04 14:47 临易 阅读(38) 评论(0) 推荐(1) 编辑
摘要:我们可以使用mustache语法将vue中data数据绑定到HTML标签及标签的属性,如何将data中的值绑定到标签的class及style属性中呢? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <styl 阅读全文
posted @ 2022-07-04 14:04 临易 阅读(66) 评论(0) 推荐(1) 编辑
摘要:侦听器,就是data中属性的监听器,当data中的属性值发生变化就会触发侦听器函数的执行。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src= 阅读全文
posted @ 2022-07-03 17:44 临易 阅读(32) 评论(0) 推荐(1) 编辑
摘要:计算属性:data中的属性可以通过声明获得,也可以通过在computed中计算获得。 当计算属性所依赖的属性发生变化,会影响计算属性的值同时发生变化。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <scri 阅读全文
posted @ 2022-07-03 17:36 临易 阅读(30) 评论(0) 推荐(1) 编辑
摘要:每个使用vue进行渲染的网页文档都需要创建一个vue实例——ViewModel。 vue实例生命周期:vue实例从创建到销毁的过程。 创建vue实例(初始化dao,加载el) 数据挂载(将vue实例data中的数据渲染到网页HTML标签) 重新渲染(当vue的data数据发生变化,会重新渲染到HTM 阅读全文
posted @ 2022-07-03 17:19 临易 阅读(28) 评论(0) 推荐(1) 编辑
摘要:基本结构: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js"></script> </head> <body> <div id="container"> {{c 阅读全文
posted @ 2022-06-29 15:37 临易 阅读(47) 评论(0) 推荐(1) 编辑
摘要:1.vue的引入 离线引用:下载vue的js文件(地址:https://cdn.jsdelivr.net/npm/vue/dist/vue.js),添加到前端项目, 在网页中通过script标签引用vue.js文件。 <script src="js/vue.js"></script> CDN引用: 阅读全文
posted @ 2022-06-28 14:18 临易 阅读(56) 评论(0) 推荐(0) 编辑
摘要:1.使用jQuery的复杂性问题 使用jQuery进行前后端分离开发,既可以实现前后端交互(ajax),又可以完成数据渲染。 存在的问题:jQuery需要通过HTML标签拼接,dom节点操作完成数据的显示,开发效率低且容易出错,且渲染效率较低。 2.vue是继jQuery之后的又一优秀的前端框架。专 阅读全文
posted @ 2022-06-26 22:23 临易 阅读(92) 评论(0) 推荐(1) 编辑
摘要:1.在fmmall项目的mapper子工程的pom中添加依赖: <!--tkMapper--> <dependency> <groupId>tk.mybatis</groupId> <artifactId>mapper-spring-boot-starter</artifactId> <versio 阅读全文
posted @ 2022-06-24 02:36 临易 阅读(50) 评论(0) 推荐(0) 编辑
摘要:逆向工程:根据创建好的数据表,生成实体类,dao,映射文件。 1.添加逆向工程依赖 此依赖是一个mybatis的maven插件。 <plugin> <groupId>org.mybatis.generator</groupId> <artifactId>mybatis-generator-maven 阅读全文
posted @ 2022-06-23 01:35 临易 阅读(63) 评论(0) 推荐(0) 编辑
摘要:1.添加实体类Orders.java package com.qfedu.tkmapperdemo.beans; import lombok.Data; @Datapublic class Orders { private String orderId; private Integer userId 阅读全文
posted @ 2022-06-23 00:04 临易 阅读(57) 评论(0) 推荐(0) 编辑
摘要:SpringBoot单元测试失败,报错Invalid test class 'com.qfedu.tkmapperdemo.dao.UserDAOTest' 错误代码: org.junit.runners.model.InvalidTestClassError: Invalid test class 阅读全文
posted @ 2022-06-22 15:26 临易 阅读(309) 评论(0) 推荐(0) 编辑
摘要:1.bean中新建一个实体类Category.java: Category.java: @Data @NoArgsConstructor @AllArgsConstructor public class Category{ private int categoryId; private String 阅读全文
posted @ 2022-05-07 02:33 临易 阅读(149) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示