提交 4834b16f 编写于 作者: W wizardforcel

2020-06-22 11:04:30

上级 a26daa80
......@@ -211,7 +211,7 @@ JLabel lbl = new JLabel(icon);
![Favicon](img/96d48f5bf4125f3a9b03f7127a5394e1.jpg)
Figure: Favicon
图:Favicon
......
......@@ -455,7 +455,7 @@ bottle
![NetBeans project structure](img/3895f90623674f2736ca580e8e1af076.jpg)
Figure: NetBeans project structure
图:NetBeans 项目结构
......
......@@ -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 中创建数据网格。
......
......@@ -61,7 +61,7 @@ const db = new PouchDB('mydb');
![Storage browser in Chrome](img/d9d2fc74157925037f4ec3c5cd1a03d0.jpg)
Figure: Storage browser in Chrome
图:Chrome 中的存储浏览器
这是 Google Chrome 浏览器中的存储浏览器。 只要选项卡存在,数据就是持久的。
......
......@@ -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 模板引擎。
......
......@@ -195,7 +195,7 @@ $ live-server --open=public
![Sample application](img/57db912941dbd7196168770c14e4e19e.jpg)
Figure: Sample application
图:示例应用程序
在本教程中,我们使用了`node-sass`模块。 我们在一个简单的 Web 应用中使用了该模块,将其 SCSS 代码编译为 CSS 代码。
......
......@@ -205,7 +205,7 @@ tags.forEach( tag => {
![Selecting elements with Document.querySelector](img/60f90c9b4b693616edc483794c812072.jpg)
Figure: Selecting elements with Document.querySelector
图:使用`Document.querySelector`选择元素
在屏幕截图中,我们可以看到第一个`div`的背景色已更改。
......
......@@ -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 时间。
......
......@@ -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 请求
单击按钮,该按钮旁边的日志记录元素中将显示一条消息。
......
......@@ -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
......@@ -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`
......
......@@ -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`
......
......@@ -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 文件中。
......
......@@ -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 库创建了散点图,折线图,条形图和饼图。
......
......@@ -522,7 +522,7 @@ idraw.text((10, 10), text, font=font)
![High Tatras](img/c1d6c16de2a83a7e5e8992355dd0cf29.jpg)
Figure: High Tatras
图:High Tatras
在本教程中,我们使用了 Python Pillow 库。
......
......@@ -421,7 +421,7 @@ for i in vals:
![Animation along curve](img/a358e8c8049cef4fd02bc3385e49cedb.jpg)
Figure: Animation along curve
图:沿曲线的动画
## 图形视图框架中的`QPropertyAnimation`
......
......@@ -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 浏览器中的文本。
......
......@@ -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 列表中的数据:城市及其人口。
......
......@@ -823,7 +823,7 @@ FreeMarker `#list`指令遍历`users`集合的所有元素。
![Users web application](img/ee293d8525f759cf682d04eb692d8475.jpg)
Figure: Users web application
图:用户 Web 应用程序
在上面的屏幕截图中,我们可以看到用户列表。 该应用部署在 NetBeans 内置的 Tomcat 服务器上,该服务器正在侦听端口 8084。
......
......@@ -394,7 +394,7 @@ try {
![jQuery Autocomplete](img/3a488f8e1b8ac213a9fd0590ff546c1d.jpg)
Figure: jQuery Autocomplete
图:jQuery 自动完成
在本教程中,我们在 Java Web 应用中使用了 jQuery 自动补全。 自动补全组件正在显示有关可用错误名称的建议。 在我们的项目中,我们利用了 Jackson 和 Opencsv 库。
......
......@@ -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
......@@ -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。
......
......@@ -262,7 +262,7 @@ try (InputStream is = url.openStream();
![Java read web page](img/372dcaedb7027592796ff415f1f4fbc2.jpg)
Figure: Java read web page
图:Java 阅读网页
在屏幕截图中,我们可以看到一个简单网页的内容。
......
......@@ -642,7 +642,7 @@ String sql = "SELECT COUNT(Id) FROM Countries";
![Java Servlet Pagination](img/7cac51e476aad8356e68ca9ee6141676.jpg)
Figure: Java Servlet Pagination
图:Java Servlet 分页
该示例显示了一个装有数据和分页系统的表。 当前选择的页面突出显示。
......
......@@ -736,7 +736,7 @@ return dataMap;
![jsGrid component](img/7cfc528dc29ee4ecf7293504e8ec2a5c.jpg)
Figure: jsGrid component
图:jsGrid 组件
在本教程中,我们使用了 jsGrid 组件。 我们已使用从 Derby 数据库检索的数据填充了该组件。 数据以 JSON 格式从数据库发送。
......
......@@ -477,7 +477,7 @@ public class Application {
![Listing cars](img/74e743a7f06b797cdb784acb4ca151a2.jpg)
Figure: Listing cars
图:列出汽车
该应用部署在内置的 Tomcat 服务器上,该服务器侦听端口 8080。
......
......@@ -515,7 +515,7 @@ public class Application {
![Listing cities](img/7cafbde7eead4ab76b1b59b8d149556b.jpg)
Figure: Listing cities
图:列出城市
该应用部署在内置的 Tomcat 服务器上,该服务器侦听端口 8080。
......
......@@ -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`
......
......@@ -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.
先完成此消息的编辑!
想要评论请 注册