My workspace in Internet,Focus on Internet Technology

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

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

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 | 没有评论 3,491 views

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: Font Awesome, woff

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

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

解决：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: mysql

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

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

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: node

springmvc postHandle拦截器中ModelAndView为null

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

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

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

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

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

Tags: postHandle

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

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

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>

› 继续阅读

Tags: Druid, JDBCTemplate, springboot

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

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

问题起因：

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.因使用的新版的驱动需要调整的部分

› 继续阅读

Tags: docker, mysql

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

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

常用的随机数生成

使用 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: RandomStringUtils, 随机数

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

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

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

git deleted状态处理

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

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

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

再推送到仓库即可

Tags: git

Search

git提交文件时，遇到no changes added to commit - 2448 views
git常用指令速查记录 - 1417 views
centos7卸载自带git升级到最新版git记录 - 2260 views
git初始配置存储帐号等 - 1832 views
Git没有记录你的Contributions的修复记 - 2382 views
git忽略整个文件夹及移除已经提交的文件 - 3677 views
自动化git更新初步实践之crontab - 4921 views
git常用使用简易教程 - 2829 views

文章分类

ajax (10)
algorithm-learn (3)
Android (6)
as (3)
computer (86)
Database (30)
disucz (4)
enterprise (1)
erlang (2)
flash (5)
golang (3)
html5 (18)
ios (4)
JAVA-and-J2EE (186)
linux (144)
mac (10)
movie-music (11)
pagemaker (36)
php (50)
spring-boot (2)
Synology群晖 (2)
Uncategorized (6)
unity (1)
webgame (15)
wordpress (33)
work-other (2)
低代码 (1)
体味生活 (40)
前端 (21)
大数据 (8)
游戏开发 (9)
爱上海 (19)
读书 (4)
软件 (3)

Pomelo Lee workspace