这段时间在研究element-admin,感觉这个库有许多值得学习的地方,我学习这个库的方法是,先看它的路由,顺着路由,摸清它的逻辑,有点像顺藤摸瓜. 这个库分的模块非常清晰,适合多人合作开发项目,但是如果一个人去用这个库开发后台,步骤显的有点繁琐,特别是调用后端接口,之前一个方法就调用到了,但是用这个库,需要先后分几步调用. 比如说调用一个登陆接口:点击登陆按钮---->调用store中的方法---->调用api中对应登陆的方法--->request.js中封装的axios方法 4步!

1.当登陆成功  显示用户名且去掉登陆和注册按钮 2.data里声明  后  就在登陆的方法里调用啦 下面说一下登陆的方法. 1.登陆的按钮代码在第一张图片里 2.登陆的弹出框 3.方法 ps:另一种组件传值的接收(下面的第二张图片) 是  admin   用户 就显示  用户管理栏目 不是这个用户  就隐藏这个栏目

打开模版文件夹里面的goods.dwt 查找{$lang.shop_price}<font class="price" id="ECS_SHOPPRICE">{$goods.shop_price_formated}</font><br />修改成{$lang.shop_price}<font class="price" id="ECS_SHOPPRICE">{if $smarty

tomcat登陆WEB显示无权限问题 The user specified as a definer (”@’%') does not exist 原因分析 因为创建视图使用的是xff@%用户(目前已经不存在),然后登录用户使用的是xff@localhost用户,导致mysql认为现在的用户无权限访问该视图,解决方法就是在当前用户下重建该视图. tomcat无限循环启动问题 问题重现:启动TOMCAT后,TOMCAT无限加载项目,直到内存扛不住,强制终止进程.同时机器卡得一比.浏览器基本无法访问

vue mint-ui swipe 不显示或显示空白? 解决需要在mt-swipe上层元素设置高度 <div> <div> <mt-header title="首页"></mt-header></div> <div style="height:200px"> <mt-swipe :auto="4000"> <mt-swipe-item><img

其实登录注册,并且登录一次保持登录的状态,是每个项目都需要实现的功能. 网上也有很多的方法,不过,不是通俗易懂,在这里说一下我自己的方法,非常简单实用核心就是用localStorage存.取数据,这样当刷新浏览器,或者关闭在打开的时候能达到预期想要的效果 在router/index.js中 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ routes

目录 VUE中登录密码显示与隐藏的最简设计--基于iview 1.背景 2.实现最终效果 2.1 隐藏密码 2.2 显示密码 3.实现思路 3.1 v-if判断当前密码显示状态 3.2 密码隐藏状态 3.3 密码显示状态 3.4 两种眼睛图标(睁眼,闭眼)的监听切换密码显示状态事件 4.小结 VUE中登录密码显示与隐藏的最简设计--基于iview 1.背景 近期,在使用abp开发项目过程中,前端vue输入登录密码时默认隐藏,但是如果用户输错密码需要切换显示跟隐藏.故有此文. 2.实现最终效果 2

如题,今天上午用户登陆系统之后显示-bash-4.1$ 造成这样的原因: 与这个用户有关环境变量没了,有关的文件被删除.也就是用户的家目录下面 .bash_profile .bashrc 被删除. 解决办法: ##首先切换到故障用户 su - test ##复制对应的文件(不要用root直接复制,否则复制过去的东西属主,数组都是root的) -bash-4.1$ cp /etc/skel/.bash* ~ ##(/etc/skel 新用户老家的样子,所以从这里复制) -bash-4.1$ ls

本次演示,项目所需iview,router 首先 在 views 目录 新建 两个 组件 ( login.vue ,index.vue ) login.vue <template> <div class="wrap" id="wrap"> <div class="logGet"> <!-- 头部提示信息 --> <div class="logD logDtip"> &

本文需要下载 putty.exe 和 pscp.exe :http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html Xming 主程序和字体: https://sourceforge.net/projects/xming/ 一.putty 的使用 1. 连接服务器 下载 putty,无需安装直接运行 putty.exe 进入下面的界面: 按照上图所示: 1 中输入服务器 ip 地址:(也可以输入 username@ip地址,这

今天解决了一个bug,因为datagrid有多列,可是当没有数据的时候,后面的列无法通过滚动条拉动来显示,比较麻烦,而需求要求没有数据也要拉动滚动条查看后面有什么列,一开始在网上找了一些资料,发现都不可以,有一个实现生成空的table,也就是数据行,然后将其隐藏. 后来查看了一下,easyui datagrid中显示数据的区域是一个div,没有数据的时候没有滚动条,当时想找一些当div中内容为空,用js生成滚动条,并且控制滚动条的长短,都找不到. 使用生成数据行,然后隐藏的方式会导致没有数据的时

1.先建立登陆页面,登陆页面的PHP文件和HTML文件是分开写的. 先建立一个登陆页的PHP文件, <?php include("../init.inc.php");//引入smarty模版 $smarty->display("login.html");//显示的代码 要有一个需要显示的页面就用HTML来写 <h1>登录页面</h1> <form action="logincl.php" method=&

解决! 第一步: 远程其他服务器的数据库能连上,本地的数据库某个用户名就是打不开,一开始以为是用户名或者密码错误, 后来用sqlcmd dos命令 -S . -U an -P sa 的方式登陆时可以的,所以不是用户名或者密码的问题. 第二步:可能是因为该用户默认数据库的指定错误. 这里可以有两种方式:第一种以命令行的方式更改用户的默认数据库. 第二种是先通过界面客户端先填写正确用户名和密码 然后在连接的选项中选择默认的数据库比如说tempdb. 紧接着就是最重要的一步就是执行语句 执行  exe

一,前言 最近在用Vue,然后上传文件时需要显示进度,于是网上搜了一下,经过自己实测终于也弄明白了 二,效果 三,代码 HTML代码 <div id="app"> <h4>上传文件:</h4> <p class="input-zone"> <span v-if="filename">{{filename}}</span> <span v-else>+请选择文件上传

一.路由配置部分如下所示, 导出路由示例 let router = new VueRouter({ routes: [ // 登陆 { name: 'login', path: '/login', component: Login },   // 后台管理 { name: 'admin', path: '/admin', component: Admin, children: [...goods] }, ] });   // 添加路由前置守卫, 其实就是添加一个函数, 这个函数会在路由配置之前执

在最近的项目中,有需求要做到根据字段显示列,原来以为简单的v-if可以解决. 在开发的过程中遇到问题, <el-table ref="multipleTable" :data="assetData" class="select_wrap" border :header-cell-style="{background:'#F5F7FA'}" style="width: 100%" @selection-

有时候我们需要在页面上添加一个类似时钟的东西来实时显示当前时间,这个时候我们可以利用定时器来完成这个功能 <div id="app"> {{date}} </div> <script> export default { data() { return { date: new Date() }; }, mounted() { let _this = this; // 声明一个变量指向Vue实例this,保证作用域一致 this.timer = setI

为了对于不同角色显示不同的菜单 思路1: 本地放一份完整的菜单数据,通过后台返回角色的菜单列表.两者对比,筛选需要显示的菜单数据绑定, 这里有个问题就是路由vue实例初始化就生成了,加载的全部,人为输入地址是可以访问到角色权限以外的数据, 所以还要加路由构子router.beforeEach()去做判断哪些是角色权限以内的路由. 这种思路的比较复杂,逻辑比较多 思路2: Vue Router官方API: 利用router.addRouter()就可以动态添加路由实现 下面详细讲一讲vue.add

这里我们先说说登陆以及登陆状态控制需要的插件jsonwebtoken,jsonwebtoken就可以实现token的生成与反向解密出用户数据.安装步骤: npm install jsonwebtoken --save 安装之后先创建一个token.js, 为了项目目录的清晰,可以创建一个token文件夹,将token.js放到里面.文件创建OK之后,该是写内容了,写内容之前先说说jsonwebtoken提供的方法: 1.sign: 生成token.2.decod: 解析token. 这两个方法就

参考资料: https://ask.csdn.net/questions/767017 https://www.cnblogs.com/best-fyx/p/11363506.html 我使用的是element-ui中的 Upload 上传 组件,最终效果 组件对应的 on-progress事件绑定的方法 handleProgressing(event, file, fileList) { // console.log(event) // console.log(event.loaded)//t

在使用vue打包的时候页面显示空白,并且控制台不报错 设置vue-router的时候mode设置为history模式了,这种模式要有后台的配合,一般还是使用哈希模式就不会出现页面空白了.