Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenDocCN
zetcode-zh
提交
4834b16f
Z
zetcode-zh
项目概览
OpenDocCN
/
zetcode-zh
8 个月 前同步成功
通知
2
Star
157
Fork
40
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zetcode-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
4834b16f
编写于
6月 22, 2020
作者:
W
wizardforcel
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
2020-06-22 11:04:30
上级
a26daa80
变更
29
隐藏空白更改
内联
并排
Showing
29 changed file
with
46 addition
and
46 deletion
+46
-46
docs/java/77.md
docs/java/77.md
+1
-1
docs/java/87.md
docs/java/87.md
+1
-1
docs/js/61.md
docs/js/61.md
+1
-1
docs/js/62.md
docs/js/62.md
+1
-1
docs/js/71.md
docs/js/71.md
+1
-1
docs/js/77.md
docs/js/77.md
+1
-1
docs/js/78.md
docs/js/78.md
+1
-1
docs/js/85.md
docs/js/85.md
+1
-1
docs/js/87.md
docs/js/87.md
+8
-8
docs/js/88.md
docs/js/88.md
+3
-3
docs/kotlin/42.md
docs/kotlin/42.md
+2
-2
docs/misc/26.md
docs/misc/26.md
+1
-1
docs/py/25.md
docs/py/25.md
+7
-7
docs/py/57.md
docs/py/57.md
+2
-2
docs/py/58.md
docs/py/58.md
+1
-1
docs/py/64.md
docs/py/64.md
+1
-1
docs/servlet/10.md
docs/servlet/10.md
+1
-1
docs/servlet/15.md
docs/servlet/15.md
+1
-1
docs/servlet/16.md
docs/servlet/16.md
+1
-1
docs/servlet/17.md
docs/servlet/17.md
+1
-1
docs/servlet/2.md
docs/servlet/2.md
+1
-1
docs/servlet/20.md
docs/servlet/20.md
+1
-1
docs/servlet/25.md
docs/servlet/25.md
+1
-1
docs/servlet/3.md
docs/servlet/3.md
+1
-1
docs/servlet/9.md
docs/servlet/9.md
+1
-1
docs/spring-boot/29.md
docs/spring-boot/29.md
+1
-1
docs/spring-boot/32.md
docs/spring-boot/32.md
+1
-1
docs/spring/34.md
docs/spring/34.md
+1
-1
docs/spring/37.md
docs/spring/37.md
+1
-1
未找到文件。
docs/java/77.md
浏览文件 @
4834b16f
...
...
@@ -211,7 +211,7 @@ JLabel lbl = new JLabel(icon);
![
Favicon
](
img/96d48f5bf4125f3a9b03f7127a5394e1.jpg
)
Figure:
Favicon
图:
Favicon
...
...
docs/java/87.md
浏览文件 @
4834b16f
...
...
@@ -455,7 +455,7 @@ bottle
![
NetBeans project structure
](
img/3895f90623674f2736ca580e8e1af076.jpg
)
Figure: NetBeans project structure
图:NetBeans 项目结构
...
...
docs/js/61.md
浏览文件 @
4834b16f
...
...
@@ -187,7 +187,7 @@ $ firefox build/index.html
![
Displaying data in Handsontable component
](
img/d90cf099505f108296a083bd38a2921f.jpg
)
Figure: Displaying data in Handsontable component
图:在 Handsontable 组件中显示数据
在本教程中,我们使用了 Handsontable 在 JavaScript 中创建数据网格。
...
...
docs/js/62.md
浏览文件 @
4834b16f
...
...
@@ -61,7 +61,7 @@ const db = new PouchDB('mydb');
![
Storage browser in Chrome
](
img/d9d2fc74157925037f4ec3c5cd1a03d0.jpg
)
Figure: Storage browser in Chrome
图:Chrome 中的存储浏览器
这是 Google Chrome 浏览器中的存储浏览器。 只要选项卡存在,数据就是持久的。
...
...
docs/js/71.md
浏览文件 @
4834b16f
...
...
@@ -550,7 +550,7 @@ os.print(jsonObject.toString());
![
Rendering JSON data from Servlet with Mustache
](
img/c0ec16dc5f9b237fdad7e91d36f9903c.jpg
)
Figure: Rendering JSON data from Servlet with Mustache
图:使用 Mustache 从 Servlet 渲染JSON数据
在本教程中,我们使用了 Mustache 模板引擎。
...
...
docs/js/77.md
浏览文件 @
4834b16f
...
...
@@ -195,7 +195,7 @@ $ live-server --open=public
![
Sample application
](
img/57db912941dbd7196168770c14e4e19e.jpg
)
Figure: Sample application
图:示例应用程序
在本教程中,我们使用了
`node-sass`
模块。 我们在一个简单的 Web 应用中使用了该模块,将其 SCSS 代码编译为 CSS 代码。
...
...
docs/js/78.md
浏览文件 @
4834b16f
...
...
@@ -205,7 +205,7 @@ tags.forEach( tag => {
![
Selecting elements with Document.querySelector
](
img/60f90c9b4b693616edc483794c812072.jpg
)
Figure: Selecting elements with Document.querySelector
图:使用
`Document.querySelector`
选择元素
在屏幕截图中,我们可以看到第一个
`div`
的背景色已更改。
...
...
docs/js/85.md
浏览文件 @
4834b16f
...
...
@@ -95,7 +95,7 @@ $(".mypanel").html(text);
![
Reading JSON from URL with JQuery
](
img/0b5ffc7fb8d43910551afbeb6072ae53.jpg
)
Figure: Reading JSON from URL with JQuery
图:使用 JQuery 从 URL 读取 JSON
在图中,我们可以看到当前日期,时间和 Unix 时间。
...
...
docs/js/87.md
浏览文件 @
4834b16f
...
...
@@ -14,7 +14,7 @@
![
Source of a simple HTML document
](
img/7cbcd9407f5b9518a9367156f28aa6fc.jpg
)
Figure: Source of a simple HTML document
图:一个简单的 HTML 文档的来源
Web 浏览器使我们能够查看每个 HTML 文档的 HTML 源。 HTML 文档由两部分组成:头和正文。 HTML 元素以层次结构进行组织-HTML 标记具有其父代,子代和同级兄弟。
...
...
@@ -94,7 +94,7 @@ jquery-3.1.1.slim.min.js
![
Brackets text editor
](
img/158c28d82f736c81b45b2a88a268f86c.jpg
)
Figure: Brackets text editor
图:括号文本编辑器
上图显示了一个在 Brackets 文本编辑器中使用 jQuery 的小型 HTML 文档。 Brackets 是用于 Web 开发的现代文本编辑器。 它是用 JavaScript 编写的。 它是专门为 Web 设计师和前端开发人员创建的。
...
...
@@ -154,7 +154,7 @@ $('body').append("<div>Simple jQuery example</div>");
![
Developer console
](
img/b84a67dc3b70906781c46224372fa99c.jpg
)
Figure: Developer console
图:开发人员控制台
在控制台窗口中,我们可以看到从
`console.log()`
方法输出的错误消息。 它可用于评估 JavaScript 语句,检查和记录对象和属性。 在上图中,我们可以看到 jQuery
`html()`
方法的输出,该方法获取
`<body>`
元素的 HTML 代码。 输出显示在控制台窗口中。
...
...
@@ -171,7 +171,7 @@ Figure: Developer console
![
Syntax error
](
img/13e291b7ee9b1abdb04dcdea7dd061b4.jpg
)
Figure: Syntax error
图:语法错误
在上图中,我们可以看到 jQuery 语法错误被捕获并显示在开发人员控制台窗口中。
...
...
@@ -294,7 +294,7 @@ $("li:odd").css("background-color", "gray");
![
Selecting document elements
](
img/67a23693019a95844efe02376e07ace8.jpg
)
Figure: Selecting document elements
图:选择文档元素
在图中,我们可以看到列表周围的虚线边框和每隔一个列表元素的蓝色文本颜色。
...
...
@@ -525,7 +525,7 @@ $(".mypanel").mousemove(function(e) {
![
Mouse move event
](
img/123e354f7ef6befeb7000499da46b45f.jpg
)
Figure: Mouse move event
图:鼠标移动事件
## 事件来源
...
...
@@ -603,7 +603,7 @@ Figure: Mouse move event
![
Event source
](
img/5106ab7c78d46520d40700c076f35e67.jpg
)
Figure: Event source
图:事件源
在图中,我们可以看到在按钮下方显示的消息中单击了哪个按钮。
...
...
@@ -1038,7 +1038,7 @@ public class MyServlet extends HttpServlet {
![
jQuery asynchronous GET request
](
img/96c022e19638b542baf1856ce397d7d7.jpg
)
Figure: jQuery asynchronous GET request
图:jQuery 异步 GET 请求
单击按钮,该按钮旁边的日志记录元素中将显示一条消息。
...
...
docs/js/88.md
浏览文件 @
4834b16f
...
...
@@ -164,7 +164,7 @@ chart.draw(data, options);
![
Scatter chart
](
img/c330b2cd43ff72e7260d54a63b9d4265.jpg
)
Figure: Scatter chart
图:散点图
## 折线图
...
...
@@ -252,7 +252,7 @@ var chart = new google.visualization.LineChart(document.getElementById('mychart'
![
Line chart
](
img/e16a8f6670e5995ad300f2dc5df44863.jpg
)
Figure: Line chart
图:折线图
## 饼形图
...
...
@@ -344,6 +344,6 @@ var chart = new google.visualization.PieChart(document.getElementById('chart_div
![
Pie chart
](
img/e735bc3557f8ee50313fa05579535a17.jpg
)
Figure: Pie chart
图:饼图
在本教程中,我们使用 Google 图表库创建了散点图,折线图和饼图。
\ No newline at end of file
docs/kotlin/42.md
浏览文件 @
4834b16f
...
...
@@ -221,7 +221,7 @@ gl.setVerticalGroup(gl.createSequentialGroup()
![
Close button
](
img/7a0873bc4f1617af1e24fd3eb6394961.jpg
)
Figure: Close button
图:关闭按钮
## Kotlin Swing `JLabel`
...
...
@@ -357,7 +357,7 @@ val labels = stdCols.map {
![
Standard colours
](
img/49109a25eda05f257c7680c230b7475a.jpg
)
Figure: Standard colours
图:标准颜色
## `JCheckBox`
...
...
docs/misc/26.md
浏览文件 @
4834b16f
...
...
@@ -30,7 +30,7 @@ NetBeans 包含一个用于创建 Vaadin 应用的插件。 我们转到工具/
![
Vaadin new project
](
img/0e5f0468ec8ecc1365343248f00897a9.jpg
)
Figure: Vaadin new project
图:Vaadin 新项目
安装 Vaadin 插件后,NetBeans 中将出现一个新的 Vaadin 项目类别。 要创建一个新的 Vaadin 项目,我们转到
`File / New Project / Vaadin`
并选择
`Vaadin Web Application Project`
。
...
...
docs/py/25.md
浏览文件 @
4834b16f
...
...
@@ -92,7 +92,7 @@ book.save("sample.xlsx")
![
New file
](
img/46dc21c705f99657d756ea6ced587768.jpg
)
Figure: New file
图:新文件
## OpenPyXL 写入单元格
...
...
@@ -244,7 +244,7 @@ $ ./read_cells.py
![
Items
](
img/0a37bb76ecebbbab395c2cfdf903d43d.jpg
)
Figure: Items
图:项目
我们使用范围运算符读取数据。
...
...
@@ -656,7 +656,7 @@ Maximum column: 2
![
Sheets
](
img/4bf58174c38e97e6f35cd58e9c9433d1.jpg
)
Figure: Sheets
图:床单
让我们有一张包含这三张纸的工作簿。
...
...
@@ -814,7 +814,7 @@ sheet.sheet_properties.tabColor = "0072BA"
![
Background colour of a worksheet
](
img/267940254c695254cc2b315f33c1d587.jpg
)
Figure: Background colour of a worksheet
图:工作表的背景色
第三工作表的背景色已更改为某种蓝色。
...
...
@@ -876,7 +876,7 @@ cell.alignment = Alignment(horizontal='center', vertical='center')
![
Merged cells
](
img/7b00cc20b247e6eabdfd52d679384005.jpg
)
Figure: Merged cells
图:合并的单元格
## OpenPyXL 冻结窗格
...
...
@@ -984,7 +984,7 @@ cell.font = cell.font.copy(bold=True)
![
Calculating the sum of values
](
img/330dc2c6f5e65fc37e8ed308b4c9405f.jpg
)
Figure: Calculating the sum of values
图:计算值之和
## OpenPyXL 图像
...
...
@@ -1176,7 +1176,7 @@ sheet.add_chart(chart, "A8")
![
Bar chart
](
img/3bf54c368a46a154e45200cfe08e019d.jpg
)
Figure: Bar chart
图:条形图
在本教程中,我们使用了 OpenPyXL 库。 我们已经从 Excel 文件中读取数据,并将数据写入 Excel 文件中。
...
...
docs/py/57.md
浏览文件 @
4834b16f
...
...
@@ -108,7 +108,7 @@ plt.show()
![
Scatter chart
](
img/f23c0c655487b3ed5581942724428fa2.jpg
)
Figure: Scatter chart
图:散点图
## 两个数据集
...
...
@@ -343,7 +343,7 @@ plt.axis('equal')
![
Pie chart
](
img/5a9f0d609a8c5a7ba7a2262c3ab68a72.jpg
)
Figure: Pie chart
图:饼图
在本教程中,我们使用 Matplotlib 库创建了散点图,折线图,条形图和饼图。
...
...
docs/py/58.md
浏览文件 @
4834b16f
...
...
@@ -522,7 +522,7 @@ idraw.text((10, 10), text, font=font)
![
High Tatras
](
img/c1d6c16de2a83a7e5e8992355dd0cf29.jpg
)
Figure:
High Tatras
图:
High Tatras
在本教程中,我们使用了 Python Pillow 库。
...
...
docs/py/64.md
浏览文件 @
4834b16f
...
...
@@ -421,7 +421,7 @@ for i in vals:
![
Animation along curve
](
img/a358e8c8049cef4fd02bc3385e49cedb.jpg
)
Figure: Animation along curve
图:沿曲线的动画
## 图形视图框架中的`QPropertyAnimation`
...
...
docs/servlet/10.md
浏览文件 @
4834b16f
...
...
@@ -272,7 +272,7 @@ Date: Fri, 24 Nov 2017 15:21:57 GMT
![
Showing plain text in a browser
](
img/bf28f927dd26ca898ee5b02270d8061c.jpg
)
Figure: Showing plain text in a browser
图:在浏览器中显示纯文本
该图显示了 Opera 浏览器中的文本。
...
...
docs/servlet/15.md
浏览文件 @
4834b16f
...
...
@@ -375,7 +375,7 @@ $('#mybtn').click(function () {
![
Java Servlet JQuery list example
](
img/53fa8136184436c310af204a127b8dfd.jpg
)
Figure: Java Servlet JQuery list example
图:Java Servlet JQuery 列表示例
在图中,我们可以看到 HTML 列表中的数据:城市及其人口。
...
...
docs/servlet/16.md
浏览文件 @
4834b16f
...
...
@@ -823,7 +823,7 @@ FreeMarker `#list`指令遍历`users`集合的所有元素。
![
Users web application
](
img/ee293d8525f759cf682d04eb692d8475.jpg
)
Figure: Users web application
图:用户 Web 应用程序
在上面的屏幕截图中,我们可以看到用户列表。 该应用部署在 NetBeans 内置的 Tomcat 服务器上,该服务器正在侦听端口 8084。
...
...
docs/servlet/17.md
浏览文件 @
4834b16f
...
...
@@ -394,7 +394,7 @@ try {
![
jQuery Autocomplete
](
img/3a488f8e1b8ac213a9fd0590ff546c1d.jpg
)
Figure: jQuery Autocomplete
图:jQuery 自动完成
在本教程中,我们在 Java Web 应用中使用了 jQuery 自动补全。 自动补全组件正在显示有关可用错误名称的建议。 在我们的项目中,我们利用了 Jackson 和 Opencsv 库。
...
...
docs/servlet/2.md
浏览文件 @
4834b16f
...
...
@@ -143,6 +143,6 @@ out.println(builder.toString());
![
HttpServletMapping details
](
img/9e6fef8d18287911b771315a1e23e7e9.jpg
)
Figure: HttpServletMapping details
图:
`HttpServletMapping`
详细信息
在本教程中,我们展示了如何使用 Servlet 4.0 中引入的新
`HttpServletMapping`
API。 您可能也对相关教程感兴趣:
[
Java `FileInputStream`教程
](
/java/fileinputstream/
)
,
[
提供 Java Servlet
](
/articles/javaservlettext/
)
,
[
Java Servlet 教程
](
/articles/javaservlet/
)
,
[
Java `ServletConfig`教程
](
/articles/javaservletconfig/
)
和
[
Java 教程
](
/lang/java/
)
。
\ No newline at end of file
docs/servlet/20.md
浏览文件 @
4834b16f
...
...
@@ -254,7 +254,7 @@ jarray = SimpleJsonUtils.toJSON(rs);
![
Displaying database data in a datagrid
](
img/f13708222bd4c70e638d6a4a7dfe1b5c.jpg
)
Figure: Displaying database data in a datagrid
图:在数据网格中显示数据库数据
在本文中,我们展示了如何在数据网格控件中显示 Derby 数据库中的数据库数据。 数据已使用 JSON 格式从数据库发送到 datagrid。
...
...
docs/servlet/25.md
浏览文件 @
4834b16f
...
...
@@ -262,7 +262,7 @@ try (InputStream is = url.openStream();
![
Java read web page
](
img/372dcaedb7027592796ff415f1f4fbc2.jpg
)
Figure: Java read web page
图:Java 阅读网页
在屏幕截图中,我们可以看到一个简单网页的内容。
...
...
docs/servlet/3.md
浏览文件 @
4834b16f
...
...
@@ -642,7 +642,7 @@ String sql = "SELECT COUNT(Id) FROM Countries";
![
Java Servlet Pagination
](
img/7cac51e476aad8356e68ca9ee6141676.jpg
)
Figure: Java Servlet Pagination
图:Java Servlet 分页
该示例显示了一个装有数据和分页系统的表。 当前选择的页面突出显示。
...
...
docs/servlet/9.md
浏览文件 @
4834b16f
...
...
@@ -736,7 +736,7 @@ return dataMap;
![
jsGrid component
](
img/7cfc528dc29ee4ecf7293504e8ec2a5c.jpg
)
Figure: jsGrid component
图:jsGrid 组件
在本教程中,我们使用了 jsGrid 组件。 我们已使用从 Derby 数据库检索的数据填充了该组件。 数据以 JSON 格式从数据库发送。
...
...
docs/spring-boot/29.md
浏览文件 @
4834b16f
...
...
@@ -477,7 +477,7 @@ public class Application {
![
Listing cars
](
img/74e743a7f06b797cdb784acb4ca151a2.jpg
)
Figure: Listing cars
图:列出汽车
该应用部署在内置的 Tomcat 服务器上,该服务器侦听端口 8080。
...
...
docs/spring-boot/32.md
浏览文件 @
4834b16f
...
...
@@ -515,7 +515,7 @@ public class Application {
![
Listing cities
](
img/7cafbde7eead4ab76b1b59b8d149556b.jpg
)
Figure: Listing cities
图:列出城市
该应用部署在内置的 Tomcat 服务器上,该服务器侦听端口 8080。
...
...
docs/spring/34.md
浏览文件 @
4834b16f
...
...
@@ -65,7 +65,7 @@ Spring `ApplicationContext`是用于为应用提供配置的中央接口。 `Cla
![
Spring project structure in NetBeans
](
img/36b1b184e2201f8cb14e82733bcb4593.jpg
)
Figure: Spring project structure in NetBeans
图:NetBeans 中的 Spring 项目结构
在项目中,有四个文件:
`Message.java`
,
`Application.java`
,
`my-beans.xml`
和
`pom.xml`
。
...
...
docs/spring/37.md
浏览文件 @
4834b16f
...
...
@@ -530,7 +530,7 @@ public ModelAndView all() {
![
Showing all cars
](
img/5cc5288295b40df918a58bfbe3677cdd.jpg
)
Figure: Showing all cars
图:显示所有汽车
MySQL 数据库中的数据显示在 Opera 浏览器中。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录