vscode二次开发界面篇

本文给大家介绍vscode的界面的自定义修改

首先,先看vsocde界面如图1:

图1

界面大致可以分为六部分:
1.标题栏titlebar 包含其中左边的(包括文件~帮助)为菜单栏menubar
2.活动栏activitybar
3.侧边栏sidebar
4.编辑器editor
5.终端及输出等panel
6.状态栏statusbar
通过分类我们已经清楚了每个部分,接下来我们就动手尝试吧!

JSP中Http请求实例

服务端发送请求实例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<%@page import="cn.hutool.json.JSONObject"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2>HTTP 服务端发送请求实例</h2>
<%
response.setContentType("application/json;charset=utf8");

JSONObject json = new JSONObject();
json.put("msg", "hello world");

out.print(json);
%>
</body>
</html>

使用postman作为客户端请求结果:

1
2
3
{
"msg": "hello world"
}

客户端发送请求实例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.io.*,java.util.*"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>
<h2>HTTP 客户端发送请求实例</h2>
<%
String username = request.getParameter("username");
String password = request.getParameter("password");

out.println("username:" + username);
out.println("password:" + password);
%>
</body>
</html>

请求参数:username=zhouhang&password=123456. 请求结果:

1
username:zhouhang password:123456.

JDBC基础使用

本文记录简单使用JDBC的教程

准备工具:

eclipse、mysql

mysql建数据库和数据表

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//创建数据库ZHOUHANG
create database ZHOUHANG;

//使用数据库
use ZHOUHANG;

//创建数据表
create table `zhou`(`id` int unsigned auto_increment,
`name` varchar(100) not null,
primary key (`id`)
)engine=innodb default charset=utf8;

//插入几条数据
insert into zhou values (0,"java"),(0,"android"),(0,"小程序");

部署jsp项目到虚拟机服务器上

记录如何部署jsp项目到远程虚拟机或者服务器上

准备工具:

Xshell6、Xftp6、VMware Workstation

准备工作:

需要在VMware Workstation中建立你的虚拟机(相当于服务器),并且开启虚拟机;
Xshell中建立会话(配置主机和用户名密码)

上传jsp项目:

hexo显示github图标解决方法

本人使用的是yelee主题
我这里总结一下:

操作一

1
2
首先下载一个github图标,放在/yelee/source/img/目录下,命名为GitHub.png,注意是GitHub,而不是Github和github;
接下来删除在/yelee/source/css/_partial/customise/social-icon.styl的46-50行,然后在img-logo = 添加GitHub white 100。

JavaScript的then()用法

昨天做项目碰到一个问题:要执行A方法,方法里面有写入文件的耗时操作,然后我想等A方法执行完了再执行B方法,因此我们可以用js特有的then()方法,那么它可以帮我们完成这个问题。
封装A方法为函数,A方法:vscode.commands.executeCommand(‘workbench.action.files.newUntitledFile’)

1
2
3
const p = function(){
return vscode.commands.executeCommand('workbench.action.files.newUntitledFile')
};

再执行B方法

1
2
3
p().then(val => {
vscode.commands.executeCommand("extension.demo.openWebview")
})