console.log('点个关注再走吧🍺'|

Tod4

园龄:2年11个月粉丝:21关注:0

随笔分类 -  Vue

【SSM项目】尚筹网(五)项目改写:使用前后端分离的SpringSecurityJWT认证
摘要:在项目中加入SpringSecurity 1 加入依赖 <!-- SpringSecurity --> <dependency> <groupId>org.springframework.security</groupId> <artifactId>spring-security-config</a
159
0
0
【SSM项目】尚筹网(四)JWT以及基于拦截器的前后端分离登录验证
摘要:引入JWT前后端交互 JsonWebToken(JWT),是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准。JWT就是一段字符串,分为三段【头部、载荷、签证】。 1 后端配置 1.1 引入依赖 <!-- JWT --> <dependency> <groupId>io.jsonweb
258
0
0
【Vue项目 + 自写java后端】尚品汇(七)后台项目 ElementUI 表单验证 + 三级联动
摘要:ElementUI 表单验证 1 标准验证规则 Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可。 <el-form :rules="rules" :model="tmForm"> <el-for
526
0
1
【Vue项目】尚品汇(六)ShopCar组件开发 购物车模块
摘要:4 购物车 4.1 购物车商品数量控制 Detail\index.vue <div class="cartWrap"> <div class="controls"> <input v-model="skuNum" @change="changeSkuNum" autocomplete="off" c
231
0
0
【Vue项目】尚品汇(五)Detail组件开发 实现轮播图和放大镜效果
摘要:1 基本准备工作 1.1 组件路由及数据准备 编写请求接口 api/index.js export const reqGetDetailInfo = (skuId ={}) => { return requests(({ url:`/item/${skuId}`, method: 'get' }))
366
0
0
【Vue项目】尚品汇(四)Search组件开发
摘要:Search模块开发 分析:1)编写静态页面 2)编写api 3)编写vuex三大件 4)组件获取仓库数据,并进行动态展示 1 SearchSelector 1 编写api export const reqGetSearchInfo = (params={}) => { return request
107
0
0
【前端基础】(二)promise异步编排
摘要:☆promise异步编排 javascript众所周知只能支持单线程,因此各种网络请求必须异步发送,导致可能会出现很多问题,比如如下我们有三个文件,现在要求进行如下请求: ① 查出当前用户信息 ② 根据当前查出的用户id查出他的课程 ③ 根据查出的课程id查出这门课的成绩 user.json { "
94
0
0
【谷粒商城】(二)SpringCloudAlibaba分布式组件
摘要:微服务 分布式组件 注册中心:每一个微服务上线都应该注册到注册中心。这样做的好处在于方便微服务之间的相互调用,比如订单服务想要调用商品服务,就可以通过注册中心查看有哪几台主机的商品服务进行了注册,然后进行挑选。 配置中心:比如商品服务在10台机器上,一旦修改配置则需要每个进行修改十分麻烦,这时候可以
210
0
0
【前端基础】(一)Es6新特性
摘要:1 Es6 全称为ECMAScript是浏览器脚本语言的规范,而各种我们熟知的js语言则是规范的具体体现。 1.1 Es6新特性 ① let与var 作用域 <script> { var a = 1; let b = 2; } console.log(a) console.log(b) // b i
347
0
0
【Vue项目】尚品汇(三)Home模块+Floor模块+Swiper轮播图
摘要:写在前面 今天是7.23,这一篇内容主要完成了Home模块和部分Search模块的开发,主要是使用了swiper轮播图插件获取vuex仓库数据展示组件以及其他信息。 1 Search模块 1.1 Search模块的全部商品分类的显示 需求分析 :在home模块中,需要显示商品分类的三级联动全局组件,
292
0
0
【Vue项目】商品汇前台(二)进度条插件+Vuex模块化仓库+函数的防抖与节流+路由传参
摘要:前言 1 nprogress进度条的使用 当请求发出进度条出现并向前走,请求成功后进度条消失。nprogress是一种进度条插件 1.1 nprogress进度条插件安装 npm i --save nprogress 随后可以在package.json中查看到安装的nprogress插件。 1.2
320
0
0
【Vue项目】商品汇前台(一)组件拆分+请求封装
摘要:写在最前面 之前学完vue基础之后,一直想做一下前端的项目,但是自己写了一点前后端分离的项目发现自己前端写的是真的乱,所以趁着假期的空闲做一下尚硅谷商品汇的前后台项目,争取这周写完前台,然后这个月再写一下后台的前端和java后端,月底之前学习SpringBoot、下个月学完分布式的内容后再写前台的j
211
0
0
【Vue】前端解决跨域问题
摘要:Vue解决跨域问题 什么是跨域:违背了同源策略,即协议名、主机名、端口号必须一致。浏览器与服务器之间存在跨域问题,而服务器与服务器之间由于通过Http通信是不存在跨域问题的。 如图所示,浏览器端口号8080与服务器5000不一致导致跨域问题,需要注意的是跨域问题并不是没有发送响应请求,而是在服务器响
1677
0
0
【Vue】Vuex
摘要:Vuex简介 概念: 专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中管理(读、写),也是一种适用于任意组件间的通信方式。 什么时候用Vuex ①多个组件依赖于同一状态 ②来自不同组件的行为需要变更为同一状态 Vuex工作原理 组件在不需要ajax请
25
0
0
【Vue】三
摘要:Vue组件 非单文件组件 一个文件包含多个组件 单文件组件 一个文件只包含一个组件,vue文件初始化:vueInit <template lang=""> <div> </div> </template> <script> export default { } </script> <style la
37
0
0
【Vue】二
摘要:一个第三方js处理类库 BootCDN Vue过滤器 Date.now() 获取时间戳 Date.now() 1652411231222 计算属性实现 <body> <div id="root"> <h2>现在是:{{fmtTime}}</h2> </div> </body> <script> Vu
35
0
0
【Vue】一
摘要:Vue简介 el和data的两种写法 const v = new Vue({ el: '#root', data: { name: '123' } }) 动态指定el容器 console.log(v) setTimeout(()=>{ v.$mount('#root') },1000) 函数式返回d
36
0
0
   
点击右上角即可分享
微信分享提示
深色
回顶
收起