一天搞定Springboot+Vue全栈开发
文章平均质量分 68
rui锐rui
这个作者很懒,什么都没留下…
展开
-
前后端联调
下面是使用跨域认证编写的shop项目和基础模板进行前后端调试,首先我们看到我们编写的后端接口路径。直接启动前端项目vue-admin-template。这是使用mock模拟后端接受请求然后返回给前端。重启项目,登录token和后端一样。路径一直就可以联合调试了。原创 2024-09-15 16:33:45 · 228 阅读 · 0 评论 -
JWT跨域认证
新建utils包,再其包下新建JwtUtils,Result和ResultCode。新建controller包,,在其下新建UserController。运行localhost/user/login。UserController代码如下。新建bean包,再其包下新建User。ResultCode代码如下。JwtUtils代码如下。Result代码如下。原创 2024-06-28 15:31:59 · 302 阅读 · 1 评论 -
vue-element-admin后台集成方案
官网:介绍 | vue-element-admin。原创 2024-06-13 15:33:22 · 1215 阅读 · 0 评论 -
前端数据模拟Mock.js
新建mock-demo的项目,安装npm install mockjs。注意安装axios包 npm install axios。修改App.vue代码。修改App.vue代码。修改index.js。新建index.js。修改 main.js。原创 2024-06-12 16:30:13 · 502 阅读 · 0 评论 -
状态管理Vuex
创建一个vue2的新项目名为vuex-demo,安装命令 npm install vuex@3。| Vuex (vuejs.org)修改HelloWorld.vue,效果还是不变。修改HelloWorld.vue。修改HelloWorld.vue。修改HelloWorld.vue。HelloWorld.vue修改。修改HelloWorld.vue。修改index.js,每次加2。修改main.js,注入。修改index.js。新建index.js。修改index.js。原创 2024-06-11 08:52:53 · 804 阅读 · 0 评论 -
前端路由vueRouter
Vue Router | Vue.js 的官方路由 (vuejs.org)创建Discover.vue,Friends.vue,My.vue三个。新建TopList.vue和PlayList.vue。Discover.vue如下。Friends.vue如下。TopList.vue如下。PlayList.vue如下。Discover.vue修改。新建Product.vue。App.vue添加代码。新建index.js。main.js添加代码。修改index.js。index.js修改。原创 2024-06-10 11:11:37 · 565 阅读 · 0 评论 -
Axios网络请求
Axios 是一个基于 promise 的网络请求库,可以用于浏览器和 node.js。启动,浏览器输入localhost:8088/user/findAll看到数据。加注解,解决跨域问题,vue的端口8080,springboot8088。App.vue在上述位置加入下面代码。上一节创建的项目终端安装,安装完成。movie.vue在上述位置加入。App.vue在上述位置加入代码。hello.vue修改代码。刷新网页 ,数据库显示在前端。修改App.vue代码。修改hello.vue。原创 2024-06-09 08:44:27 · 339 阅读 · 0 评论 -
第三方组件element-ui
在main.js导入import 'font-awesome/css/font-awesome.min.css';Font Awesome,一套绝佳的图标字体库和CSS框架。Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。在终端使用npm install font-awesome安装。Font Awesome,一套绝佳的图标字体库和CSS框架。main.js代码,添加了element-ui的包。hello.vue加入日期选择器代码即可。hello.vue加入。原创 2024-06-08 10:44:32 · 1178 阅读 · 0 评论 -
Vue框架快速上手
vue原创 2024-06-07 12:21:40 · 799 阅读 · 0 评论 -
MybatisPlus多表查询及分页查询
MybatisPlus多表查询及分页查询原创 2024-05-20 20:17:53 · 893 阅读 · 1 评论 -
MybatisPlus快速上手
MybatisPlus原创 2024-05-18 23:20:38 · 734 阅读 · 0 评论 -
RESTfuI服务+Swagger
1.RESTfuI是目前流行的互联网软件服务架构设计风格。2.REST并不是一个标准,它更像一组客户端和服务端交互时的架构理念和设计原则,基于这种架构理念和设计原则的Web API更加简洁,更有层次。原创 2024-05-07 14:42:29 · 301 阅读 · 0 评论 -
SpringBoot文件上传+拦截器
Handlerlnterceptor接口定义了preHandle.postHandle、afterCompletion三种方法,通过重写这三种方法实现请求前、请求后等操作。Spring Boot工程嵌入的tomcat限制了请求的文件大小,每个文件的配置最大为1Mb,单次请求的文件的总数不能大于10Mb。模拟,之前上传图片名字太长了,这次改了个名短一点,然后上传,b.jpg。拦截了upload的访问,不显示,因为上面为false,true显示。也会输出,名字,原始名称,类型,运行路径。查看上传图片,先配置。原创 2024-05-07 10:59:16 · 583 阅读 · 0 评论 -
Spring Boot Controller
1.Spring Boot将传统Web开发的mvc、json、tomcat等框架整合,提供了spring-boot-starter-web组件,简化了Web应用配置。2.创建SpringBoot项目勾选Spring Web选项后,会自动将spring-boot-starter-web组件加入到项目中。3.spring-boot-starter-web启动器主要包括web、webmvc、ison、tomcat等基础依赖组件,作用是提供Web开发场景所需的所有底层依赖。原创 2024-04-22 22:39:35 · 984 阅读 · 0 评论 -
SpringBoot快速上手
打开Settings页面,在左边的菜单栏依次找到Build,Execution,Deployment→Compile,勾选Build project automatically。--> Advanced Settings -->Compiler勾选上。创建springboot项目时,点击server URL右侧的⚙,将。开发环境热部署,修改完代码后不用每次都重新运行代码,自动更新。修改得重新运行,要不然不变,完成热部署就不用每次都运行了。之后运行一遍,在修改再之后就会自动更新。即可,要不你选不了8。原创 2024-04-22 16:18:59 · 198 阅读 · 0 评论 -
B站一天搞定Springboot+Vue全栈开发(刘老师教编程)环境配置
跟着b站一天搞定Springboot+Vue全栈开发,记录一下笔记。原创 2024-04-22 14:43:01 · 925 阅读 · 0 评论