- 在线预览PDF和图片
oyxm____
pdfvue.jsjavascript
项目中遇到一个需要在线预览pdf以及图片功能,在网上找了很多插件发现都达不到理想需求,所有自己通过iframe标签自己封装了一个内嵌pdf页面通过判断当前文件流的后缀名来区分是pdf还是图片或者是其他类文档组件如下,需要的自取直接可用-->-->下载图片关闭import{online}from'@/api/system/user.js'exportdefault{props:{pdfDialog:
- Vue3通用请求响应拦截器与请求方法封装
@泽栖
Vue3请求响应
文章目录请求响应拦截器:请求拦截器响应拦截器:错误处理统一请求封装:请求响应拦截器:请求拦截器向请求头中添加tokenimportaxiosfrom'axios'import{getToken,removeToken}from'@/utils/cookie'import{useUserStore}from"@/store/moudel/user.js";//保存在本地的数据importmodalf
- react-native使用第三方库以及引入react-native-elements(十二)
Museions
ReactNative开发react-nativeJSX
react-native使用第三方库以及引入react-native-elements1.首先需要下载依赖包到本地cd/projectyarnaddreact-native-elements#orwithnpmnpminstallreact-native-elements2.引入react-native-elements到项目的component中User.js以头像组件为例:import{Ava
- 在vue项目中使用mockjs
不7而遇_
这里的vue项目是基于vue-cli创建的项目首先我们需要在项目里安装mocknpmimockjs-S安装后我们在src目录下创建一个mock目录src/mock/index.jsconstMock=require('mockjs')//引入mockimport{userInfo}from'./user'//从user.js页面引入userinfoMock.mock('http//api/v1/l
- Vue - Get类型接口步骤
璃小灯吖
最近学习怎么接接口,写个步骤文档以后用。有什么不对的地方,请多指教~以树形控件接口为例1、在user.js目录下写一个请求方法"getDictInfo"由于是get方法所以在()中不需要入参。url由接口文档给出接口文档示例.jpg//护理等级获取护理单元字典列表exportfunctiongetDictInfo(){returnrequest({url:'/admin/busNursingCla
- 0125-1-vue3初体验
武昌库里写JAVA
面试题汇总与解析vue
vue3尝鲜体验初始化安装@vue/cli@next:yarnglobaladd@vue/cli@next#ORnpminstall-g@vue/cli@next然后在Vue项目运行:vueupgrade--next项目目录vue3-template├──index.html//html模板├──mock//mock数据│└──user.js├──node_modules├──package-lo
- vuex-跨模块访问
盖盖衍上
Vue2vue.js前端vuex
1.场景案例:跨模块访问和退出登录假设我们有一个Vuexstore,其中包含user模块和cart模块。当用户点击退出登录按钮时,我们需要调用user模块中的方法来清除用户信息,同时还需要清除cart模块中的购物车数据。2.实现-跨模块访问参考官网:在带命名空间的模块内访问全局内容(GlobalAssets)首先,我们需要在Vuexstore中定义user模块和cart模块在user.js中调用c
- 黑马程序员SpringBoot3和Vue3中big-event(大事件)项目中更新用户密码功能Vue代码的实现
不想起来
vue.jsjavascript前端
Vue代码实现主要分为以下三部分user.js文件下代码:exportconstuserUpdatePasswordService=({old_pwd,new_pwd,re_pwd,token})=>request.patch('/user/updatePwd',{old_pwd,new_pwd,re_pwd},{headers:{Authorization:token}});token.js文件
- node.js(express.js)+mysql实现登录功能
鸥总
node.jsnode.jsexpressjavascript
文章目录前言实现步骤实现步骤一、检测登录表单的数据是否合法(3)新建schema/user.js(4)在routes/use.js中引入schema/user.js中的方法reg_login_schema,代码如下:二、根据用户名查询用户的数据三、判断用户输入的密码是否正确四、生成JWT的Token字符串最终登录接口代码如下:五、在app.js中注册路由之前,配置解析token的中间件,为了指定那
- Vue的api接口封装以及使用说明、模块说明
勇哥哥的技术博客
vue.js
在Api目录下面建立user.js,如果以后有不同的接口请求地址都可以单独创建不同的,目的是方便维护!importrequestfrom'@/utils/request'这个代码是引入之前封装好的request.js文件,具体可以参考上门一篇文档Vue的request.js模块封装https://blog.csdn.net/wushengyong1996/article/details/13554
- 利用gulp工具对常规web项目进行压缩打包
Marco-hui
开发工具使用技巧前端框架使用技巧gulpnode.js前端项目打包
前言对于一个常规的web项目,如下项目目录|-imgs|-img1.png|-img2.png|-js|-user.js|-utils.js|-css|-index.css|-user.css|-html|-user.html|-index.html可以使用各种构建工具(如webpack、gulp、grunt等)来打包这个项目,这些工具可以对html、css、js文件进行压缩,以及优化图片等。下面
- vue+node.js手把手教你搭建一个直播平台(五)
小羽曜上进
hello,好久不见呀!老铁们,国庆过去了,该开始敲代码啦!赶紧瞧过来,告诉你们一个秘密,小羽悄咪咪的更新了~不用怕,这节的内容比较简单,刚刚跟祖国母亲过完生日,脑子里还是想着怎么玩呢,哈哈哈!!!所以这节主要讲最常见的登录注册接口接入【狗头保命】1.api接口相关在src/api/modules新建user.js文件。在src/api/index.js中引入user.js。image-20201
- 【springboot+vue项目(三)】后台管理系统模板vue-admin-template 的使用
幸福巡礼
springbootvue.js后端
目录一、模板介绍二、项目结构介绍三、定制化修改(一)关闭eslint格式校验(二)解决代理跨域问题(三)替换为真实API接口(四)修改axios二次封装(五)优化store/modules/user.js【知识点】:1、【username.trim()】去除username字符串中的前导和尾随空白字符。2、在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下:一、模板介绍简洁版:h
- Node.js+Express 路由配置,实现接口分类管理
我是唐赢
Node.jsexpressmysqlnode.jsexpress前端
首先创建一个路由目录及文件routes/user.js代码constexpress=require('express');constrouter=express.Router();//使用express提供的router对象constdb=require('../dbserver/mysql');router.get('/api/user',(req,res)=>{constsqlStr='SEL
- 若依框架 前台自己获取登录用户信息
可恨的资本家
前端javascript开发语言
这个方法其实只能获取到用户名称,获取不到用户id,不知道官方文档写了但是没有是个什么意思constuserid=this.$store.state.user.userId;constusername=this.$store.state.user.name1.获取用户id在src包下找到store,modules下的user.js文件login_id就是需要用到的用户idmutations:{SET
- 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
- pinia安装,持久化,统一导出
骆骆爱学习
javascriptvue.js前端
文章目录前言Pinia是什么?一、Pinia与持久化插件安装二、使用步骤创建Store下面是目录结构下面是`index.js`代码pinia独立维护仓库统一导出下面是modules目录下的`user.js`代码下面是`main.js`代码,整个项目只有一个main.js前言Pinia是什么?Pinia和Vuex一样是专门为Vue设计的状态管理库,允许跨组件或页面共享状态,Api设计比Vuex更简单
- vue2 + vue-element-admin动态路由权限详细教程
啟大大
vue.js前端
vue-element-admin动态路由(权限路由)前言如果有参考过本文的同学和粉丝请看第七步最新修改。修改了之前第五步中permission.js的代码,去掉了第七步中的代码。vue-element-admin权限路由,本人测试切换页面正常、刷新正常(不会404、不会空白页)、修改权限(store/user.js)下的roles正常回显。一、router/index.js下路由定义代码如下(示
- redux(4) -RTK简单使用
国王不在家
react前端javascript开发语言
简单使用1、下载npmi@reduxjs/toolkitreact-redux2、创建1、在redux/user.js中创建模块user。从@reduxjs/toolkit中引入createSlice创建模块片段,我们需要传入name、初始数据initialState、改state的reducers等。最后需要导出reducer和action。代码如下:import{createSlice}fro
- 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
- koa2 mongdb 做后端接口的小demo
前端老码农
前端javascript
现在前端全栈里面有一种技术栈比较火前端使用vue或者react后端使用koa2mysql数据库或者mongdb做数据储存但是基本这样的全栈教程都要收费收费就收费吧但是有没有遇到非常好的教程于是准备硬着头皮看别人项目的源码自己摸索一步一步完成koamongdb的后端学习下面就写一个很简单的koamongdb的数据库写入user.js//这个页面写数据库连接varmongoose=require('m
- 退出登录 清除token
山水别相逢
htmlservlet前端
stor/module/user.js文件mutations:{...clearToken(state){state.token=''delToken()},//设置用户信息...clearUserInfo(state){state.userInfo={}}},actions:{...//logout页面点击事件名logout(ctx){ctx.commit('clearToken')ctx.co
- vuex的使用之mapActions
会做梦的辣条鱼
移动端VueVuevuexmapActions方法映射事件触发
vue项目中,经常会使用到vuex,vuex是vue的一个状态管理。本文简单总结一下:vuex中mapActions的使用。如果一个方法或多个方法需要在多个页面和组件中使用,那么,可以使用mapActions。一.vuex中声明变量个方法1.在store/module/user.js中接口引入import{login,logout,getUserInfo}from'@/api/user'2.在mu
- Vue3-admin-element框架学习笔记----2(修改它)
破浪前进
学习笔记javascript
1:首先是了解目录的作用://这边是我个人经过尝试以及查阅得到的结论加载缓存:index.html登录左上角文字:src>layouts>components>Logo>index.vue全项目提示词:src>locales>lang>zh-cn.js登录注册提示词(暂定):src>stire>modules>user.js注册登录页面:src>views>login>comp首页:src>vie
- 关于vuex刷新页面数据丢失的问题
热心网友!
vuevuex
在讲vuex数据丢失的问题之前呢,先讲怎么写vuex1.需要配置(我这里由于需要的内容可能以后会用到,所以分开来写的)在vue的src目录下创建一个store文件夹里面有store.js、getters和modules文件夹modules文件夹下有app.js和user.js文件store.js在全局main.js里引入importstorefrom'./store/store'在store.js
- vuex模块化
小米南瓜粥
vuejavascriptvue
vuex模块化目录结构如下:types.js内定义常量,使用常量替代mutation事件类型user.js内写该user组件内用到的state、getters、actions和mutations,并最后统一导出(类似上个例子中的store.js)getters.js内写原来的getters,用来获取属性actions.js内写原来的actions,就是要执行的动作,如流程的判断、异步请求index
- Vue3项目实战
野槐
vue.js前端javascript
目录一、项目准备二、基础语法应用2.1、mixin应用2.2、网络请求2.3、显示与隐藏2.4、编程式路由跳转2.5、下载资料2.6、调用方法2.7、监听路由变化2.8、pinia应用(1)存储token(user.js)(2)全选全不选案例(car.js)一、项目准备下载:cnpmiunplugin-auto-import-D//setup语法糖插件npmi-D@types/node//解决vi
- vuex存储用户信息封装
岳哥i
1024程序员节
1.新建user.js:constuser={ state:{ user:"" }, mutations:{ USER_INFO(state,info){ state.user=info } }, actions:{ saveUserInfo({commit},data){ commit('USER_INFO',data) } }};exportdefaultuser2.stor
- vue 分页, vue实现分页功能,vue实现表格分页
富士 山下
vuevue.jsjavascript前端
效果图片展示表格数据的话我是调用后端,后端给前端返回一个数组,里面是json格式的数据,赋给el-table的data,随后再对应好label和prop不多说了,直接放代码//分页功能EditDelete-->import{getUserAll}from'@/api/user.js'exportdefault{data(){return{userTableData:[],//表格数据current
- egg.js(MySQL)的应用
小马nong
nodejsjavascriptcssnode.jsnpm
以下方法声明在/app/controller中创建的js文件中使用。数据库的引用(要先在egg中引入和配置好sequlize):awaitctx.model.User.create//User为数据库中的表名,create为方法,引入model文件夹下的user.js文件。下面内容亦同1.db增加数据(create)asyncabc(){const{ctx}=this;try{awaitctx.m
- eclipse maven
IXHONG
eclipse
eclipse中使用maven插件的时候,运行run as maven build的时候报错
-Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable and mvn script match.
可以设一个环境变量M2_HOME指
- timer cancel方法的一个小实例
alleni123
多线程timer
package com.lj.timer;
import java.util.Date;
import java.util.Timer;
import java.util.TimerTask;
public class MyTimer extends TimerTask
{
private int a;
private Timer timer;
pub
- MySQL数据库在Linux下的安装
ducklsl
mysql
1.建好一个专门放置MySQL的目录
/mysql/db数据库目录
/mysql/data数据库数据文件目录
2.配置用户,添加专门的MySQL管理用户
>groupadd mysql ----添加用户组
>useradd -g mysql mysql ----在mysql用户组中添加一个mysql用户
3.配置,生成并安装MySQL
>cmake -D
- spring------>>cvc-elt.1: Cannot find the declaration of element
Array_06
springbean
将--------
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3
- maven发布第三方jar的一些问题
cugfy
maven
maven中发布 第三方jar到nexus仓库使用的是 deploy:deploy-file命令
有许多参数,具体可查看
http://maven.apache.org/plugins/maven-deploy-plugin/deploy-file-mojo.html
以下是一个例子:
mvn deploy:deploy-file -DgroupId=xpp3
- MYSQL下载及安装
357029540
mysql
好久没有去安装过MYSQL,今天自己在安装完MYSQL过后用navicat for mysql去厕测试链接的时候出现了10061的问题,因为的的MYSQL是最新版本为5.6.24,所以下载的文件夹里没有my.ini文件,所以在网上找了很多方法还是没有找到怎么解决问题,最后看到了一篇百度经验里有这个的介绍,按照其步骤也完成了安装,在这里给大家分享下这个链接的地址
- ios TableView cell的布局
张亚雄
tableview
cell.imageView.image = [UIImage imageNamed:[imageArray objectAtIndex:[indexPath row]]];
CGSize itemSize = CGSizeMake(60, 50);
&nbs
- Java编码转义
adminjun
java编码转义
import java.io.UnsupportedEncodingException;
/**
* 转换字符串的编码
*/
public class ChangeCharset {
/** 7位ASCII字符,也叫作ISO646-US、Unicode字符集的基本拉丁块 */
public static final Strin
- Tomcat 配置和spring
aijuans
spring
简介
Tomcat启动时,先找系统变量CATALINA_BASE,如果没有,则找CATALINA_HOME。然后找这个变量所指的目录下的conf文件夹,从中读取配置文件。最重要的配置文件:server.xml 。要配置tomcat,基本上了解server.xml,context.xml和web.xml。
Server.xml -- tomcat主
- Java打印当前目录下的所有子目录和文件
ayaoxinchao
递归File
其实这个没啥技术含量,大湿们不要操笑哦,只是做一个简单的记录,简单用了一下递归算法。
import java.io.File;
/**
* @author Perlin
* @date 2014-6-30
*/
public class PrintDirectory {
public static void printDirectory(File f
- linux安装mysql出现libs报冲突解决
BigBird2012
linux
linux安装mysql出现libs报冲突解决
安装mysql出现
file /usr/share/mysql/ukrainian/errmsg.sys from install of MySQL-server-5.5.33-1.linux2.6.i386 conflicts with file from package mysql-libs-5.1.61-4.el6.i686
- jedis连接池使用实例
bijian1013
redisjedis连接池jedis
实例代码:
package com.bijian.study;
import java.util.ArrayList;
import java.util.List;
import redis.clients.jedis.Jedis;
import redis.clients.jedis.JedisPool;
import redis.clients.jedis.JedisPoo
- 关于朋友
bingyingao
朋友兴趣爱好维持
成为朋友的必要条件:
志相同,道不合,可以成为朋友。譬如马云、周星驰一个是商人,一个是影星,可谓道不同,但都很有梦想,都要在各自领域里做到最好,当他们遇到一起,互相欣赏,可以畅谈两个小时。
志不同,道相合,也可以成为朋友。譬如有时候看到两个一个成绩很好每次考试争做第一,一个成绩很差的同学是好朋友。他们志向不相同,但他
- 【Spark七十九】Spark RDD API一
bit1129
spark
aggregate
package spark.examples.rddapi
import org.apache.spark.{SparkConf, SparkContext}
//测试RDD的aggregate方法
object AggregateTest {
def main(args: Array[String]) {
val conf = new Spar
- ktap 0.1 released
bookjovi
kerneltracing
Dear,
I'm pleased to announce that ktap release v0.1, this is the first official
release of ktap project, it is expected that this release is not fully
functional or very stable and we welcome bu
- 能保存Properties文件注释的Properties工具类
BrokenDreams
properties
今天遇到一个小需求:由于java.util.Properties读取属性文件时会忽略注释,当写回去的时候,注释都没了。恰好一个项目中的配置文件会在部署后被某个Java程序修改一下,但修改了之后注释全没了,可能会给以后的参数调整带来困难。所以要解决这个问题。
&nb
- 读《研磨设计模式》-代码笔记-外观模式-Facade
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
* 百度百科的定义:
* Facade(外观)模式为子系统中的各类(或结构与方法)提供一个简明一致的界面,
* 隐藏子系统的复杂性,使子系统更加容易使用。他是为子系统中的一组接口所提供的一个一致的界面
*
* 可简单地
- After Effects教程收集
cherishLC
After Effects
1、中文入门
http://study.163.com/course/courseMain.htm?courseId=730009
2、videocopilot英文入门教程(中文字幕)
http://www.youku.com/playlist_show/id_17893193.html
英文原址:
http://www.videocopilot.net/basic/
素
- Linux Apache 安装过程
crabdave
apache
Linux Apache 安装过程
下载新版本:
apr-1.4.2.tar.gz(下载网站:http://apr.apache.org/download.cgi)
apr-util-1.3.9.tar.gz(下载网站:http://apr.apache.org/download.cgi)
httpd-2.2.15.tar.gz(下载网站:http://httpd.apac
- Shell学习 之 变量赋值和引用
daizj
shell变量引用赋值
本文转自:http://www.cnblogs.com/papam/articles/1548679.html
Shell编程中,使用变量无需事先声明,同时变量名的命名须遵循如下规则:
首个字符必须为字母(a-z,A-Z)
中间不能有空格,可以使用下划线(_)
不能使用标点符号
不能使用bash里的关键字(可用help命令查看保留关键字)
需要给变量赋值时,可以这么写:
- Java SE 第一讲(Java SE入门、JDK的下载与安装、第一个Java程序、Java程序的编译与执行)
dcj3sjt126com
javajdk
Java SE 第一讲:
Java SE:Java Standard Edition
Java ME: Java Mobile Edition
Java EE:Java Enterprise Edition
Java是由Sun公司推出的(今年初被Oracle公司收购)。
收购价格:74亿美金
J2SE、J2ME、J2EE
JDK:Java Development
- YII给用户登录加上验证码
dcj3sjt126com
yii
1、在SiteController中添加如下代码:
/**
* Declares class-based actions.
*/
public function actions() {
return array(
// captcha action renders the CAPTCHA image displ
- Lucene使用说明
dyy_gusi
Lucenesearch分词器
Lucene使用说明
1、lucene简介
1.1、什么是lucene
Lucene是一个全文搜索框架,而不是应用产品。因此它并不像baidu或者googleDesktop那种拿来就能用,它只是提供了一种工具让你能实现这些产品和功能。
1.2、lucene能做什么
要回答这个问题,先要了解lucene的本质。实际
- 学习编程并不难,做到以下几点即可!
gcq511120594
数据结构编程算法
不论你是想自己设计游戏,还是开发iPhone或安卓手机上的应用,还是仅仅为了娱乐,学习编程语言都是一条必经之路。编程语言种类繁多,用途各 异,然而一旦掌握其中之一,其他的也就迎刃而解。作为初学者,你可能要先从Java或HTML开始学,一旦掌握了一门编程语言,你就发挥无穷的想象,开发 各种神奇的软件啦。
1、确定目标
学习编程语言既充满乐趣,又充满挑战。有些花费多年时间学习一门编程语言的大学生到
- Java面试十问之三:Java与C++内存回收机制的差别
HNUlanwei
javaC++finalize()堆栈内存回收
大家知道, Java 除了那 8 种基本类型以外,其他都是对象类型(又称为引用类型)的数据。 JVM 会把程序创建的对象存放在堆空间中,那什么又是堆空间呢?其实,堆( Heap)是一个运行时的数据存储区,从它可以分配大小各异的空间。一般,运行时的数据存储区有堆( Heap)和堆栈( Stack),所以要先看它们里面可以分配哪些类型的对象实体,然后才知道如何均衡使用这两种存储区。一般来说,栈中存放的
- 第二章 Nginx+Lua开发入门
jinnianshilongnian
nginxlua
Nginx入门
本文目的是学习Nginx+Lua开发,对于Nginx基本知识可以参考如下文章:
nginx启动、关闭、重启
http://www.cnblogs.com/derekchen/archive/2011/02/17/1957209.html
agentzh 的 Nginx 教程
http://openresty.org/download/agentzh-nginx-tutor
- MongoDB windows安装 基本命令
liyonghui160com
windows安装
安装目录:
D:\MongoDB\
新建目录
D:\MongoDB\data\db
4.启动进城:
cd D:\MongoDB\bin
mongod -dbpath D:\MongoDB\data\db
&n
- Linux下通过源码编译安装程序
pda158
linux
一、程序的组成部分 Linux下程序大都是由以下几部分组成: 二进制文件:也就是可以运行的程序文件 库文件:就是通常我们见到的lib目录下的文件 配置文件:这个不必多说,都知道 帮助文档:通常是我们在linux下用man命令查看的命令的文档
二、linux下程序的存放目录 linux程序的存放目录大致有三个地方: /etc, /b
- WEB开发编程的职业生涯4个阶段
shw3588
编程Web工作生活
觉得自己什么都会
2007年从学校毕业,凭借自己原创的ASP毕业设计,以为自己很厉害似的,信心满满去东莞找工作,找面试成功率确实很高,只是工资不高,但依旧无法磨灭那过分的自信,那时候什么考勤系统、什么OA系统、什么ERP,什么都觉得有信心,这样的生涯大概持续了约一年。
根本不是自己想的那样
2008年开始接触很多工作相关的东西,发现太多东西自己根本不会,都需要去学,不管是asp还是js,
- 遭遇jsonp同域下变作post请求的坑
vb2005xu
jsonp同域post
今天迁移一个站点时遇到一个坑爹问题,同一个jsonp接口在跨域时都能调用成功,但是在同域下调用虽然成功,但是数据却有问题. 此处贴出我的后端代码片段
$mi_id = htmlspecialchars(trim($_GET['mi_id ']));
$mi_cv = htmlspecialchars(trim($_GET['mi_cv ']));
贴出我前端代码片段:
$.aj