![](https://img-blog.csdnimg.cn/20200510164816506.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue笔记,vue搭建后台管理系统
史蒂文周
这个作者很懒,什么都没留下…
展开
-
vue后台管理:增加vuex状态管理和封装axios请求
引入vuex状态管理这里主要是参考了vue-element-admin的项目。先先创建store的文件夹,创建index.js主文件:import Vue from 'vue'import Vuex from 'vuex'import getters from './getters'import user from './modules/user'Vue.use(Vuex)const store = new Vuex.Store({ modules: { user },原创 2020-06-18 09:42:19 · 1958 阅读 · 2 评论 -
docker部署项目(三):docker-compose配置和部署
在usr/local目录下面创建一个docker文件夹$ cd /usr/local$ mkdir docker进入docker文件里面创建创建一个demo的文件夹,docker-compose的项目及配置文件都会放在这里面。$ cd docker$ mkdir demo写一个Dockerfile的文件,主要是对springboot项目的操作运行配置$ cd demo$ vi Dockerfilevi是一个编辑命令,可以进入编辑页面进行编辑。关于vi的操作,请自行百度。Do.原创 2020-06-11 10:05:09 · 967 阅读 · 1 评论 -
docker部署项目(一):环境安装
我们之前的文章,用springboot+vue+redis简单写了一个前后端分离的后台管理系统。那么问题来了。如果要部署到阿里云服务器怎么弄呢。如果是传统的部署方式,肯定是要在服务器按照顺序安装数据库mysql,tocat,nginx,redis,然后修改一大堆配置文件。但是,我不。这里我准备用现在比较流行的docker进行部署。至于用docker部署有多香,我不说,但是妈妈再也不用担心我上学迟到了。这里假装大家已经对docker基础有了一定的了解,因为网上有很多基础介绍,当然我不会告诉你其实我也一知原创 2020-06-09 10:36:11 · 332 阅读 · 0 评论 -
docker部署项目(二):前后端打包
本来要直接进入主题将如何通过docker部署前后端分离的项目。后来想了一下,可能有些人还不知道怎么打包springboot的项目和vue项目。这就有点难办了,所以这里简单说一下,因为确实也很简单。springboot打包项目确保配置文件信息正确,一个命令搞定所有:mvn clean package -Dmaven.test.skip=true该命令在对应项目所在根目录进行才能操作。打包完成之后会在根目录里面的target文件夹里面生成*.jar的项目文件。这就是我们需要的项目打包文件。vu原创 2020-06-10 10:30:54 · 908 阅读 · 0 评论 -
后台管理(四):对axios网络请求结果的拦截处理
我们之前在处理token的时候,在axios里面进行的拦截设置,可以每次请求都在头部携带token信息,这样就不用每次请求的时候都要写一遍了。// axios请求拦截axios.interceptors.request.use(config => { config.headers.Authorization = window.sessionStorage.getItem('admin_token') return config})那么问题来了,token是有时效的,如果你有看我的后台原创 2020-06-06 15:22:36 · 510 阅读 · 0 评论 -
后台管理(三):springboot批量删除,插入和事务
我学习搭建的vue后台管理,最近弄到用户-权限-角色的分配。在做给角色分配权限的时候,涉及到数据库的批量删除,插入已经需要用到的事务。这里做一下记录。批量删除在分配的权限列表里面,我可以对角色分配的权限进行删除操作。权限分为三级。如果是删除第一级或者第二级权限,那么子权限肯定也要跟着删除,所以这就需要批量删除了。主要是在角色-权限关系表里面进行操作。这里主要将mapper里面的操作方式,其他没什么好讲的。springboot mapper代码:@DeleteProvider(type = P原创 2020-06-01 11:19:03 · 4947 阅读 · 0 评论 -
vue后台管理(二):登录
前言首先,看一下assets这个文件夹,里面主要是用来存放一些资源文件。我这里做了一点调整:原来的logo.png替换成自己的logo。加入font文件,这个是iconfont的文件,主要是用来存放一些第三方的图标,具体的用法大家可以自行百度,不懂可以评论问我,这边就不具体细说。variables.css文件主要是存储全局的样式。main.js是项目的入口文件,项目中所有的页面都会加载main.js,所以main.js,主要有三个作用:实例化Vue。全局引用插件和css样式存储全局变量原创 2020-05-16 19:28:32 · 816 阅读 · 1 评论 -
vue后台管理(一):项目搭建
最近准备学习下后台管理系统的搭建,并且采用现在流行的前后端分离的架构,那么vue自然就是首选了。这里我只讲一些实战操作,一些基础的语法各位就自己去学习了。包括环境的安装,如node的安装,请自行百度。安装vue-cli脚手架假设你已经安装好node的环境,那么就可以开始使用npm命令大展拳脚了。通过以下命令安装vue-clinpm install -g @vue/cli创建项目这里我主要是通过vue的界面化创建项目。在命令窗口输入vue界面化的启动命令vue ui就会自动在浏览器打开项目创建原创 2020-05-10 16:24:23 · 1932 阅读 · 0 评论 -
px、em、rem区别介绍
PXpx像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点IE无法调整那些使用px作为单位的字体大小;国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为...转载 2019-09-01 00:06:51 · 98 阅读 · 0 评论