上传文件按钮隐藏及美化处理

星期一, 2019-08-12 | Author: Lee | html5 | 没有评论

1.上传文件的按钮一直都是系统默认感觉不好看,可以通过下面两种方式调节

1.1 通过绑定click事件进行后续处理

1.2 为样式隐藏 如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>upload</title>
</head>
<body>
	<script type="text/javascript">
		function clp(){
			return document.getElementById('fileIa').click();
		}
		function up(){
			var file = document.getElementById("file").files[0],        
     		form = new FormData(),
    		 req = new XMLHttpRequest();
    		 form.append("file", file);
     		req.onreadystatechange = function() {
        	if(req.readyState === 4 && req.status === 200) {
            	// 回调函数
       		 }
     		req.open("post", 'URL', true);
     		req.send(form);
		}
	</script>
	<a href="javascript:clp();">clp</a>
<input type="file" name="fileIa" id="fileIa" style="display: none;">
 
<p>第二种</p>
<style>
#uploadImg{overflow:hidden; position:absolute}
#handfile{ position:absolute; z-index:100; opacity:0;filter:alpha(opacity=0);}
</style>
<span id="uploadImg" title="上传图片和文件等"><input type="file" id="handfile" size="1" ><a href="javascript:;" title="上传图片文件等">upload</a></span>
</body>
</html>

Tags:

Apache、Nginx下Font Awesome等woff的文件得显示问题

星期三, 2019-08-07 | Author: Lee | html5, JAVA-and-J2EE | 没有评论

1.Apache 下配置新增

ddType application/font-sfnt otf ttf
AddType application/font-woff woff
AddType application/font-woff2 woff2
AddType application/vnd.ms-fontobject eot
 
<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

2.nginx 配置新增

location ~* \.(eot|otf|ttf|woff|woff2|svg)$ {
root /data/www;
add_header Access-Control-Allow-Origin *;
}

Tags: ,

解决:mysql5.7 timestamp默认值‘0000-00-00 00:00:00’报错及Ubuntu Server下启动/停止/重启MySQL

星期六, 2019-07-27 | Author: Lee | JAVA-and-J2EE, linux | 没有评论

解决:mysql5.7 timestamp默认值‘0000-00-00 00:00:00’报错及Ubuntu Server下启动/停止/重启MySQL

1.Ubuntu Server下启动/停止/重启MySQL

启动mysql:
方式一:sudo /etc/init.d/mysql start 
方式二:sudo service mysql start
 
停止mysql:
方式一:sudo /etc/init.d/mysql stop 
方式二:sudo service mysql stop
 
重启mysql:
方式一:sudo/etc/init.d/mysql restart
方式二:sudo service mysql restart

2. ‘0000-00-00 00:00:00’报错的解决

使用 SELECT @@sql_mode; 查询当前的sql模式

更改模式版本 在my.cnf[mysqld]下添加 重启服务即可

sql-mode=ONLY_FULL_GROUP_BY,STRICT_TRANS_TABLES,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

Tags:

centos安装node及ant design pro项目初始化

星期六, 2019-07-13 | Author: Lee | html5 | 没有评论

1.安装node当前稳定版node-v10.16.0

	wget https://npm.taobao.org/mirrors/node/v10.16.0/node-v10.16.0-linux-x64.tar.xz
	xz -d node-v10.16.0-linux-x64.tar.xz
	tar -xf node-v10.16.0-linux-x64.tar
	mv node-v10.16.0-linux-x64 /usr/local/nodejs
    ln -s /usr/local/nodejs/bin/node /usr/bin/node
    ln -s /usr/local/nodejs/bin/npm /usr/bin/npm
    ln -s /usr/local/nodejs/bin/npx /usr/bin/npx

2.现在 node -v 或者 npm -v 查看对应的版本,再安装umi

   npm install -g umi
   ln -s /usr/local/nodejs/bin/umi /usr/bin/umi

3.加速npm

	npm install -g cnpm --registry=https://registry.npm.taobao.org
    npm config set registry https://registry.npm.taobao.org

4.初始化Ant Design Pro 4.0.0

	git clone https://github.com/ant-design/ant-design-pro --depth=1
	cd ant-design-pro
    cnpm install
    cnpm start
    ##下载完整版本示例
    cnpm run fetch:blocks

5.开发相关
新增自定义页面,可以在src/pages目录下新建js或者ts和less文件或者文件目录

6.在config/router.config.ts里添加 路由

Tags:

springmvc postHandle拦截器中ModelAndView为null

星期一, 2019-07-01 | Author: Lee | JAVA-and-J2EE | 没有评论

常常使用spring mvc 的postHandle 拦截器做些内容

但是要注意的是:如果使用了RestController则意味着返回了 ResponseBody,将不再有ModelAndView

此刻如果不做任何处理的话,会看到一堆重复out输出的异常,即重复输出。

解决之法,当然是判断 ModelAndView 为null时,不再做处理 即可.

Tags:

springboot 使用druid连接池及使用原JDBCTemplate配置

星期日, 2019-06-30 | Author: Lee | Database, JAVA-and-J2EE | 没有评论

0.springboot 版本说明2.1.4.RELEASE

1.起因是部门架构部说druid在高并发下和以前的框架集成包有冲突
会造成连接池无法缓存,连接数暴涨,达到最大连接数,从而造成服务异常

2.我没有实际测试,也不好直接下结论,姑且把常用的spring boot 集成的druid配置如下:

     <dependency>
	<groupid>org.springframework</groupid>
	<artifactid>spring-jdbc</artifactid>
     </dependency>
     <dependency>
	<groupid>com.alibaba</groupid>
	<artifactid>druid-spring-boot-starter</artifactid>
	<version>1.1.10</version>
     </dependency>

› Continue reading

Tags: , ,

docker 下mysql时区8个小时的解决办法及JDBC连接数据库mysql serverTimezone useSSL时差

星期四, 2019-06-20 | Author: Lee | JAVA-and-J2EE, linux | 没有评论

问题起因:

1.应用启动初始化数据看了下插入的数据时间和本地时间不一致 差了8个小时

解决方法:
网上检索之发现最终引起的原因是新版JDBC驱动指定的serverTimezone的原因

1.修正docker下mysql时区的问题

	show variables like '%time_zone%';
 
	set global time_zone='Asia/Shanghai';
 
	set  time_zone='Asia/Shanghai';
 
	flush privileges;

实际上这么操作后,如果无法生效的话,还是要修改配置文件并重新启动mysql使其生效

docker下的路径在 /etc/mysql/conf.d/my.cnf

	修改my.cnf
 
	default-time-zone ='Asia/Shanghai'

查看 select now(); 等 如下图

2.因使用的新版的驱动需要调整的部分

› Continue reading

Tags: ,

随机数生成的工具类–Apache Commons–RandomStringUtils

星期六, 2019-06-15 | Author: Lee | JAVA-and-J2EE | 没有评论

常用的随机数生成

使用 Commons Lang 项目地址:http://commons.apache.org/proper/commons-lang/

当前POM最新引用:

<dependency>
  <groupId>org.apache.commons</groupId>
  <artifactId>commons-lang3</artifactId>
  <version>3.9</version>
</dependency>

常用使用示例:
1.RandomStringUtils.random(4)

:产生4位长度的随机字符串,中文环境下是乱码

2.RandomStringUtils.random(4, new char[]{‘a’,’b’,’c’,’d’,’e’,’f’, ‘1’, ‘2’, ‘3’})

:使用指定的字符生成4位长度的随机字符串

3.RandomStringUtils.randomAlphabetic(4)

:生成指定长度的随机大小写字母组合的字符串

4.RandomStringUtils.randomAlphanumeric(4)

:生成指定长度的字母数字组合的字符串

4.RandomStringUtils.randomNumeric(4)

:生成随机数字字符串

6.RandomStringUtils.randomAscii(4)

:生成从ASCII 32到126组成的随机字符串 (包括符号)

Tags: ,

centos7卸载自带git升级到最新版git记录

星期三, 2019-05-15 | Author: Lee | linux | 没有评论

git版本升级到高版本(git-2.21.0)。下面说下git升级的操作记录

[root@IA ~]# git --version
git version 1.8.3

0)安装依赖软件

