会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
无声守候
无声的岁月,我们在默默奔跑。。。
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
10
11
12
13
14
15
16
17
18
···
28
下一页
2020年2月19日
localStorage设置过期时间
摘要: 一般可以使用cookie,localstorage,sessionStorage来实现浏览器端的数据缓存,减少对服务器的请求。 1.cookie数据存放在本地硬盘中,只要在过期时间之前,都是有效的,即使重启浏览器。但是会在每次HTTP请求中添加到请求头中,如果数据过多,会造成性能问题。 2.sess
阅读全文
posted @ 2020-02-19 17:43 JoeYoung
阅读(5270)
评论(0)
推荐(0)
编辑
2020年1月17日
Vue + ElementUI的电商管理系统实例11 商品分类
摘要: 1、创建商品分类分支goods_cate并push到远程 查看分支: 创建分支: 推送到远程:(以前码云中没有该分支,所以要加-u,如果码云中有该分支,则不需要加-u) 2、通过路由加载商品分类组件 新建goods文件夹和Cate.vue文件: 添加路由: 点击左侧菜单的商品分类的效果如图: 3、绘
阅读全文
posted @ 2020-01-17 11:05 JoeYoung
阅读(5845)
评论(0)
推荐(1)
编辑
2020年1月9日
Vue + ElementUI的电商管理系统实例10 用户列表-分配角色
摘要: 1、用户列表页面,点击分配角色按钮,弹出分配角色对话框 给分配角色按钮添加点击事件,并传递当前行的信息: setRole事件: // 展示分配用户角色的对话框 setRole(userInfo) { this.setRoleDialogVisible = true } 添加分配角色的对话框: <!-
阅读全文
posted @ 2020-01-09 15:01 JoeYoung
阅读(1795)
评论(0)
推荐(0)
编辑
2020年1月7日
Vue + ElementUI的电商管理系统实例09 分配角色权限
摘要: 1、弹出分配权限的对话框并请求权限数据 先给分配按钮添加点击事件: 添加分配权限对话框: 2、分配并使用el-tree树形控件 先把Tree添加引入到element.js,这里就不写了。 然后找到el-tree的实例代码:show-checkbox 节点是否可被选择 效果图: 3、优化树形控件的显示
阅读全文
posted @ 2020-01-07 16:28 JoeYoung
阅读(4817)
评论(0)
推荐(0)
编辑
2020年1月6日
Vue + ElementUI的电商管理系统实例08 角色列表
摘要: 1、通过路由展示角色列表组件 新建roles.vue文件: 添加角色列表路由: 点击左侧菜单的角色列表,效果如图: 2、绘制基本布局并获取角色列表数据 先实现基本布局,还是面包屑和卡片视图: 添加获取方法: 通过调用api接口获取角色列表,请求路径:roles,请求方法:get 3、渲染角色列表数据
阅读全文
posted @ 2020-01-06 16:25 JoeYoung
阅读(2145)
评论(0)
推荐(2)
编辑
2020年1月3日
Vue + ElementUI的电商管理系统实例07 权限列表
摘要: 1、创建新的rights权限分支并推送到云端: 新建分支: 推送到远程: 2、通过路由展示权限列表组件 在components里新建power文件夹和rights.vue文件 添加权限列表路由: 现在点击页面左侧菜单的权限列表,就可以显示出权限列表组件页面了。 3、绘制面包屑导航和卡片视图 先添加面
阅读全文
posted @ 2020-01-03 17:09 JoeYoung
阅读(898)
评论(0)
推荐(0)
编辑
2020年1月2日
Vue + ElementUI的电商管理系统实例06 删除用户
摘要: 1、弹出提示框询问是否删除数据 MessageBox 弹框组件 确认消息:提示用户确认其已经触发的动作,并询问是否进行此操作时会用到此对话框。 $confirm需要先进行挂载: 在element.js里引入 import { MessageBox } from 'element-ui'; Vue.p
阅读全文
posted @ 2020-01-02 16:09 JoeYoung
阅读(1300)
评论(2)
推荐(0)
编辑
2019年12月31日
Vue + ElementUI的电商管理系统实例05 修改用户
摘要: 1、展示修改用户的对话框 给修改按钮添加点击事件: 添加修改对话框代码: 此时,点击修改按钮已经可以弹出对话框了。 2、显示对应的用户信息 通过作用域插槽获取row信息 新建editForm: 也可以通过ID查询对应的用户信息: 3、渲染修改用户信息的表单 用户名为禁止修改状态 修改用户信息表单的验
阅读全文
posted @ 2019-12-31 11:28 JoeYoung
阅读(1332)
评论(0)
推荐(0)
编辑
2019年12月30日
Vue + ElementUI的电商管理系统实例04 添加用户
摘要: 1、Dialog 对话框组件 把Dialog添加导入到element.js中 visible:是否显示Dialog,支持 .sync 修饰符 默认falsebefore-close:关闭前的回调,会暂停 Dialog 的关闭 function(done),done 用于关闭 Dialog 添加代码:
阅读全文
posted @ 2019-12-30 17:18 JoeYoung
阅读(1762)
评论(0)
推荐(0)
编辑
2019年12月20日
Vue + ElementUI的电商管理系统实例03 用户列表
摘要: 1、通过路由展示用户列表页 新建user文件夹,里面新建Users.vue文件: 修改路由文件,添加Users路由: 这时点击左侧菜单的用户列表,就可以看到跳转到了用户列表页: 2、小bug:刷新后左侧菜单的高亮没有了 Menu Attribute里有个default-active属性: 表示当前激
阅读全文
posted @ 2019-12-20 17:12 JoeYoung
阅读(2980)
评论(6)
推荐(1)
编辑
2019年12月19日
Vue + ElementUI的电商管理系统实例02 主页
摘要: 1、打开Element网站,找到主页需要的布局格式 修改Home.vue: 效果图如下: 2、美化Header区域布局样式 3、左侧导航菜单 菜单分为二级,并且可以折叠 找到Element里的导航菜单代码: 然后在element.js里添加: 简单修改导航菜单代码: 4、通过axios拦截器添加to
阅读全文
posted @ 2019-12-19 16:41 JoeYoung
阅读(3995)
评论(0)
推荐(0)
编辑
2019年12月17日
Vue 项目中的ESlint语法报错问题
摘要: 在项目中的""和;经常会报错,真的很纠结,今天看到一个解决方法,可以不用卸载删除 在项目根目录中,新建一个.prettierrc文件,来移除分号,和替换为单引号。 这样就可以了,格式化也不会变为""了。 也可以禁用语法规则,修改.eslintrc.js文件:把报错的项禁用
阅读全文
posted @ 2019-12-17 17:06 JoeYoung
阅读(1075)
评论(0)
推荐(0)
编辑
Vue + ElementUI的电商管理系统实例01 登录表单
摘要: 效果图: 1、首先来根据Element网站实现布局: 2、加入表单验证规则 loginForm:是数据绑定对象,loginFormRef:是引用名称,loginFormRules:是验证规则,label-width:是表单域标签的宽度 loginForm:是数据绑定对象,loginFormRef:是
阅读全文
posted @ 2019-12-17 16:55 JoeYoung
阅读(4045)
评论(0)
推荐(0)
编辑
2019年12月16日
码云 托管本地项目
摘要: 一、注册码云,并生成SSH公钥 首先要注册一个码云账号:https://gitee.com 然后点击个人-设置,进入设置页面 在安全设置里点击SSH公钥。 然后打开一个命令行窗口,输入: 按照提示完成三次回车,即可生成 ssh key。 然后通过查看 ~/.ssh/id_rsa.pub 文件内容,获
阅读全文
posted @ 2019-12-16 16:19 JoeYoung
阅读(515)
评论(0)
推荐(0)
编辑
2019年12月12日
VueX 基本使用(vue状态管理)及简单小实例
摘要: 1、安装vuex依赖包 npm install vuex --save 2、导入vuex包 import Vuex from 'vuex' Vue.use(Vuex) 3、创建 store 对象 export default new Vuex.Store({ // state 中存放的就是全局共享的
阅读全文
posted @ 2019-12-12 15:34 JoeYoung
阅读(1465)
评论(0)
推荐(0)
编辑
上一页
1
···
10
11
12
13
14
15
16
17
18
···
28
下一页