
SpringBoot+Vue前后端分离学习
Frank---7
从JAVA转C++失败,现在继续卷JAVA的小菜鸡一枚,希望和大家共同进步!
展开
-
vue的基本项目结构
vue的基本项目结构├── README.md 项目介绍├── index.html 入口页面├── build 构建脚本目录│ ├── build-server.js 运行本地构建服务器,可以访问构建后的页面│ ├── build.js 生产环境构建脚本│ ├── dev-client.js 开发服务器热重载脚本,主要用来实现开发阶段的页面自动刷新│ ├── d原创 2021-01-13 21:53:05 · 168461 阅读 · 2 评论 -
SpringBoot+Vue博客系统---后端接口开发
Java后端接口开发从零开始搭建一个项目骨架,最好选择合适,熟悉的技术,并且在未来易拓展,适合微服务化体系等。所以一般以Springboot作为我们的框架基础,这是离不开的了。然后数据层,我们常用的是Mybatis,易上手,方便维护。但是单表操作比较困难,特别是添加字段或减少字段的时候,比较繁琐,所以这里我推荐使用Mybatis Plus CRUD 操作,从而节省大量时间。作为一个项目骨架,权限也是我们不能忽略的,Shiro配置简单,使用也简单,所以使用Shiro作为我们的的权限。考虑到项目可能需要原创 2021-01-13 10:30:02 · 70367 阅读 · 3 评论 -
JwtFilter---解决其中的跨域问题
JwtFilter第五步:定义jwt的过滤器JwtFilter。这个过滤器是我们的重点,这里我们继承的是Shiro内置的AuthenticatingFilter,一个可以内置了可以自动登录方法的的过滤器,有些同学继承BasicHttpAuthenticationFilter也是可以的。我们需要重写几个方法:createToken:实现登录,我们需要生成我们自定义支持的JwtTokenonAccessDenied:拦截校验,当头部没有Authorization时候,我们直接通过,不需要自动登原创 2021-01-12 22:07:24 · 69934 阅读 · 0 评论 -
SpringBoot +Vue前后端分离(笔记)
前后端分离简介前后端分离前后端分离就是将⼀个应⽤的前端代码和后端代码分开写,为什么要这样做?如果不使⽤前后端分离的⽅式,会有哪些问题?传统的 Java Web 开发中,前端使⽤ JSP 开发,JSP 不是由后端开发者来独⽴完成的。前端—》HTML 静态⻚⾯ —〉后端 —》JSP这种开发⽅式效率极低,可以使⽤前后端分离的⽅式进⾏开发,就可以完美地解决这⼀问题。前端只需要独⽴编写客户端代码,后端也只需要独⽴编写服务端代码提供数据接⼝即可。前端通过 Ajax 请求来访问后端的数据接⼝,将 Mode原创 2021-01-11 14:17:46 · 86688 阅读 · 9 评论 -
$router VS $route
$router是一个VueRouter的实例 可以导航到不同的路由里$route是$router跳转到的当前一个对象,里面包含该对象的path、query、name 、params用法 : this.$router.push() 跳转到指定的url 会向history栈添加一个记录 点击后退会返回上一页面1、this.$router.push({path:'/detail',query:{}}) this.$router.push('/detail')使用当前的query t...原创 2021-01-11 13:32:39 · 69427 阅读 · 2 评论 -
传统请求风格 VS RestFul 风格
RestFul 风格概念Restful就是一个资源定位及资源操作的风格。不是标准也不是协议,只是一种风格。基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制。功能资源:互联网所有的事物都可以被抽象为资源资源操作:使用POST、DELETE、PUT、GET,使用不同方法对资源进行操作。分别对应 添加、 删除、修改、查询。传统方式操作资源 :通过不同的参数来实现不同的效果!方法单一,post 和 get http://127.0.0.1/item/queryItem.actio原创 2021-01-11 12:57:37 · 70229 阅读 · 0 评论 -
后端解决跨域问题---SpringBoot
解决跨域问题在后端解决跨域问题:新建配置类 config/ CrosConfig.java/** * 解决跨域问题 */@Configurationpublic class CrosConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**")原创 2021-01-11 12:49:08 · 69717 阅读 · 1 评论 -
vue项目没有启动成功的原因之一
删除mould。。。本地从新安装原创 2021-01-10 17:05:20 · 71363 阅读 · 3 评论