[root@IA ~]# yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel asciidoc
 
[root@IA ~]# yum install  gcc perl-ExtUtils-MakeMaker

1)卸载系统自带的底版本git(1.8.3)

[root@IA ~]# git --version
git version 1.8.3
 
[root@IA ~]# yum remove git

2)编译安装最新的git版本

[root@IA ~]# cd /usr/local/src/
 
[root@IA src]# wget https://mirrors.edge.kernel.org/pub/software/scm/git/git-2.21.0.tar.xz
 
[root@IA src]# tar -vxf git-2.21.0.tar.xz
 
[root@IA src]# cd git-2.21.0
 
[root@IA git-2.21.0]# make prefix=/usr/local/git all
 
[root@IA git-2.21.0]# make prefix=/usr/local/git install
 
[root@IA git-2.21.0]# echo "export PATH=$PATH:/usr/local/git/bin" >> /etc/profile
 
[root@IA git-2.21.0]# source /etc/profile
 
[root@IA ~]# git --version
git version 2.21.0

如果是非root用户使用git,则需要配置下该用户下的环境变量

[app@IA ~]$ echo "export PATH=$PATH:/usr/local/git/bin" >> ~/.bashrc
 
[app@IA ~]$ source ~/.bashrc
[app@IA ~]$ git --version
git version 2.21.0

Tags:

git deleted状态处理

星期二, 2019-05-07 | Author: Lee | computer, JAVA-and-J2EE | 没有评论

1. git rm –cached “文件路径”,不删除物理文件,仅将该文件从缓存中删除

2. git rm –f “文件路径”,不仅将该文件从缓存中删除,还会将物理文件删除(不会回收到垃圾桶)

再推送到仓库即可

Tags:

Search

文章分类

Meta