vue和springboot整合

整合 vue项目中直接运行npm run build. 在生成的dist目录下的文件全部拷贝到springboot项目资源目录下的static文件夹下。

一:vue

文档:https://cn.vuejs.org/v2/guide/index.html

总结一下常用的一些东西, vue使用脚手架自动生成项目结构

项目结构是这样:

1.vue实现全选

1⃣️单选:

input标签:其中sceneCheckData在data中定义:sceneCheckedData=[]

每次点击的时候会将绑定的scene.id加入到sceneCheckData中,再次点击会将scene.id从sceneCheckedData中移除

说明:v-if是控制其是否显示,这里不用管,主要是自己的业务中需要才这么做的;现在自己的业务中由于一个场景可能含有多条用例,需要实现只有场景中的第一个用例才显示场景名。

2⃣️全选:

全选按钮:

method中的方法为checkAll:

逻辑是:判断全选的按钮是否勾选,如果是,将当前的checkbox全部勾选,如果是取消全选,将sceneCheckData清空

注意:有这样的情景,当前选择全选按钮,如果再增加一个场景的话,全选按钮还是被选中,所以需要监听当前场景,保证在增加场景的时候去掉全选按钮状态:

监听在watch中实现:

二:vue激活状态跟随选中标签

如果点击选择标签,method中的chooseTag方法会将activeTag设置为当前标签的名字;activeTag在script下的data中。

三:vue中路由的使用

将路由信息写入一个配置文件:如:

其中path:代表访问路径;name:这个路径的名字(后面用到), componet:是那个组建

1⃣️在main.js中引入路由和路由配置文件:import VueRouterfrom 'vue-router';import {routes} from './router/routing';

//使用路由

Vue.use(VueRouter)

然后在new vue中引入router

使用:

to:代表点击这个标签的时候走的是那个路由

全局路由:比如控制没有登陆的用户跳转到登陆页面

四,vue中状态管理

Vuex采用和Redux类似的单向数据流的方式来管理数据。用户界面负责触发动作(Action)进而改变对应状态(State),从而反映到视图(View)上。如下图所示:

main.js中引入:import Vuexfrom 'vuex'

 Vue.use(Vuex);

将状态配置写入一个文件:

比如是文件aa. 引入配置文件import {store}from 'aa'

new vue中加入

State负责存储整个应用的状态数据;使用this.$store.state直接获取状态

mutations更改状态:this.$store.commit("xxx")

actions也可更改状态,通过触发mutations实现,可以触发异步操作,this.$store.dispatch("xxx")

getters获取状态:this.$store.getters.xxx;

五:axios:

        axios并不是vue插件,所以不能使用Vue.use(),所以只能在每个需要发送请求的组件中即时引入。为了解决这个问题,可以在引入 axios 之后,通过修改原型链,来更方便的使用。

main.js中引入:import axios from 'axios'; 使用原型:Vue.prototype.axios = axios

设置默认url:axios.defaults.baseURL ="http://" + hostName;

设置携带cookie:axios.defaults.withCredentials =true;

get请求:  axios({

url:"/get",

method:"get",

params:{

key1:value1});

post请求:axios({

url:"/post",

method:"post",

data:{

xxx}

});

例子:

springboot

一:mybatis三剑客

1⃣️自动生成数据库表和类的映射,生成mapper文件,生成xml文件

pom文件中引入包:

自动下载好jar包后,idea中会有相应的插件

在资源文件下建立文件:generatorConfig.xml

内容为:https://pan.baidu.com/s/1MHS_qKyqy0ir_zNzNDy7FA

配置好相应路径后,直接用行即可,会自动生成基础的增删改查语句

2⃣️代码跳转工具 idea中plugins中搜索mybatis

点击前面的箭头会跳到相应的xml文件处或者mapper处

3⃣️mybatis分页插件

使用:PageHelper.startPage(pageNum, defaultPageSize);第一个参数是页数,开始是第一页

二:重新实现quartz定时任务

1⃣️自定义一个注解:

2⃣️定义一个基础父类

3⃣️自定义任务只需实现Custom,并使用@JobConfig注解,重写execute方法

4⃣️定义任务管理类

5⃣️实现ApplicationContextAware 容器启动时加载任务类并启动

6⃣️启动应用:

三:重新实现shiro安全框架

1⃣️将用户认证信息session保存到redis中,继承AbstractSessionDAO

doCreate:为用户创建sessionID

doReadSession:根据sessionId获取session

update:更新session

2⃣️重写sessionManager,解决多次读取的问题

3⃣️将用户角色和权限信息存到redis,实现Cache

4⃣️缓存管理使用自定义的缓存实现,实现CacheManager

5⃣️最重要的认证和鉴权实现, 继承AbstractSessionDAO

用户认证:从数据库中查找用户是否存在

用户鉴权:

6⃣️:配置,由于业务原因,不配置登陆成功和错误相关页面,如果出错直接给前端返回错误码,可以自己进行配置

配置 ShiroFilterFactoryBean

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,864评论 6 494
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,175评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,401评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,170评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,276评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,364评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,401评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,179评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,604评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,902评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,070评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,751评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,380评论 3 319
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,077评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,312评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,924评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,957评论 2 351

推荐阅读更多精彩内容

  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,899评论 1 4
  • 昨天是儿童节,没有出乎意料,我离这个节日那么近,却又那么远。 哪怕还有一颗童心,儿童节也过不出当初的味道,更多的只...
    复角度的生活阅读 276评论 0 2
  • 285期3D推荐(上期独胆1、独跨2中、个位1、百位1中) 独胆2 二胆2.5 三胆2.4.5 定位百:...
    fedb3226e1a3阅读 313评论 0 0
  • 还是把本分做好 对得起之前的承诺 二十多岁了都 太渣了怎么过日子 少看直播少打游戏 看看书看看综艺都不为过 要活的...
    Gas阅读 212评论 0 0