07 2022 档案

摘要:1.创建新的springboot项目 2.导入依赖 删除多余文件 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-quartz</artifactId> </depend 阅读全文
posted @ 2022-07-31 19:02 临易 阅读(158) 评论(0) 推荐(0) 编辑
摘要:1.引入依赖 <!-- https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-websocket --> <dependency> <groupId>org.springframework.bo 阅读全文
posted @ 2022-07-31 18:12 临易 阅读(175) 评论(0) 推荐(0) 编辑
摘要:一、流程分析 二、接口实现 OrderService: public interface OrderService { public Map<String,String> addOrder(String cids, Orders order) throws SQLException; public 阅读全文
posted @ 2022-07-31 16:21 临易 阅读(91) 评论(0) 推荐(0) 编辑
摘要:支付回调:当用户支付成功之后,支付平台会向我们指定的服务器接口发送请求传递订单支付状态数据。 1.创建一个控制器定义回调接口 PayController : @RestController @RequestMapping("/pay") public class PayController { // 阅读全文
posted @ 2022-07-31 14:05 临易 阅读(341) 评论(0) 推荐(0) 编辑
摘要:1.导入两个jar包 2.代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div style="width: 220px; height: 220px; backgrou 阅读全文
posted @ 2022-07-31 12:04 临易 阅读(82) 评论(0) 推荐(0) 编辑
摘要:通过微信平台为商家提供代收款服务。 1.微信支付业务-商家注册微信支付业务 2.申请支付订单-商户向支付平台申请支付链接 支付订单并不是用户提交的商品订单,而是商户向微信支付平台申请的支付链接。 (1)导入微信支付的依赖 wxpay的maven依赖: <!-- https://mvnreposito 阅读全文
posted @ 2022-07-30 14:56 临易 阅读(99) 评论(0) 推荐(0) 编辑
摘要:一、流程分析(基础版本): 二、数据库实现 1.数据库操作: 根据收货地址ID,获取收货地址信息(tkMapper) 根据购物车ID,查询购物车详情(需要关联查询商品名称、sku名称、库存、商品图片、商品价格)——>获取生成商品快照的参数 保存订单(tkMapper) 修改库存(tkMapper) 阅读全文
posted @ 2022-07-30 11:50 临易 阅读(137) 评论(0) 推荐(0) 编辑
摘要:一、购物车记录列表接口: 根据一个ID的集合,查询购物车记录,实现方式有两种: 1.动态SQL <select id="searchShoppingCartById" resultMap="ShopCartMap"> SELECT * FROM shopping_cart WHERE cart_id 阅读全文
posted @ 2022-07-27 10:19 临易 阅读(99) 评论(0) 推荐(0) 编辑
摘要:在购物车列表中选择对应的商品后,点击提交生成订单的过程。 一、流程分析: 二、接口实现 1.收货地址列表接口 此操作的数据库实现可以通过tkMapper通用方法完成。 service接口: UserAddrService : public interface UserAddrService { pu 阅读全文
posted @ 2022-07-25 21:12 临易 阅读(83) 评论(0) 推荐(0) 编辑
摘要:1.接口: ShoppingCartMapper : @Repository public interface ShoppingCartMapper extends GeneralDAO<ShoppingCart> { public List<ShoppingCartVO> selectShopca 阅读全文
posted @ 2022-07-24 11:18 临易 阅读(58) 评论(0) 推荐(0) 编辑
摘要:1.sql: #根据用户id查询当前用户的购物车信息 SELECT c.*,p.product_name,i.url,s.original_price,s.sell_price FROM shopping_cart c INNER JOIN product p INNER JOIN product_ 阅读全文
posted @ 2022-07-24 10:46 临易 阅读(75) 评论(0) 推荐(0) 编辑
摘要:一、业务层实现: ShoppingCartService : public interface ShoppingCartService { public ResultVO addShoppingCart(ShoppingCart cart); public ResultVO listShopping 阅读全文
posted @ 2022-07-23 16:22 临易 阅读(56) 评论(0) 推荐(0) 编辑
摘要:一、流程分析 二、数据库实现 SQL: #根据用户id查询当前用户的购物车信息 SELECT c.*,p.product_name,i.url FROM shopping_cart c INNER JOIN product p INNER JOIN product_img i ON c.produc 阅读全文
posted @ 2022-07-23 15:57 临易 阅读(79) 评论(0) 推荐(0) 编辑
摘要:1.增加状态码信息 ResStatus: public class ResStatus { public static final int OK=10000; public static final int NO=10001; public static final int LOGIN_SUCCES 阅读全文
posted @ 2022-07-23 12:27 临易 阅读(110) 评论(0) 推荐(0) 编辑
摘要:一、流程分析 二、接口实现(实现添加购物车记录接口) 1.修改购物车数据表结构 2.数据表修改完成之后,对此表重新进行逆向工程。 3.数据库实现 单表添加操作可以直接使用tkMapper完成。 三、业务层实现 ShoppingCartService : public interface Shoppi 阅读全文
posted @ 2022-07-22 14:57 临易 阅读(71) 评论(0) 推荐(0) 编辑
摘要:评价统计接口实现: 1.数据库实现 统计当前商品的总记录数 统计当前商品的好评、中评、差评 2.业务层实现 ProductCommentsService : public interface ProductCommentsService { //根据商品id实现评论的分页查询 //productId 阅读全文
posted @ 2022-07-22 13:40 临易 阅读(112) 评论(0) 推荐(0) 编辑
摘要:一、流程分析 二、接口开发:改造商品评论列表接口(分页查询) 1.定义PageHelper: @Data @NoArgsConstructor @AllArgsConstructor public class PageHelper<T> { //总记录数 private int count; //总 阅读全文
posted @ 2022-07-21 22:12 临易 阅读(78) 评论(0) 推荐(0) 编辑
摘要:一、业务层实现 1.创建接口定义方法: productCommentsService : public interface productCommentsService { public ResultVO listCommentsByProductId(String productId); } 2. 阅读全文
posted @ 2022-07-21 20:08 临易 阅读(49) 评论(0) 推荐(0) 编辑
摘要:一、数据库实现 1.数据表分析及数据准备 2.SQL(关联用户和评论信息) #查询商品的评价信息,关联查询评价用户的信息 SELECT c.*,u.nickname,u.user_img,u.username FROM product_comments c INNER JOIN users u ON 阅读全文
posted @ 2022-07-21 19:50 临易 阅读(72) 评论(0) 推荐(0) 编辑
摘要:根据商品id查询商品参数信息。 数据库操作直接使用tkMapper的默认方法实现。 业务层实现: ProductService : public interface ProductService { public ResultVO listRecommendProducts(); public Re 阅读全文
posted @ 2022-07-21 11:56 临易 阅读(92) 评论(0) 推荐(0) 编辑
摘要:情景: 原代码: <div class="cart-title">口味</div> <ul> <li class="sku-line selected">原味<i></i></li> <li class="sku-line">奶油<i></i></li> <li class="sku-line">炭 阅读全文
posted @ 2022-07-20 20:25 临易 阅读(229) 评论(0) 推荐(0) 编辑
摘要:1.a.html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="b.html?pid=101">跳转到b页面</a> </body> </html> b.ht 阅读全文
posted @ 2022-07-20 17:07 临易 阅读(47) 评论(0) 推荐(0) 编辑
摘要:点击首页推荐的商品、轮播图商品广告、商品列表页面点击商品,就会进入到商品的详情页面。 一、流程分析 点击推荐商品 ———商品ID———> 商品详情 ————商品ID————> 商品详情 <———商品详情———— 接口 轮播图广告 ————商品ID———> ————商品ID————> 商品详情 <—— 阅读全文
posted @ 2022-07-20 16:38 临易 阅读(104) 评论(0) 推荐(0) 编辑
摘要:1.业务层实现: CategoryService : public interface CategoryService { public ResultVO listCategories(); public ResultVO listFirstLevelCategories(); } Category 阅读全文
posted @ 2022-07-19 17:25 临易 阅读(57) 评论(0) 推荐(0) 编辑
摘要:按照商品的分类(一级分类)推销销量最高的6个商品。 一、流程分析 加载分类商品推荐有两种实现方案: 方案一:当加载首页时不加载分类的推荐商品,监听进度条滚动事件,当进度条触底(滚动指定的距离),就触发分类推荐商品的加载,每次只加载一个分类的商品。 方案二:一次性加载所有分类的推荐商品,整体进行初始化 阅读全文
posted @ 2022-07-19 17:14 临易 阅读(70) 评论(0) 推荐(0) 编辑
摘要:1.流程分析 首页 ——————ajax——————> 首页商品推荐 index.html <——销量最高的三个商品—— 接口 推荐规则:1.根据当前用户的最近搜索进行推荐 2.查询销量最高的商品进行推荐 3.根据平台管理员设置的需要推荐的商品 4.查询最新上架的商品进行推荐 2.数据库实现 商品推 阅读全文
posted @ 2022-07-19 12:15 临易 阅读(112) 评论(0) 推荐(0) 编辑
摘要:1.业务层实现: CategoryServic接口: public interface CategoryService { public ResultVO listCategories(); } CategoryServicImpl实现类: @Service public class Categor 阅读全文
posted @ 2022-07-18 15:46 临易 阅读(39) 评论(0) 推荐(0) 编辑
摘要:一、首页-分类列表 实现流程分析: 1.方案一:一次查询三级分类 优点:只需要一次查询,根据一级分类显示二级分类时响应速度较快。 缺点:数据库查询效率较低,页面首次加载的速度也相对较慢。 2.方案二:先只查询一级分类,用户点击/鼠标移动到一级分类,动态加载二级分类。 优点:数据库查询效率提高,页面首 阅读全文
posted @ 2022-07-18 15:33 临易 阅读(198) 评论(0) 推荐(0) 编辑
摘要:1.报错信息 七月 18, 2022 2:51:48 下午 org.junit.platform.launcher.core.DefaultLauncher handleThrowable 警告: TestEngine with ID 'junit-jupiter' failed to discov 阅读全文
posted @ 2022-07-18 14:55 临易 阅读(2516) 评论(0) 推荐(0) 编辑
摘要:1.具体报错信息: Caused by: org.apache.ibatis.builder.BuilderException: Ambiguous collection type for property 'categories'. You must specify 'javaType' or ' 阅读全文
posted @ 2022-07-18 14:51 临易 阅读(600) 评论(0) 推荐(0) 编辑
摘要:当进入到index.html,在进行页面初始化之后,就需要请求轮播图数据进行轮播图的显示。 <script type="text/javascript"> var baseUrl="http://localhost:8080/"; var vm = new Vue({ el:"#container" 阅读全文
posted @ 2022-07-18 11:29 临易 阅读(170) 评论(0) 推荐(0) 编辑
摘要:业务层实现: 1.IndexImgService接口: public interface IndexImgService { public ResultVO listIndexImgs(); } 2.IndexImgServiceImpl实现类: @Service public class Inde 阅读全文
posted @ 2022-07-14 22:18 临易 阅读(181) 评论(0) 推荐(0) 编辑
摘要:数据库操作实现: 1.分析数据表结构 查询status=1且按照seq进行排序 2.添加测试数据 3.编写sql语句 SELECT img_id,img_url,img_bg_color,prod_id,category_id,index_type,seq,STATUS,create_time,up 阅读全文
posted @ 2022-07-14 20:10 临易 阅读(83) 评论(0) 推荐(0) 编辑
摘要:前端但凡访问受限资源,都必须携带token发送请求。token可以通过请求行(params)、请求头(header)以及请求体(data)传递,但是习惯性使用header传递。 1.axios通过请求头传值 axios({ method:"get", url:baseUrl+"shopcart/li 阅读全文
posted @ 2022-07-14 11:42 临易 阅读(460) 评论(0) 推荐(0) 编辑
摘要:后台报错:Signed Claims JWSs are not supported. io.jsonwebtoken.UnsupportedJwtException: Signed Claims JWSs are not supported. at io.jsonwebtoken.JwtHandle 阅读全文
posted @ 2022-07-13 19:11 临易 阅读(771) 评论(0) 推荐(0) 编辑
摘要:1.创建拦截器 @Component public class CheckTokenInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest request, H 阅读全文
posted @ 2022-07-13 18:53 临易 阅读(54) 评论(0) 推荐(0) 编辑
摘要:如果按照上述规则生成token: 1.简易的token生成规则安全性较差,如果要生成安全性很高的token对加密算法较高。 2.无法完成时效性的校验(登录过期)。 JWT:Json Web Token,是一个专门用于生成令牌的一种算法。 官网:https://jwt.io/ 生成JWT: 1.添加依 阅读全文
posted @ 2022-07-13 15:55 临易 阅读(48) 评论(0) 推荐(0) 编辑
摘要:在单体项目中如何实现用户认证? 在单体项目中如何保证受限资源在用户未登录的情况下不允许访问? 在单体项目中,视图资源(页面)和接口(控制器)都在同一台服务器。用户的多次请求都是基于同一个会话(session),因此可以借助session来进行用户认证判断。 1.当用户登录成功之后,将用户信息存放到s 阅读全文
posted @ 2022-07-13 15:05 临易 阅读(109) 评论(0) 推荐(0) 编辑
摘要:1.方法一:可以通过 /url/:attr 方式实现通过路由传值给组件。($route和组件耦合度过高) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascrip 阅读全文
posted @ 2022-07-12 17:45 临易 阅读(34) 评论(0) 推荐(0) 编辑
摘要:重定向:访问/b,重定向到/a。 1.方法一:redirect 根据路由路径重定向 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/ 阅读全文
posted @ 2022-07-12 17:32 临易 阅读(32) 评论(0) 推荐(0) 编辑
摘要:命名视图:如果在界面中有一个以上的路由视图,那么需要给router-view指定name,在路由中不能使用component,而需要使用components映射多个组件。根据name来设置组件与router-view的绑定关系。 <!DOCTYPE html> <html> <head> <meta 阅读全文
posted @ 2022-07-12 17:19 临易 阅读(29) 评论(0) 推荐(0) 编辑
摘要:命名路由:在定义路由的时候可以给路由指定name,我们在进行路由导航时可以通过路由的名字导航。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" sr 阅读全文
posted @ 2022-07-12 16:57 临易 阅读(33) 评论(0) 推荐(0) 编辑
摘要:js代码实现路由跳转:编程式导航。1.push() (字符串做参数) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" 阅读全文
posted @ 2022-07-12 15:42 临易 阅读(33) 评论(0) 推荐(0) 编辑
摘要:嵌套路由:当我们点击一个链接,就会显示一个组件。在一级路由的组件中显示二级路由就是嵌套路由。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src 阅读全文
posted @ 2022-07-12 12:06 临易 阅读(39) 评论(0) 推荐(0) 编辑
摘要:1.通配符(*):*可以匹配任意路径 例如: {path:"/*",component:t5}, //表示匹配所有路径 {path:"/user-*",component:t5}, //表示匹配所有以user开头的路径 const myrouter = new VueRouter({ routes: 阅读全文
posted @ 2022-07-12 11:46 临易 阅读(187) 评论(0) 推荐(0) 编辑
摘要:路由router:是由vue官方提供的用于实现组件跳转的插件。基于vue。 1.路由插件的引用。 离线引用: 下载js文件:v4.x: https://unpkg.com/vue-router@4.1.2/dist/vue-router.global.js v3.x: https://unpkg.c 阅读全文
posted @ 2022-07-12 11:22 临易 阅读(77) 评论(0) 推荐(0) 编辑
摘要:axios回调函数的参数res:回调函数的res并不是接口返回的数据,而是表示一个响应对象。res.data才表示接口响应的数据。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="t 阅读全文
posted @ 2022-07-12 10:30 临易 阅读(53) 评论(0) 推荐(0) 编辑
摘要:执行多个并发请求: axios.get(url1).then(function(res1){ //处理结果1 }); axios.get(url2).then(function(res2){ //处理结果2,不可写这里,可能因为网络影响,1还未执行完 }); //处理结果(需要等待两个请求都返回数据 阅读全文
posted @ 2022-07-12 09:59 临易 阅读(35) 评论(0) 推荐(0) 编辑
摘要:axios提供了多种异步请求方法,实现对RESTful风格的支持。 1.get请求 axios.get(url).then(function); axios.get(url,{}).thrn(function); //使用axios的get请求传递参数,需要将参数设置在params下axios.ge 阅读全文
posted @ 2022-07-11 18:43 临易 阅读(59) 评论(0) 推荐(0) 编辑
摘要:1.axios:vue可以实现数据的渲染,但是如何获取数据? vue本身不具备通信能力,通常结合axios——一个专注于异步通信的js框架来使用。 axios负责数据通信,vue负责数据渲染。 2.axios入门使用: 原生ajax:实现步骤复杂。 jQuery:笨重。 axios:专注于异步通信。 阅读全文
posted @ 2022-07-11 18:22 临易 阅读(76) 评论(0) 推荐(0) 编辑
摘要:1.组件定义: 定义组件时,将组件中的数据绑定到slot标签。 Vue.component("page-frame",{ template:`<div> <div id="header" style="width:100%; height:100px; background:pink"> <slot 阅读全文
posted @ 2022-07-11 17:39 临易 阅读(24) 评论(0) 推荐(0) 编辑
摘要:具名插槽:当组件中的插槽数量大于1时,我们需要给组件中的slot标签添加name属性指定插槽的名字。 1.定义组件 Vue.component("page-frame",{ template:`<div> <div id="header" style="width:100%; height:100p 阅读全文
posted @ 2022-07-11 16:51 临易 阅读(24) 评论(0) 推荐(0) 编辑
摘要:当我们自定义vue组件时,允许组件中的部分内容在调用组件时进行自定义。————插槽。 1.js中定义插槽: 在自定义组件中通过<slot>标签在模板中定义插槽。 //定义一个header-bar组件 Vue.component("header-bar",{ data:function(){ //组件 阅读全文
posted @ 2022-07-11 15:55 临易 阅读(44) 评论(0) 推荐(0) 编辑
摘要:子传父:通过子组件的按钮调用父组件的函数,通过函数传值。 //定义一个header-bar组件 Vue.component("header-bar",{ data:function(){ //组件中的data是通过函数返回的对象 return{ //title:"java2022电商平台" str2 阅读全文
posted @ 2022-07-11 15:31 临易 阅读(28) 评论(0) 推荐(0) 编辑
摘要:父传子:父组件在调用子组件的时候向子组件传递数据。 vue实例本身就是一个组件。(模板就是el指定的容器div,data就是组件数据,methods就是组件的事件函数)在vue实例指定的el容器中引用的组件<header-bar>称为子组件,当前Vue实例就是父组件。 <!DOCTYPE html> 阅读全文
posted @ 2022-07-11 15:20 临易 阅读(34) 评论(0) 推荐(0) 编辑
摘要:1.自定义组件的结构: data:定义组件的模板渲染的数据。 template:组件的HTML模块(HTML标签\css) methods:定义组件中的标签事件绑定的js函数 //定义一个header-bar组件 Vue.component("header-bar",{ data:function( 阅读全文
posted @ 2022-07-11 12:36 临易 阅读(31) 评论(0) 推荐(0) 编辑
摘要:组件,就是将通用的HTML模块进行封装————可复用。 1.组件注册:将通用的HTML模块注册到vue中。 2.组件引用:定义组件需要依赖vue.js,在引用自定义组件的js文件之前需要先引用vue.js。 组件的引用必须在vue实例el指定的容器中。 在js包中新建一个js文件。 将header- 阅读全文
posted @ 2022-07-11 11:23 临易 阅读(30) 评论(0) 推荐(0) 编辑
摘要:很多同学没有这个播放器文件,可以加我QQ1226371240,记得备注播放器~ 找到music-1.0.0.jar所在的文件夹,在地址栏直接输入cmd,回车。 在cmd中输入: "java -jar music-1.0.0.jar",回车,启动项目。 在浏览器地址栏输入:"http://localh 阅读全文
posted @ 2022-07-10 11:59 临易 阅读(115) 评论(1) 推荐(1) 编辑
摘要:表单输入绑定,即双向绑定:就是能够将vue实例的data数据渲染到表单输入视图(input/textarea/select),也能够将输入视图中的数据同步更新到vue实例的data中。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit 阅读全文
posted @ 2022-07-09 17:33 临易 阅读(39) 评论(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 临易 阅读(31) 评论(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 临易 阅读(34) 评论(0) 推荐(0) 编辑
摘要:在html标签可以添加v-if指令指定一个条件,如果条件成立则显示此HTML标签,如果不成立则不显示当前标签。 条件可以是一个表达式,也可以是一个具体的布尔类型值。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title 阅读全文
posted @ 2022-07-07 17:15 临易 阅读(45) 评论(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 临易 阅读(37) 评论(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 临易 阅读(65) 评论(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) 编辑

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