![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
小金金金金鱼
博文都是个人学习笔记(主要是B站霹雳吧啦Wz大佬视频课的),可能有错别字啥的……看到了就会改的。好多笔记时间久了我也忘了哪个地方怎么弄了(还是学的不扎实,我是金鱼,记忆只有三秒钟qaq)。学目标检测不要照着我的路线,我走遍了所有弯路……
展开
-
SpringBoot+Vue 11--验证码
1、在component文件夹里加ValidCode.vue2、在Login.vue里面1、引入2、添加表单项、方法这个提交的方法叫input所以这个也叫input(一一对应的),通过createValidCode方法去接收生成的验证码flex:让输入框和验证码并排显示页面刷新时组件提交上来的验证码:3、修改login方法:...原创 2022-04-27 12:53:52 · 698 阅读 · 0 评论 -
SpringBoot+Vue 10--数据权限控制
基本准备根据用户身份控制内容显示管理员可以对书籍进行增删改查,但是用户不能原创 2022-04-26 22:31:43 · 776 阅读 · 0 评论 -
SpringBoot+Vue 09--wangEditor富文本编辑器
一般应用于新闻、博客wangEditor官网https://www.wangeditor.com/引入依赖cnpm i wangeditor --save数据库创建新表创建对应的文件复制粘贴改一改News.javaNewsMapper.javaNewsController.javaNews.vue把下面的接口也改了路由Aside.vue运行把wangEditor引入界面让editor成为全局变量,有些功能就能用了,否则有些功能可能获取不到edit原创 2022-04-26 13:12:47 · 2179 阅读 · 1 评论 -
SpringBoot+Vue 10--Element Plus icon图标
1npm install @element-plus/icons2在script代码中先 import {Search,Edit} from ‘@element-plus/icons-vue’;再 componets{}里面注册一下组件,即把要用的图标名字写一遍(大括号里的是图标组件名称,这个不是自定义的,是element plus系统固定的名称)34...原创 2022-04-25 10:11:01 · 1249 阅读 · 0 评论 -
SpringBoot+Vue 08--文件上传与下载
element+上面有模板可以把文件上传到服务器,但是服务器的接口需要自己写接口存储的文件夹输入输出流(开源工具类)上次用过的Hutool工具类出现无法import Hutool的问题,重启一遍idea即可。参考:https://blog.csdn.net/weixin_39208819/article/details/82320818...原创 2022-04-24 22:50:50 · 788 阅读 · 0 评论 -
SpringBoot+Vue 07--菜单路由+新界面开发
新界面1 Book(路由)和Person辅助路由跳转个人信息界面Person.vueBook.vue菜单实现路由跳转高亮index ↑ 里面是路由里面的path ↓把HomeView.vue改名叫User.vue路由也改改Book与User页面之间进行切换页面拦截不登录无法进入其他界面对所有请求进行拦截,在发送请求前进入拦截:新界面2 Book其他对Book.vue进行操作,可以直接把User.vueUser改为Book,Ctrl+R 把/user逐原创 2022-04-23 19:27:41 · 2027 阅读 · 0 评论 -
SpringBoot+Vue 06--登录注册
登录原创 2022-04-22 21:58:35 · 1866 阅读 · 2 评论 -
SpringBoot+Vue 05--路由
优化侧边栏视图路由(通过index)高亮显示路由:切换页面:原创 2022-04-22 09:47:12 · 956 阅读 · 0 评论 -
SpringBoot+Vue 04--SpringBoot增删改查
建立Sringboot项目进入网站https://start.spring.io/把原来自带的src、pom.xml文件换成刚刚在官网上下载的压缩包里面的src和pom.xml更改项目结构此时启动Vue项目,结果OK说明这个文件夹布局没有问题。建立数据库主键自增在application.properties中配置启动端口因为前端启动端口是8080,后端默认端口也是8080.把后端改成9090.server.port=9090spring.datasou原创 2022-04-21 16:42:26 · 930 阅读 · 0 评论 -
SpringBoot+Vue 03--项目搭建
清空页面,删掉没有用的东西Header头部App.vue去掉边框:书写默认样式main.js侧边栏Aside新建Aside.vue写个div,写入element+里面的代码<el-menu default-active="2" class="el-menu-vertical-demo" > <el-sub-menu index="1"> <template #t原创 2022-04-19 08:58:13 · 473 阅读 · 0 评论 -
SpringBoot+Vue 02--idea环境配置+结构介绍
idea配置点击启动后自动打开网页结果在自动打开的网页中出现了“网页无法访问”的问题。能自动打开网页就说明open起作用了解决方法:修改serve.js文件中的地址src结构:路由:通过路径访问页面安装vue.js插件安装element组件npm install element-plus --save...原创 2022-04-18 10:08:48 · 842 阅读 · 0 评论 -
SpringBoot+Vue 01--前台项目搭建
node.jsnpm@vue/cli创建项目原创 2022-04-18 09:09:28 · 770 阅读 · 0 评论 -
Vue学习记录10--顶栏
header组件搭建因为index.less文件里面已经引入了其他的less文件,所以在main.js文件中只需引入index.less文件即可启动项目,可以发现一些字体大小发生了变化。header组件样式在Main.vue中引入面包屑导航:下拉菜单组件(dropdown)引入用户头像为图片添加下拉菜单...原创 2022-04-17 19:35:46 · 96 阅读 · 0 评论 -
Vue学习记录09--侧边栏
因为所有的界面都要用到,所以可以用components文件夹放公共组件<template> <el-menu default-active="1-4-1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :collapse="isCollapse"> <el-submenu index="1"> <template slot原创 2022-04-13 10:59:27 · 2374 阅读 · 0 评论 -
Vue学习记录08--Container 布局
这个下载less: cnpm i less下载less解析器:cnpm i less-loader@6.0.0可在package.json中看到:局部引入去掉一些乱七八糟的:原创 2022-04-12 16:36:12 · 702 阅读 · 0 评论 -
Vue学习记录07--vue路由的使用
引入vue路由: cnpm install vue-router@3.1.3 --save-dev不要引入版本太高的路由!!!否则会出问题:项目运行后页面空白一片(https://blog.csdn.net/qq_49446857/article/details/123112891)如果没法正常显示出页面,要仔细观察报错提示信息!!比如:这就是我一开始下载的路由版本号太新了。cnpm install vue-router@3.1.3 --save-dev这个可以页面切换:原创 2022-04-12 16:13:08 · 752 阅读 · 0 评论 -
Vue学习记录06--element-ui全局引入&按需引入
1、引入引入有两种方式:1)、网页中直接使用 CDN方式可能会出现通过cdn引入element-ui组件样式不显示问题:必须先引入vue,再通过cdn引入element,否则element-ui组件与样式无效。<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>或者利用本地的vue.js<script src="../vue.js/vue.js"></script&原创 2022-04-12 08:54:02 · 1580 阅读 · 0 评论 -
Vue学习记录05--创建vue项目
https://blog.csdn.net/qq_39588003/article/details/118994175cnpm install -g @vue/clicnpm install -g webpack注意:项目名不能有大写字母,可以出现下划线、中划线此处报错:解决方法:https://www.csdn.net/tags/MtTacg1sODI1MTEtYmxvZwO0O0OO0O0O.html 成功这里选用Vue2、yarn来搭建。 用键盘、回车来选择。进入网址,出原创 2022-04-11 15:05:37 · 997 阅读 · 0 评论 -
Vue学习记录04--单项数据绑定&双向数据绑定
1、单项数据绑定只能从data流向页面2、双向数据绑定v-model 只能在输入属性的标签里使用(如input)不仅可以从data流向页面,也能从⻚⾯表单元素(输⼊元素)流向data原创 2022-04-08 00:33:00 · 212 阅读 · 0 评论 -
Vue学习记录03--模板语法
1、插值语法2、指令语法可以动态绑定原创 2022-04-08 00:24:22 · 89 阅读 · 0 评论 -
Vue学习记录02--helloworld--基础知识
1、Vue实例这个vue是一个构造函数,需要构造一个常量对象(设为app),接住它实例化的对象。通过new来实例化vue构造函数在容器外使用{{}}是拿不到值的可以简写为:2、Tips⼀个vue实例只能接管⼀个容器插值语法: {{}} 可以读取到在data的所有属性data中数据发生变化,那么在容器用到的数据会自动更新...原创 2022-04-07 23:41:45 · 111 阅读 · 0 评论 -
Vue学习记录01-- 搭建开发环境
一、搭建开发环境原创 2022-04-07 14:30:07 · 744 阅读 · 0 评论