- 黄狄樊实训项目1.2.3
明年的牛肉干
.安装nodejs2.安装git3.下载vue-element-admin建议本项目的定位是后台集成方案,不太适合当基础模板来进行二次开发。因为本项目集成了很多你可能用不到的功能,会造成不少的代码冗余。如果你的项目不关注这方面的问题,也可以直接基于它进行二次开发。集成方案:vue-element-admin基础模板:vue-admin-template桌面终端:electron-vue-admin
- VUE动态路由菜单
波波仔86
vue动态路由菜单
vue-admin-template的菜单数据是写死的,可以改成数据库查询动态展示1保留基础路由特别注意,原配置中的*配置要注释或删除,否则后续配置完成后动态菜单刷新会报404错误,该配置需要在addRoutes添加,见后续说明2获取后端菜单数据修改getInfo方法,获取菜单数据并保存到vuex中;同时还需后端java接口做好了菜单数据准备注:如果后端没准备好,这里menus可以先直接定义数组测
- vue-admin-template框架
煸橙干儿~~
VUE实战vue.js前端javascript
vue-admin-template框架地址:项目地址项目预览地址:项目预览框架简介:这是一个极简的vueadmin管理后台。它只包含了ElementUI&axios&iconfont&permissioncontrol&lint,这些搭建后台必要的东西。为什么用vue-admin-template?后台管理系统是一种最常见的应用模式,不同的管理系统之间有很多相似的地方,比如:页面整体结构相似(S
- Vue实现角色权限动态路由详细教程,在vue-admin-template基础上修改,附免费完整项目代码
coderYYY
前端Vuevue.jsjavascript前端
前言vue-admin-template是一个最基础的后台管理模板,只包含了一个后台需要最基础的东西,如果clone的是它的master分支,是没有权限管理的,只有完整版vue-element-admin有这个功能,但是为了小小的一个权限管理而用比较复杂的有点得不偿失。我在网上找了一堆教程和资料,发现要么说的很乱,要么说的不全,最后连个完整代码都不让我白嫖(bushi)。自己复制粘贴过去都实现不出
- npm install 报错 : gyp ERR! configure error
大大。
vue相关前端
问题:(在Xshell上操作测试版本的项目)新拉代码之后,npminstall报错,报错信息如下:gypERR!configureerrorgypERR!stackError:EACCES:permissiondenied,mkdir'/home/work/buildqx/vue-admin-template/node_modules/node-sass/.node-gyp'报错截图:解决方法:n
- vue-admin-template模板使用vue-elementui-admin中的echarts图表
又菜又爱玩呜呜呜~
VUEvue.js前端javascript
1.vue-admin-template导入echarts在vue-admin-template模板中是没有安装echarts的,我们需要安装npminstallecharts--save2.vue-admin-template中拉取vue-elementui-admin中的图表将vue-elementui-admin中views下的图表文件拉入vue-admin-template下的views文
- 王泽楷网站前端实训1
ohh_6c62
1.安装nodejs2.安装git3.下载vue-element-admin建议本项目的定位是后台集成方案,不太适合当基础模板来进行二次开发。因为本项目集成了很多你可能用不到的功能,会造成不少的代码冗余。如果你的项目不关注这方面的问题,也可以直接基于它进行二次开发。集成方案:vue-element-admin基础模板:vue-admin-template桌面终端:electron-vue-admi
- Vue-admin-template结合后端配置动态路由+动态侧边栏
zzy-boy
vuevue阿里云极限编程
Vue-admin-template结合后端配置动态路由+动态菜单在使用这个vue-admin-template的时候,发现其官方文档的推荐是使用动静结合的方法去配置动态路由其官方大致过程就是//此处路由数组为通用跳转路径,意思是不需要权限认证即可通过exportconstconstantRoutes=[{path:'/login'}...]//此路由数组为所有需要进行认证的后才能决定可不可以跳转
- 【Vue】VUE模板vue-admin-template添加角色权限路由
望天边星宿
Vue前端vue.js前端javascript
在网上看了很多教程,写的很乱,代码也没有给全。通过对比多篇博客,最终整理出了这篇文章,详细介绍了修改的过程。源码在这个项目里:https://github.com/zouquchen/lecture-system/tree/master/vue-admin-template文章目录一、概述1.1效果展示1.2原理简单说明(选读)二、后端响应(选读)三、配置(正文)3.1`src\router\in
- vue-admin-template 前端的form在后端无法接收到
我巴德一大五杀
elementuijavascript
问题:最近在用elementui-templete时发现前端的form无法传送给后端,后端显示的时候一直是{}的数据。解决办法:首先在调用后端api的article.js中添加exportfunctioncreateArticle(form){varqs=require('qs')//这个vardata=qs.parse(form)//这个returnrequest({url:'你自己的url',
- vue-admin-template动态路由的实现(超级详细及解决的一些bug)
唯心所现,唯识所变
前端javascriptvue.js
项目背景:登录的时候,后端在返回token的同时还一并返回用户的登录权限,且我司返回的是一串数组,里面的内容对应每个要显示的路由,没有admin之类的权限。实现流程(具体看代码,超级详细):改变路由结构,分为constantRoutes(静态路由)和asyncRoutes(动态路由)给每个路由赋予角色开始实现动态加载啦实现过程遇到的bug:登录后刷新,页面变成空白。(已解决,将拿到的角色存储在本地
- 【springboot+vue项目(三)】后台管理系统模板vue-admin-template 的使用
幸福巡礼
springbootvue.js后端
目录一、模板介绍二、项目结构介绍三、定制化修改(一)关闭eslint格式校验(二)解决代理跨域问题(三)替换为真实API接口(四)修改axios二次封装(五)优化store/modules/user.js【知识点】:1、【username.trim()】去除username字符串中的前导和尾随空白字符。2、在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下:一、模板介绍简洁版:h
- 云尚办公BUG解决
半个刺猬.
bug
角色管理前端1.登录不跳转将原本的mock服务器改到本地(localhost端口后)发现服务器返回200,但是登录不跳转的情况,寻找问题两小时后终于找到了解决方案:Result类中返回的应该是data而不是date,在vue-admin-template中接收的数据都是用的data所以导致了登录返回成功,却不跳转的问题。2.分页插件点击不跳转之前用element的时候并没有出现这个问题,猜测可能试
- 01.项目_模板学习
Prodigal__son
学习vue.js前端
vue-admin-template模板的学习主要是对于vue-admin-template的学习,利用现成的模板,能大幅提高我们的项目的进度,但也要根据我们的项目需求对模板进行一些更新与修改。项目介绍项目功能模块划分:技术栈:vue-admin-template二次开发ES6,vue,vuex,vue-router,vue-cli,axios,element-ui技术解决方案:RBAC权限设计R
- gin初学者如何搭建一个简单的项目
泡芙妹_a128
项目需要搭建一个web前后端,前端使用了vue-admin-template框架,因为这个不属于新学习的内容,这次按下不表,该文章主要是记录怎么搭建gin后台。后端本来用django已经搭建完成了,但是基于一直想学习一下gin框架,趁着这次机会,搭建一下gin。因为先前用过beego,搭建的过程中最好跟beego对比一下。刚有这个想法,有几个疑问,需要逐一了解。gin中文文档gin的mvc框架如何
- vue-admin-template用户权限控制及按钮权限
从南慕白
一、用户权限1.修改router/index.js文件去掉多余的路由,只留下这两个路由。/404、{path:"*",redirect:"/404",hidden:true}都注释掉。image.png2.修改store/modules/user.js文件image.pngimport{adminMenus,signUserMenus}from"@/router/menus";constgetDe
- vue.js创建网站实例7
hifhf
web前端vue.jsjavascriptnode.js
vue-admin-template使用动态路由,根据权限显示左侧菜单,涉及到要修改的文件有:src/permission.jssrc/store/modules/permission.jssrc/store/modules/user.jssrc/store/modules/errorLog.jssrc/store/modules/tagsView.jssrc/store/getters.jssr
- vue.js创建网站实例6
hifhf
web前端
上线前,注释src/main.js中的如下代码:if(process.env.NODE_ENV==='production'){const{mockXHR}=require('../mock')mockXHR()}vue-admin-template打包部署后,在服务器上访问端口404错误百度搜来的,意思是在本机开发时,自带了代理服务器,部署到服务器上后,只是静态文件,不带代理服务器,需要自己设置
- vue.js创建网站实例3
hifhf
web前端
修改vue-admin-template的左侧菜单,和顶部菜单1.修改顶部菜单,修改src/layout/components/Navbar.vue修改src/components/Breadcrumb/index.vue找到matched=[{path:'/dashboard',meta:{title:'Dashboard'}}].concat(matched)修改title值修改顶部左上角的l
- vue.js创建网站实例2
hifhf
web前端
vue-admin-template和vue-element-admin是一个东西,前者是一个基础模板,后者是一个集成方案,可以使用前者作为你的网站模板,然后复制后者的代码,所以两个都可以克隆下来,参考使用,参考网址:https://panjiachen.github.io/vue-element-admin-site/zh/guide/安装步骤克隆项目,在要部署的文件夹下运行下面的命令gitcl
- vue+elementui 常见问题汇总
从南慕白
1、解决element表格动态添加时,操作栏的边框线消失的问题在这里插入图片描述.el-table__header{th:not(.is-hidden):last-child{right:-1px;}}.el-table__row{td:not(.is-hidden):last-child{right:-1px;}}2、解决vue-admin-template下载的svg做为路由的icon时,大小
- vue-admin-template用户权限控制及按钮权限
从南慕白
vuevue.js
一、用户权限1.修改router/index.js文件去掉多余的路由,只留下这两个路由。/404、{path:“*”,redirect:“/404”,hidden:true}都注释掉。2.修改store/modules/user.js文件import{adminMenus,signUserMenus}from"@/router/menus";constgetDefaultState=()=>{re
- [已解决]vue-admin-template 整合 echarts 实现折线图数据展示
聪明不喝牛奶
Vuevue.js
vue-admin-template整合echarts实现折线图数据展示在项目开发过程中会碰到的就是将数据通过图表的形式展示出来,那么这个就不得不提一下百度唯一一个良心产品echarts了。非常的好用!那么我们今天就将这个作为整合到vue中,实现数据的展示功能。那么在这个之前我们要了解到在vue中一个比较重要的思想就是将这个封装成一个组键随时调用即可!!!!简化代码首先必须引入echarts的包哦
- Vue-admin-template 的表格获取下标
小吴吴吴呀
vue.jsjavascript前端
直接上代码:可以使用scope.$index作为下标获取原创作者:吴小糖创作时间:2023.11.30
- 使用vue-admin-template时,需要注意的问题,包括一定要去除mock.js注释
WEB前端圈
前端框架Vuejsjavascriptvue.js前端
在使用vue-admin-template等前端框架时,如果你没有打算用他们的mock数据,在生产环境下一定要注释mock引用的代码,虽然它没有被调用,但是如果你不注释,就会被打包进去。找到main.js,看如下代码:/***Ifyoudon'twanttousemock-server*youwanttouseMockJsformockapi*youcanexecute:mockXHR()**Cu
- nodejs vue-element-admin (实训1)
滋滋滋YU
1.安装nodejs2.安装git3.下载vue-element-admin建议本项目的定位是后台集成方案,不太适合当基础模板来进行二次开发。因为本项目集成了很多你可能用不到的功能,会造成不少的代码冗余。如果你的项目不关注这方面的问题,也可以直接基于它进行二次开发。集成方案:vue-element-admin基础模板:vue-admin-template桌面终端:electron-vue-admi
- vue-admin-template报错
anuily.
vue.jsjavascript前端
vue-admin-template的项目模板从git上clone下来后,通过yarn装包后,运行的时候报下面这个错*core-js/modules/es.array.push.jsin./node_modules/@babel/runtime/helpers/esm/regeneratorRuntime.js,./node_modules/cache-loader/dist/cjs.js??re
- 记录一个mqtt错误
加油小吃货
vue.js前端javascript
在vue-admin-template中引入mqtt安装不报错,引入试过importmqttfrom'mqtt'import*asmqttfrom'mqtt/dist/mqtt.min';import{connect}from'mqtt'一直报错:就表示不理解,网上也没查到相应的资料,请告诉我我不是第一个遇到的人...
- 基于Springboot+Vue选课系统
编程无忧
Javaspringbootvue.jsjava
选课系统要求(1)数据库表:教师信息表、学生信息表、课程表、选课表其中,教师信息表、学生信息表和选课表的数据需要提前设置,本题主要操作课程表(2)技术架构:后台使用springboot前端使用vue-admin-template(3)考试时间:9:00-15:30(4)禁止抄袭1登录页面注意:注册不做2课程管理2.1分页展示所有课程2.2新增课程注意:新增课程时,课程名称不能相同输入课程名,点击查
- vue antvG6 多功能tree图 树图树结构
、刷刷
vuejsjavascript前端vuejs
vueantvG6多功能tree图树图树结构效果展示代码环境tree图页代码效果展示antvg6树结构效果图antvg6tree图搜索节点antvg6tree图显示时间,状态,导出antvg6tree图新增和删除antvg6tree图重命名和修改节点信息代码环境在panjiachen的vue-admin-template下,安装antvg6、moment和insertCss应该就能运行代码示例地址
- java短路运算符和逻辑运算符的区别
3213213333332132
java基础
/*
* 逻辑运算符——不论是什么条件都要执行左右两边代码
* 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的
* 原理很简单,并联电路代表短路或(||),串联电路代表短路与(&&)。
*
* 并联电路两个开关只要有一个开关闭合,电路就会通。
* 类似于短路或(||),只要有其中一个为true(开关闭合)是
- Java异常那些不得不说的事
白糖_
javaexception
一、在finally块中做数据回收操作
比如数据库连接都是很宝贵的,所以最好在finally中关闭连接。
JDBCAgent jdbc = new JDBCAgent();
try{
jdbc.excute("select * from ctp_log");
}catch(SQLException e){
...
}finally{
jdbc.close();
- utf-8与utf-8(无BOM)的区别
dcj3sjt126com
PHP
BOM——Byte Order Mark,就是字节序标记 在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符,它的编码是FEFF。而FFFE在UCS中是不存在的字符,所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前,先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
- JAVA Annotation之定义篇
周凡杨
java注解annotation入门注释
Annotation: 译为注释或注解
An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
- tomcat的多域名、虚拟主机配置
g21121
tomcat
众所周知apache可以配置多域名和虚拟主机,而且配置起来比较简单,但是项目用到的是tomcat,配来配去总是不成功。查了些资料才总算可以,下面就跟大家分享下经验。
很多朋友搜索的内容基本是告诉我们这么配置:
在Engine标签下增面积Host标签,如下:
<Host name="www.site1.com" appBase="webapps"
- Linux SSH 错误解析(Capistrano 的cap 访问错误 Permission )
510888780
linuxcapistrano
1.ssh -v
[email protected] 出现
Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password).
错误
运行状况如下:
OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013
debug1: Reading configuratio
- log4j的用法
Harry642
javalog4j
一、前言: log4j 是一个开放源码项目,是广泛使用的以Java编写的日志记录包。由于log4j出色的表现, 当时在log4j完成时,log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类,但当时jdk1.4已接近完成,所以sun拒绝使用log4j,当在java开发中
- mysql、sqlserver、oracle分页,java分页统一接口实现
aijuans
oraclejave
定义:pageStart 起始页,pageEnd 终止页,pageSize页面容量
oracle分页:
select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart
sqlServer分页:
 
- Hessian 简单例子
antlove
javaWebservicehessian
hello.hessian.MyCar.java
package hessian.pojo;
import java.io.Serializable;
public class MyCar implements Serializable {
private static final long serialVersionUID = 473690540190845543
- 数据库对象的同义词和序列
百合不是茶
sql序列同义词ORACLE权限
回顾简单的数据库权限等命令;
解锁用户和锁定用户
alter user scott account lock/unlock;
//system下查看系统中的用户
select * dba_users;
//创建用户名和密码
create user wj identified by wj;
identified by
//授予连接权和建表权
grant connect to
- 使用Powermock和mockito测试静态方法
bijian1013
持续集成单元测试mockitoPowermock
实例:
package com.bijian.study;
import static org.junit.Assert.assertEquals;
import java.io.IOException;
import org.junit.Before;
import org.junit.Test;
import or
- 精通Oracle10编程SQL(6)访问ORACLE
bijian1013
oracle数据库plsql
/*
*访问ORACLE
*/
--检索单行数据
--使用标量变量接收数据
DECLARE
v_ename emp.ename%TYPE;
v_sal emp.sal%TYPE;
BEGIN
select ename,sal into v_ename,v_sal
from emp where empno=&no;
dbms_output.pu
- 【Nginx四】Nginx作为HTTP负载均衡服务器
bit1129
nginx
Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统,通过负载均衡服务器,可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器,可以带来很多好处:
负载均衡的好处
增加可用资源
增加吞吐量
加快响应速度,降低延时
出错的重试验机制
Nginx主要支持三种均衡算法:
round-robin
l
- jquery-validation备忘
白糖_
jquerycssF#Firebug
留点学习jquery validation总结的代码:
function checkForm(){
validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID
errorElement :"span",// 使用"div"标签标记错误, 默认:&
- solr限制admin界面访问(端口限制和http授权限制)
ronin47
限定Ip访问
solr的管理界面可以帮助我们做很多事情,但是把solr程序放到公网之后就要限制对admin的访问了。
可以通过tomcat的http基本授权来做限制,也可以通过iptables防火墙来限制。
我们先看如何通过tomcat配置http授权限制。
第一步: 在tomcat的conf/tomcat-users.xml文件中添加管理用户,比如:
<userusername="ad
- 多线程-用JAVA写一个多线程程序,写四个线程,其中二个对一个变量加1,另外二个对一个变量减1
bylijinnan
java多线程
public class IncDecThread {
private int j=10;
/*
* 题目:用JAVA写一个多线程程序,写四个线程,其中二个对一个变量加1,另外二个对一个变量减1
* 两个问题:
* 1、线程同步--synchronized
* 2、线程之间如何共享同一个j变量--内部类
*/
public static
- 买房历程
cfyme
2015-06-21: 万科未来城,看房子
2015-06-26: 办理贷款手续,贷款73万,贷款利率5.65=5.3675
2015-06-27: 房子首付,签完合同
2015-06-28,央行宣布降息 0.25,就2天的时间差啊,没赶上。
首付,老婆找他的小姐妹接了5万,另外几个朋友借了1-
- [军事与科技]制造大型太空战舰的前奏
comsci
制造
天气热了........空调和电扇要准备好..........
最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........
所以,我们不得不关
- dateformat
dai_lm
DateFormat
"Symbol Meaning Presentation Ex."
"------ ------- ------------ ----"
"G era designator (Text) AD"
"y year
- Hadoop如何实现关联计算
datamachine
mapreducehadoop关联计算
选择Hadoop,低成本和高扩展性是主要原因,但但它的开发效率实在无法让人满意。
以关联计算为例。
假设:HDFS上有2个文件,分别是客户信息和订单信息,customerID是它们之间的关联字段。如何进行关联计算,以便将客户名称添加到订单列表中?
&nbs
- 用户模型中修改用户信息时,密码是如何处理的
dcj3sjt126com
yii
当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦,所有我想分享一下我是怎么处理的。
场景是使用的基本的那些(系统自带),你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。
面是它的工作流程: 当创建用户的时候密码需要加密并且保存,但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密,这
- 中文 iOS/Mac 开发博客列表
dcj3sjt126com
Blog
本博客列表会不断更新维护,如果有推荐的博客,请到此处提交博客信息。
本博客列表涉及的文章内容支持 定制化Google搜索,特别感谢 JeOam 提供并帮助更新。
本博客列表也提供同步更新的OPML文件(下载OPML文件),可供导入到例如feedly等第三方定阅工具中,特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
- js去除空格,去除左右两端的空格
蕃薯耀
去除左右两端的空格js去掉所有空格js去除空格
js去除空格,去除左右两端的空格
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
- SpringMVC4零配置--web.xml
hanqunfeng
springmvc4
servlet3.0+规范后,允许servlet,filter,listener不必声明在web.xml中,而是以硬编码的方式存在,实现容器的零配置。
ServletContainerInitializer:启动容器时负责加载相关配置
package javax.servlet;
import java.util.Set;
public interface ServletContainer
- 《开源框架那些事儿21》:巧借力与借巧力
j2eetop
框架UI
同样做前端UI,为什么有人花了一点力气,就可以做好?而有的人费尽全力,仍然错误百出?我们可以先看看几个故事。
故事1:巧借力,乌鸦也可以吃核桃
有一个盛产核桃的村子,每年秋末冬初,成群的乌鸦总会来到这里,到果园里捡拾那些被果农们遗落的核桃。
核桃仁虽然美味,但是外壳那么坚硬,乌鸦怎么才能吃到呢?原来乌鸦先把核桃叼起,然后飞到高高的树枝上,再将核桃摔下去,核桃落到坚硬的地面上,被撞破了,于是,
- JQuery EasyUI 验证扩展
可怜的猫
jqueryeasyui验证
最近项目中用到了前端框架-- EasyUI,在做校验的时候会涉及到很多需要自定义的内容,现把常用的验证方式总结出来,留待后用。
以下内容只需要在公用js中添加即可。
使用类似于如下:
<input class="easyui-textbox" name="mobile" id="mobile&
- 架构师之httpurlconnection----------读取和发送(流读取效率通用类)
nannan408
1.前言.
如题.
2.代码.
/*
* Copyright (c) 2015, S.F. Express Inc. All rights reserved.
*/
package com.test.test.test.send;
import java.io.IOException;
import java.io.InputStream
- Jquery性能优化
r361251
JavaScriptjquery
一、注意定义jQuery变量的时候添加var关键字
这个不仅仅是jQuery,所有javascript开发过程中,都需要注意,请一定不要定义成如下:
$loading = $('#loading'); //这个是全局定义,不知道哪里位置倒霉引用了相同的变量名,就会郁闷至死的
二、请使用一个var来定义变量
如果你使用多个变量的话,请如下方式定义:
. 代码如下:
var page
- 在eclipse项目中使用maven管理依赖
tjj006
eclipsemaven
概览:
如何导入maven项目至eclipse中
建立自有Maven Java类库服务器
建立符合maven代码库标准的自定义类库
Maven在管理Java类库方面有巨大的优势,像白衣所说就是非常“环保”。
我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下,然后全部添加到ide的构建路径中,如果用了SVN/CVS,这样会很容易就 把
- 中国天气网省市级联页面
x125858805
级联
1、页面及级联js
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
&l