图像处理与MATLAB
图像处理与MATLAB

手把手教你，一个案例学会用Matlab App Designer设计文字识别工具（附源码）

一、前言

有时候在读电子文档的过程中，往往会遇到图片形式的文本，想要复制下来，记个笔记甚是不便，需要对照着打字输入，活生生被逼成键盘侠啊......

image

被逼无奈，何不自己造个轮子，开发一款自己专属的文字识别工具呢，于是我们找到了Matlab App Designer。

玩过 Matlab 的朋友们都知道，构建图形用户界面，Matlab提供了两种工具，一是用guide构建，俗称GUI，在未来版本中会移除；二是用App Designer，俗称App，这是官方推荐的，也是以后主流的框架。

今天我们就通过一个简单案例来介绍如何利用App设计一个图片文字识别工具。

搭建的方式主要有两种：

  1. App设计器：灵活、方便、简单，现代化方法；

  2. 基于uifigure的编程方式：灵活、重构方便，适合构建复杂、大型的图形用户界面，原始社会方法。

这里我们就以编程方式进行创建。

二、预备

1. API接口

文字识别涉及到光学字符识别（Optical Character Recognition，OCR）技术，如果我们自己造这种底层的轮子，要有高精度的识别率，那估计累得够呛。

幸运的是市场上已经有成熟的工具了，如百度智能云、阿里云、科大讯飞等均提供了API接口，只需借过来用就完事。这里主要以百度智能云提供的文字识别API为例。

免费申请文字识别功能后，在控制台可以查看到API Key和Secret Key，由这两个参数可以获得access_token，它是调用API接口的必需参数（如下图红色方框所示）。

image

通过查看文字识别的技术文档，我们可以得到通用文字识别（标准版）的请求接口，如下：

HTTP 方法：POST

请求URL： https://aip.baidubce.com/rest/2.0/ocr/v1/general_basic

URL参数：属性名：access_token，值：通过API Key和Secret Key获取的access_token，参考“Access Token获取”

Header：属性名：Content-Type，值：application/x-www-form-urlencoded

请求参数：属性名：image，值：图像数据，base64编码后进行urlencode，要求base64编码和urlencode后大小不超过4M，最短边至少15px，最长边最大4096px，支持jpg/jpeg/png/bmp格式

返回参数：属性名：words_result，值：识别结果数组

关于具体的HTTP请求过程接下来会细聊。

2. 图像的Base64编码

Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，它是包括小写字母a-z、大写字母A-Z、数字0-9、符号+、/共64个字符的字符集，等号=用来作为后缀用途。任何符号都可以转换成这个字符集中的字符，该转换过程就叫做Base64编码。Base64编码具有不可读性，需要解码后才能阅读。

许多编程语言都提供了现成的Base64编码库函数，Matlab也不例外，大家不妨 help matlab.net.base64encode查看细节。

下面提供三种Matlab中的实现方式：

  • Java类---org.apache.commons.codec.binary.Base64 和 matlab.net.base64encode

 function base64string = img2base64(fileName)
 %IMG2BASE64 Coding an image to base64 file
 % INPUTS:
 % fileName string, an image file name
 % OUTPUTS:
 % base64string string, the input image's base64 code
 % USAGE:
 % >>base64string = img2base64('1.jpg')
 % >>base64string = 'xxx'
 %
 try
 fid = fopen(fileName, 'rb');
 bytes = fread(fid);
 fclose(fid);
 % -------------------------------------------
 % First method
 % -------------------------------------------
 encoder = org.apache.commons.codec.binary.Base64;
 base64string = char(encoder.encode(bytes))';
 % -------------------------------------------
 % Second method
 % -------------------------------------------
 % base64string = matlab.net.base64encode(bytes);
 catch
 disp('The file does not exist!');
 base64string = '';
 end % end try
 end % end function

  • 使用Python base64模块

Matlab中可以直接使用Python，那Python中提供的模块base64就可以直接使用了，源代码如下：

 function base64string = img2base64_(fileName)
 %IMG2BASE64 Coding an image to base64 file
 % INPUTS:
 % fileName string, an image file name
 % OUTPUTS:
 % base64string string, the input image's base64 code
 % USAGE:
 % >>base64string = img2base64('1.jpg')
 % >>base64string = 'xxx'
 %
 try
 f = py.open(fileName, 'rb');
 bytes = f.read();
 f.close();
 temp = char(py.base64.b64encode(bytes));
 temp = regexp(temp, '(?<=b'').+(?='')', 'match');
 base64string = temp{1};
 catch
 disp('The file does not exist!');
 base64string = '';
 end % end try
 end % end function

我们可以对如下所示的同一张图片（500 x 500）进行base64编码，比较一下编码速度：

image

结果：'/9j/4AAQSkZ...AAAAAAD/9k='

  • Java类---org.apache.commons.codec.binary.Base64 ⏲ 0.000783 秒
  • matlab.net.base64encode ⏲ 0.017589 秒
  • Python base64模块 ⏲ 0.000709 秒

可以发现使用Java类和Python base64模块的方法，速度相当，而使用matlab.net.base64encode速度要慢20多倍，但编码一张大小为500 x 500的图像耗时0.02秒左右，其速度是非常之快了。

综合一下，我们推荐使用org.apache.commons.codec.binary.Base64类进行base64编码。

3. 屏幕截图

识别扫描版pdf文档、视频教程等中的文字时，我们需要对待识别文字所在区域截个图，保存为图像再进行后续识别操作。要实现上述过程，首先需要对屏幕进行截图，Matlab通过借助java.awt.Robot这个Java类来实现，截屏源代码如下所示：

 function imgData = screenSnipping
 %screenSnipping Capturel full-screen to an image
 % Output:
 % imgData, uint8, image data.
 % Source code from: https://www.mathworks.com/support/search.html/answers/362358-how-do-i-take-a-screenshot-using-matlab.html?fq=asset_type_name:answer%20category:matlab/audio-and-video&page=1
 % Modified: Qingpinwangzi
 % Date: Apr 14, 2021.
 
 
% Take screen capture
 robo = java.awt.Robot;
 tk = java.awt.Toolkit.getDefaultToolkit();
 rectSize = java.awt.Rectangle(tk.getScreenSize());
 cap = robo.createScreenCapture(rectSize);
 
 
% Convert to an RGB image
 rgb = typecast(cap.getRGB(0, 0, cap.getWidth, cap.getHeight, [], 0, cap.getWidth), 'uint8');
 imgData = zeros(cap.getHeight, cap.getWidth, 3, 'uint8');
 imgData(:, :, 1) = reshape(rgb(3:4:end), cap.getWidth, [])';
 imgData(:, :, 2) = reshape(rgb(2:4:end), cap.getWidth, [])';
 imgData(:, :, 3) = reshape(rgb(1:4:end), cap.getWidth, [])';
 end

4. 调用百度API识别文字

上述第1节中我们提到过，access_token是调用API接口的必需参数。通过阅读技术文档得知，需要API Key和Secret Key进行http请求就可以获得，核心代码如下：

 url = ['https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=', apiKey, '&client_secret=', secretKey];
 res = webread(url, options);
 access_token = res.access_token;

有了access_token我们就可以调用文字识别API进行文字识别了，这里再分享下识别文字的源代码：

 function result = getWordsByBaiduOCR(fileName, apiKey, secretKey, accessToken, apiURL, outType)
 %GETWORDSBYBAIDUOCR return recognition words
 % INPUTS:
 % fileName string, an image file name
 % apiKey string, the API Key of the application
 % secretKey string, The Secret Key of the application
 % accessToken string, default is '', get the Access Token by API
 % Key and Secret Key.
 % apiURL string, such as:
 % 'https://aip.baidubce.com/rest/2.0/ocr/v1/accurate'
 % 'https://aip.baidubce.com/rest/2.0/ocr/v1/accurate_basic'
 % 'https://aip.baidubce.com/rest/2.0/ocr/v1/general_basic'
 % outType, 'MultiLine|SingleLine'
 % OUTPUTS:
 % result []|struct
 % USAGE:
 % >>result = getWordsByBaiduOCR(fileName, apiKey, secretKey, accessToken, apiURL)
 % Date: Mar 18, 2021.
 % Author: 清贫王子
 %
 
 
options = weboptions('RequestMethod', 'post');
 if isempty(outType)
 outType = 'MultiLine';
 end
 
 
if isempty(accessToken)
 url = ['https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=', apiKey, '&client_secret=', secretKey];
 res = webread(url, options);
 access_token = res.access_token;
 else
 access_token = accessToken;
 end % end if
 
 
url = [apiURL, '?access_token=', access_token];
 options.HeaderFields = { 'Content-Type', 'application/x-www-form-urlencoded'};
 imgBase64String = img2base64(fileName);
 if isempty(imgBase64String)
 result = '';
 return
 end % end if
 res = webwrite(url, 'image', imgBase64String, options);
 wordsRsult = res.words_result;
 
 
data.ocrResultChar = '';
 
 
if strcmp(outType, 'SingleLine')
 for ii = 1 : size(wordsRsult, 1)
 data.ocrResultChar = [data.ocrResultChar, wordsRsult(ii,1).words];
 end % end for
 
 
elseif strcmp(outType, 'MultiLine')
 for ii = 1 : size(wordsRsult, 1)
 data.ocrResultChar{ii} = wordsRsult(ii,1).words;
 end % end for
 end
 result = data.ocrResultChar;
 end % end function

简单测试下这个函数，输入下面所示的图片，我们进行图片（截图地址：https://ww2.mathworks.cn/products/matlab/app-designer.html）中的文字识别。

image 

 >> result =
 
 
1×7 cell 数组
 
 
列 1 至 4
 
 
{'App设计工具帮助您…'} {'开发专业背景。您只…'} {'面(GUI)设计布局,…'} {'编程。'}
 
 
列 5 至 7
 
 
{'要共享App,您可以使…'} {' MATLAB Compile…'} {'桌面App或 Web App'}
 
 
 
  
 
   
result{1}
 
  
 
 
 
 
ans =
 
 
'App设计工具帮助您创建专业的App,同时并不要求软件'

识别结果中共有7个cell，代表识别了图片中的7行文字，即1个cell对应1行识别的文字，如result{1}的结果。

三、工具搭建

以基于uifigure的编程方式创建APP，我们推荐面向对象（OOP）方法编程，简单起见，这里主要封装一个类来实现所需的功能。当然更标准的做法是利用MVC等设计模式将界面和逻辑分离，能达到对扩展开放，对修改封闭的软件设计原则。

1. 功能需求

我们的功能需求非常简单，主要有以下两个功能：

  • 识别已经存在的图像中的文字

  • 识别扫描版pdf文档、视频教程等中的文字

实现第1个功能，我们只需要加载图像，然后调用识别函数进行识别，将识别结果显示到文本区域就可以了；而实现第2个功能，首先需要屏幕截图，选取待识别文字所在的区域，存储为图像，后续处理和实现第1个功能的一样。

根据上述描述，我们需要的控件有：加载图像按钮，截图按钮，图像显示器，识别结果显示文本域。另外，需要一个清理按钮，用于清除显示的图像和识别结果；还需要一个设置按钮，用于配置API Key和Secret Key。

便于叙述，我们先展示下最终设计的结果，如下图所示：

image
image
文字识别工具主界面 设置界面

在设置界面中，需要两个标签和两个文本框，两外需要两个按钮。据此，我们需要的控件都清楚了，接下来让我们一起来创建他们吧！

2. 实现细节

主要封装一个类来实现所需的功能，我们给这个类起个名：ReadWords，这个类需要继承matlab.apps.AppBase,它的属性就是界面中的所有控件，那么这个类看上去应该是这样的：

 classdef ReadWords < matlab.apps.AppBase
 %%
 properties
 UIFig matlab.ui.Figure
 
 
ContainerForMain matlab.ui.container.GridLayout
 ThisTB matlab.ui.container.Toolbar
 SnippingToolBtn matlab.ui.container.toolbar.PushTool
 ImgLoadToolBtn matlab.ui.container.toolbar.PushTool
 SetupToolBtn matlab.ui.container.toolbar.PushTool
 CleanToolBtn matlab.ui.container.toolbar.PushTool
 ImgShow matlab.ui.control.Image
 WordsShowTA matlab.ui.control.TextArea
 
 
ContainerForSetup matlab.ui.container.GridLayout
 APIKeyText matlab.ui.control.EditField
 SecrectKeyText matlab.ui.control.EditField
 ResetBtn matlab.ui.control.Button
 SaveBtn matlab.ui.control.Button
 end % end properties
 
 
%%
 properties(Hidden, Dependent)
 APIKeyVal
 SecrectKeyVal
 end % end properties
 
 
%%
 properties(Access = protected)
 HasSetup = false
 end % end properties
 
 
end % end classdef

下面说明下一些重要的属性

公有属性：

  • UIFig 必须是matlab.ui.Figure类的属性，通过uifigure构造，这是整个工具的主窗口

  • ContainerForMain 必须是matlab.ui.container.GridLayout类的属性，通过uigridlayout构造，这是主窗口的布局容器

  • ThisTB 必须是matlab.ui.container.Toolbar类的属性，通过uitoolbar构造，这是工具栏的容器，用于放置SnippingToolBtn、ImgLoadToolBtn、SetupToolBtn、CleanToolBtn这4个工具按钮

  • ImgShow 必须是matlab.ui.control.Image类的属性，通过uiimage构造，用于显示加载或者截图后的图像

  • WordsShowTA 必须是matlab.ui.control.TextArea类的属性，通过uitextarea构造，用于显示文字识别结果

  • ContainerForSetup 设置界面中的网格容器

  • APIKeyText和SecrectKeyText 主要用于输入APIKey和SecrectKey

  • ResetBtn和SaveBtn两个按钮分别用来实现重置和保存APIKey和SecrectKey

从属、隐藏属性：

  • APIKeyVal 用于接收APIKeyText中输入的APIKey的值

  • SecrectKeyVal 用于接收SecrectKeyText中输入的SecrectKey的值

受保护属性：

  • HasSetup 用于标识是否配置了APIKey和SecrectKey，默认为false

至此，我们设置好了所有的属性，然后进行构造方法、析构方法以及类方法的编写。

加上构造方法、析构方法以及从属属性APIKeyVal和SecrectKeyVal的get方法的代码后看上去是这样的：

 classdef ReadWords < matlab.apps.AppBase
 %%
 properties
 UIFig matlab.ui.Figure
 
 
ContainerForMain matlab.ui.container.GridLayout
 ThisTB matlab.ui.container.Toolbar
 SnippingToolBtn matlab.ui.container.toolbar.PushTool
 ImgLoadToolBtn matlab.ui.container.toolbar.PushTool
 SetupToolBtn matlab.ui.container.toolbar.PushTool
 CleanToolBtn matlab.ui.container.toolbar.PushTool
 ImgShow matlab.ui.control.Image
 WordsShowTA matlab.ui.control.TextArea
 
 
ContainerForSetup matlab.ui.container.GridLayout
 APIKeyText matlab.ui.control.EditField
 SecrectKeyText matlab.ui.control.EditField
 ResetBtn matlab.ui.control.Button
 SaveBtn matlab.ui.control.Button
 end % end properties
 
 
%%
 properties(Hidden, Dependent)
 APIKeyVal
 SecrectKeyVal
 end % end properties
 
 
%%
 properties(Access = protected)
 HasSetup = false
 end % end properties
 
 
%%
 methods
 % --------------------------------------
 % % Constructor
 % --------------------------------------
 function app = ReadWords
 % Create UIFigure and components
 app.buildApp();
 % Register the app with App Designer
 registerApp(app, app.UIFig)
 
 
if nargout == 0
 clear app
 end
 end % end Constructor
 
 
% --------------------------------------
 % % Destructor
 % --------------------------------------
 % Code that executes before app deletion
 function delete(app)
 % Delete UIFigure when app is deleted
 delete(app.UIFig)
 end % end Constructor
 
 
% --------------------------------------
 % % Get/Set methods
 % --------------------------------------
 % get.APIKeyVal
 function apiKeyVal = get.APIKeyVal(app)
 apiKeyVal = app.APIKeyText.Value;
 end
 
 
% get.SecrectKeyVal
 function secrectKeyVal = get.SecrectKeyVal(app)
 secrectKeyVal = app.SecrectKeyText.Value;
 end
 end % end methods
 end % end classdef

析构方法（Destructor）的写法是固定的，构造方法中的registerApp(app, app.UIFig)也是固定的，另外的buildApp()方法就用来创建界面、注册各个控件。

我们将后续的方法都创建为私有方法，添加了buildApp()方法后的整个ReadWords类是下面这样的：

 classdef ReadWords < matlab.apps.AppBase
 %%
 properties
 UIFig matlab.ui.Figure
 
 
ContainerForMain matlab.ui.container.GridLayout
 ThisTB matlab.ui.container.Toolbar
 SnippingToolBtn matlab.ui.container.toolbar.PushTool
 ImgLoadToolBtn matlab.ui.container.toolbar.PushTool
 SetupToolBtn matlab.ui.container.toolbar.PushTool
 CleanToolBtn matlab.ui.container.toolbar.PushTool
 ImgShow matlab.ui.control.Image
 WordsShowTA matlab.ui.control.TextArea
 
 
ContainerForSetup matlab.ui.container.GridLayout
 APIKeyText matlab.ui.control.EditField
 SecrectKeyText matlab.ui.control.EditField
 ResetBtn matlab.ui.control.Button
 SaveBtn matlab.ui.control.Button
 end % end properties
 
 
%%
 properties(Hidden, Dependent)
 APIKeyVal
 SecrectKeyVal
 end % end properties
 
 
%%
 properties(Access = protected)
 HasSetup = false
 end % end properties
 
 
%%
 methods
 % --------------------------------------
 % % Constructor
 % --------------------------------------
 function app = ReadWords
 % Create UIFigure and components
 app.buildApp();
 % Register the app with App Designer
 registerApp(app, app.UIFig)
 
 
if nargout == 0
 clear app
 end
 end % end Constructor
 
 
% --------------------------------------
 % % Destructor
 % --------------------------------------
 % Code that executes before app deletion
 function delete(app)
 % Delete UIFigure when app is deleted
 delete(app.UIFig)
 end % end Constructor
 
 
% --------------------------------------
 % % Get/Set methods
 % --------------------------------------
 % get.APIKeyVal
 function apiKeyVal = get.APIKeyVal(app)
 apiKeyVal = app.APIKeyText.Value;
 end
 
 
% get.SecrectKeyVal
 function secrectKeyVal = get.SecrectKeyVal(app)
 secrectKeyVal = app.SecrectKeyText.Value;
 end
 end % end methods
 
 
%%
 methods(Access = private)
 % buildApp
 function buildApp(app)
 %
 % --------------------------------------
 % % Main Figure
 % --------------------------------------
 app.UIFig = uifigure();
 app.UIFig.Icon = 'icons/img2text.png';
 app.UIFig.Name = 'ReadWords';
 app.UIFig.Visible = 'off';
 app.UIFig.Position = [app.UIFig.Position(1), app.UIFig.Position(2), 745, 420];
 app.UIFig.AutoResizeChildren = 'on';
 app.UIFig.Units = 'Normalized';
 app.setAutoResize(app.UIFig, true);
 
 
% --------------------------------------
 % % Toolbar
 % --------------------------------------
 app.ThisTB = uitoolbar(app.UIFig);
 % SetupToolBtn
 app.SetupToolBtn = uipushtool(app.ThisTB);
 app.SetupToolBtn.Icon = 'icons/setup.png';
 app.SetupToolBtn.Tooltip = 'Setup';
 
 
% SnippingToolBtn
 app.SnippingToolBtn = uipushtool(app.ThisTB);
 app.SnippingToolBtn.Icon = 'icons/snip.png';
 app.SnippingToolBtn.Tooltip = 'Screenshot';
 
 
% ImgLoadToolBtn
 app.ImgLoadToolBtn = uipushtool(app.ThisTB);
 app.ImgLoadToolBtn.Icon = 'icons/load.png';
 app.ImgLoadToolBtn.Tooltip = 'Load image';
 
 
% CleanToolBtn
 app.CleanToolBtn = uipushtool(app.ThisTB);
 app.CleanToolBtn.Icon = 'icons/clean.png';
 app.CleanToolBtn.Tooltip = 'Clean';
 
 
% --------------------------------------
 % % ContainerForMain
 % --------------------------------------
 app.ContainerForMain = uigridlayout(app.UIFig, [1, 2]);
 
 
% ContainerForMain
 imgShowPanel = uipanel(app.ContainerForMain, 'Title', 'Original');
 resultShowPanel = uipanel(app.ContainerForMain, 'Title', 'Result');
 % ImgShow
 imgShowPanelLay = uigridlayout(imgShowPanel, [1, 1]);
 imgShowPanelLay.RowSpacing = 0;
 imgShowPanelLay.ColumnSpacing = 0;
 app.ImgShow = uiimage(imgShowPanelLay);
 % WordsShowTA
 resultShowPanelLay = uigridlayout(resultShowPanel, [1, 1]);
 resultShowPanelLay.RowSpacing = 0;
 resultShowPanelLay.ColumnSpacing = 0;
 app.WordsShowTA = uitextarea(resultShowPanelLay);
 app.WordsShowTA.FontSize = 22;
 
 
% --------------------------------------
 % % ContainerForSetup
 % --------------------------------------
 app.ContainerForSetup = uigridlayout(app.UIFig, [4, 3]);
 app.ContainerForSetup.RowHeight = {22, 22, 22, '1x'};
 app.ContainerForSetup.ColumnWidth = {'1x', '1x', '2.5x'};
 app.ContainerForSetup.Visible = 'off';
 apiKeyLabel = uilabel(app.ContainerForSetup, 'Text', 'API Key');
 apiKeyLabel.HorizontalAlignment = 'right';
 apiKeyLabel.Layout.Row = 1;
 apiKeyLabel.Layout.Column = 1;
 % APIKeyText
 app.APIKeyText = uieditfield(app.ContainerForSetup);
 app.APIKeyText.Layout.Row = 1;
 app.APIKeyText.Layout.Column = 2;
 secrectKeyLabel = uilabel(app.ContainerForSetup, 'Text', 'Secrect Key');
 secrectKeyLabel.HorizontalAlignment = 'right';
 secrectKeyLabel.Layout.Row = 2;
 secrectKeyLabel.Layout.Column = 1;
 % SecrectKeyText
 app.SecrectKeyText = uieditfield(app.ContainerForSetup);
 app.SecrectKeyText.Layout.Row = 2;
 app.SecrectKeyText.Layout.Column = 2;
 % ResetBtn
 app.ResetBtn = uibutton(app.ContainerForSetup, 'Text', 'Reset');
 app.ResetBtn.Layout.Row = 3;
 app.ResetBtn.Layout.Column = 1;
 % SaveBtn
 app.SaveBtn = uibutton(app.ContainerForSetup, 'Text', 'Save');
 app.SaveBtn.Layout.Row = 3;
 app.SaveBtn.Layout.Column = 2;
 % Set visibility for UIFig
 movegui(app.UIFig, 'center');
 app.UIFig.Visible = 'on';
 
 
% --------------------------------------
 % % RunstartupFcn
 % --------------------------------------
 app.runStartupFcn(@startupFcn);
 
 
end % end buildApp
 end % methods
 end % end classdef

需要注意的是，工具栏按钮和窗口的图标来源于：https://www.easyicon.cc/。一些常见的图标素材都可以从中免费下载。我们已经将图标下载完毕，需要的朋友可以点击下方链接来下载：

链接：https://pan.baidu.com/s/11kIvt4SX-MhQ2ltEeC18ZA 提取码：5i3k

另外，app.runStartupFcn(@startupFcn);语句调用的是父类matlab.apps.AppBase的方法，我们将各个控件的注册任务放在startupFcn这个方法中完成。这里不妨先注释掉这个语句，直接运行ReadWords.m便可以显示出我们刚才在buildApp方法中构造的界面了，动图演示如下：

image

可以看到，我们在点击工具栏各个按钮时，没有反应，这是因为到目前为止我们还没有给各个控件注册回调方法，那接下来将会在startupFcn这个方法中完成各个控件的注册任务，代码如下：

 classdef ReadWords < matlab.apps.AppBase
 %%
 properties
 UIFig matlab.ui.Figure
 
 
ContainerForMain matlab.ui.container.GridLayout
 ThisTB matlab.ui.container.Toolbar
 SnippingToolBtn matlab.ui.container.toolbar.PushTool
 ImgLoadToolBtn matlab.ui.container.toolbar.PushTool
 SetupToolBtn matlab.ui.container.toolbar.PushTool
 CleanToolBtn matlab.ui.container.toolbar.PushTool
 ImgShow matlab.ui.control.Image
 WordsShowTA matlab.ui.control.TextArea
 
 
ContainerForSetup matlab.ui.container.GridLayout
 APIKeyText matlab.ui.control.EditField
 SecrectKeyText matlab.ui.control.EditField
 ResetBtn matlab.ui.control.Button
 SaveBtn matlab.ui.control.Button
 end % end properties
 
 
%%
 properties(Hidden, Dependent)
 APIKeyVal
 SecrectKeyVal
 end % end properties
 
 
%%
 properties(Access = protected)
 HasSetup = false
 end % end properties
 
 
%%
 methods
 % --------------------------------------
 % % Constructor
 % --------------------------------------
 function app = ReadWords
 % Create UIFigure and components
 app.buildApp();
 % Register the app with App Designer
 registerApp(app, app.UIFig)
 
 
if nargout == 0
 clear app
 end
 end % end Constructor
 
 
% --------------------------------------
 % % Destructor
 % --------------------------------------
 % Code that executes before app deletion
 function delete(app)
 % Delete UIFigure when app is deleted
 delete(app.UIFig)
 end % end Constructor
 
 
% --------------------------------------
 % % Get/Set methods
 % --------------------------------------
 % get.APIKeyVal
 function apiKeyVal = get.APIKeyVal(app)
 apiKeyVal = app.APIKeyText.Value;
 end
 
 
% get.SecrectKeyVal
 function secrectKeyVal = get.SecrectKeyVal(app)
 secrectKeyVal = app.SecrectKeyText.Value;
 end
 end % end methods
 
 
%%
 methods(Access = private)
 % buildApp
 function buildApp(app)
 %
 % --------------------------------------
 % % Main Figure
 % --------------------------------------
 app.UIFig = uifigure();
 app.UIFig.Icon = 'icons/img2text.png';
 app.UIFig.Name = 'ReadWords';
 app.UIFig.Visible = 'off';
 app.UIFig.Position = [app.UIFig.Position(1), app.UIFig.Position(2), 745, 420];
 app.UIFig.AutoResizeChildren = 'on';
 app.UIFig.Units = 'Normalized';
 app.setAutoResize(app.UIFig, true);
 
 
% --------------------------------------
 % % Toolbar
 % --------------------------------------
 app.ThisTB = uitoolbar(app.UIFig);
 % SetupToolBtn
 app.SetupToolBtn = uipushtool(app.ThisTB);
 app.SetupToolBtn.Icon = 'icons/setup.png';
 app.SetupToolBtn.Tooltip = 'Setup';
 
 
% SnippingToolBtn
 app.SnippingToolBtn = uipushtool(app.ThisTB);
 app.SnippingToolBtn.Icon = 'icons/snip.png';
 app.SnippingToolBtn.Tooltip = 'Screenshot';
 
 
% ImgLoadToolBtn
 app.ImgLoadToolBtn = uipushtool(app.ThisTB);
 app.ImgLoadToolBtn.Icon = 'icons/load.png';
 app.ImgLoadToolBtn.Tooltip = 'Load image';
 
 
% CleanToolBtn
 app.CleanToolBtn = uipushtool(app.ThisTB);
 app.CleanToolBtn.Icon = 'icons/clean.png';
 app.CleanToolBtn.Tooltip = 'Clean';
 
 
% --------------------------------------
 % % ContainerForMain
 % --------------------------------------
 app.ContainerForMain = uigridlayout(app.UIFig, [1, 2]);
 
 
% ContainerForMain
 imgShowPanel = uipanel(app.ContainerForMain, 'Title', 'Original');
 resultShowPanel = uipanel(app.ContainerForMain, 'Title', 'Result');
 % ImgShow
 imgShowPanelLay = uigridlayout(imgShowPanel, [1, 1]);
 imgShowPanelLay.RowSpacing = 0;
 imgShowPanelLay.ColumnSpacing = 0;
 app.ImgShow = uiimage(imgShowPanelLay);
 % WordsShowTA
 resultShowPanelLay = uigridlayout(resultShowPanel, [1, 1]);
 resultShowPanelLay.RowSpacing = 0;
 resultShowPanelLay.ColumnSpacing = 0;
 app.WordsShowTA = uitextarea(resultShowPanelLay);
 app.WordsShowTA.FontSize = 22;
 
 
% --------------------------------------
 % % ContainerForSetup
 % --------------------------------------
 app.ContainerForSetup = uigridlayout(app.UIFig, [4, 3]);
 app.ContainerForSetup.RowHeight = {22, 22, 22, '1x'};
 app.ContainerForSetup.ColumnWidth = {'1x', '1x', '2.5x'};
 app.ContainerForSetup.Visible = 'off';
 apiKeyLabel = uilabel(app.ContainerForSetup, 'Text', 'API Key');
 apiKeyLabel.HorizontalAlignment = 'right';
 apiKeyLabel.Layout.Row = 1;
 apiKeyLabel.Layout.Column = 1;
 % APIKeyText
 app.APIKeyText = uieditfield(app.ContainerForSetup);
 app.APIKeyText.Layout.Row = 1;
 app.APIKeyText.Layout.Column = 2;
 secrectKeyLabel = uilabel(app.ContainerForSetup, 'Text', 'Secrect Key');
 secrectKeyLabel.HorizontalAlignment = 'right';
 secrectKeyLabel.Layout.Row = 2;
 secrectKeyLabel.Layout.Column = 1;
 % SecrectKeyText
 app.SecrectKeyText = uieditfield(app.ContainerForSetup);
 app.SecrectKeyText.Layout.Row = 2;
 app.SecrectKeyText.Layout.Column = 2;
 % ResetBtn
 app.ResetBtn = uibutton(app.ContainerForSetup, 'Text', 'Reset');
 app.ResetBtn.Layout.Row = 3;
 app.ResetBtn.Layout.Column = 1;
 % SaveBtn
 app.SaveBtn = uibutton(app.ContainerForSetup, 'Text', 'Save');
 app.SaveBtn.Layout.Row = 3;
 app.SaveBtn.Layout.Column = 2;
 % Set visibility for UIFig
 movegui(app.UIFig, 'center');
 app.UIFig.Visible = 'on';
 
 
% --------------------------------------
 % % RunstartupFcn
 % --------------------------------------
 app.runStartupFcn(@startupFcn);
 end % end buildApp
 
 
% startupFcn
 function startupFcn(app, ~, ~)
 % Setup APIKeyText and SecrectKeyText
 if exist('apikey.mat', 'file')
 temp = load('apikey.mat');
 app.APIKeyText.Value = temp.key.apiKeyVal;
 app.APIKeyText.Editable = 'off';
 app.SecrectKeyText.Value = temp.key.secrectKeyVal;
 app.SecrectKeyText.Editable = 'off';
 end
 
 
% Register callback
 app.SnippingToolBtn.ClickedCallback = @app.clickedSnippingToolBtn;
 app.ImgLoadToolBtn.ClickedCallback = @app.clickedImgLoadToolBtn;
 app.SetupToolBtn.ClickedCallback = @app.clickedSetupToolBtn;
 app.CleanToolBtn.ClickedCallback = @app.clickedCleanToolBtn;
 
 
app.ResetBtn.ButtonPushedFcn = @app.callbackResetBtn;
 app.SaveBtn.ButtonPushedFcn = @app.callbackSaveBtn;
 end % end function
 end % methods
 end % end classdef

由此，我们总共为6个按钮注册了6个回调方法，需要都进行实现，不然触发按钮时，该按钮不会做出响应。简单起见，这里我们以实现设置界面中的SaveBtn的回调方法callbackSaveBtn为例子来说明。

在没有设置APIKey或SecrectKey前，触发SnippingToolBtn或者ImgLoadToolBtn会有先进行设置的提示：

image

callbackSaveBtn方法实现的逻辑：首先由HasSetup属性判断是否进行了APIKey和SecrectKey的设置（初始默认是false没有设置），如果没有设置，会提示没有APIKey或SecrectKey，则需要输入APIKey和SecrectKey的值，然后点击保存按钮，那么后台会将获取到的值存储下来（.mat文件），更新HasSetup的值为true，后续我们就不必要再次输入了，要想更换值的话，点击重置按钮重新配置即可；如果进行了设置（HasSetup属性为true），直接保存即可。

具体的代码如下：

 % --------------------------------------
 % % Callback functions
 % --------------------------------------
 % callbackSaveBtn
 function callbackSaveBtn(app, ~, ~)
 if ~isempty(app.SecrectKeyText.Value) && ~isempty(app.APIKeyText.Value)
 key.apiKeyVal = app.APIKeyText.Value;
 key.secrectKeyVal = app.SecrectKeyText.Value;
 if exist('apikey.mat', 'file')
 delete('apikey.mat');
 end
 save('apikey.mat', 'key');
 !attrib +s +h apikey.mat
 uialert(app.UIFig, 'Save successfully!', 'Confirm', 'Icon', 'success');
 app.APIKeyText.Editable = 'off';
 app.SecrectKeyText.Editable = 'off';
 else
 uialert(app.UIFig, 'API Key or Secrect Key is empty!', 'Confirm', 'Icon', 'warning');
 end % end if
 end % callbackSaveBtn

实现了保存按钮的功能后，就可以得到如下动图所示的效果了。

image

其他的回调函数源代码：

 % clickedSnippingToolBtn
 function clickedSnippingToolBtn(app, ~, ~)
 if ~isempty(app.SecrectKeyText.Value) && ~isempty(app.APIKeyText.Value)
 app.UIFig.Visible = 'off';
 pause(0.1);
 outFileName = 'temp.png';
 cropImg(outFileName);
 !attrib +s +h temp.png
 %
 app.ImgShow.ImageSource = imread(outFileName);
 app.UIFig.Visible = 'on';
 %
 apiURL = 'https://aip.baidubce.com/rest/2.0/ocr/v1/accurate_basic';
 words = getWordsByBaiduOCR(outFileName, app.APIKeyVal, app.SecrectKeyVal, '', apiURL, 'MultiLine');
 app.WordsShowTA.Value = words;
 else
 msg = {'API Key or Secrect Key is empty!'; 'Please set it up first!'};
 uialert(app.UIFig, msg, 'Confirm', 'Icon', 'warning');
 end
 end % end clickedSnippingToolBtn
 
 
% clickedImgLoadToolBtn
 function clickedImgLoadToolBtn(app, ~, ~)
 if ~isempty(app.SecrectKeyText.Value) && ~isempty(app.APIKeyText.Value)
 [fName, fPath] = uigetfile({'.png'; '.jpg'; '.bmp'; '.tif'}, 'Open image');
 if ~isequal(any([fName, fPath]), 0)
 img = imread(strcat(fPath, fName));
 outFileName = 'temp.png';
 if exist(outFileName, 'file')
 delete(outFileName)
 end
 imwrite(img, outFileName);
 !attrib +s +h temp.png
 %
 app.ImgShow.ImageSource = imread(outFileName);
 app.UIFig.Visible = 'on';
 %
 apiURL = 'https://aip.baidubce.com/rest/2.0/ocr/v1/accurate_basic';
 words = getWordsByBaiduOCR(outFileName, app.APIKeyVal, app.SecrectKeyVal, '', apiURL, 'MultiLine');
 app.WordsShowTA.Value = words;
 else
 return
 end % end if
 else % end if
 msg = {'API Key or Secrect Key is empty!'; 'Please set it up first!'};
 uialert(app.UIFig, msg, 'Confirm', 'Icon', 'warning');
 end
 end % end clickedImgLoadToolBtn
 
 
% clickedSetupToolBtn
 function clickedSetupToolBtn(app, ~, ~)
 if ~app.HasSetup
 app.ContainerForMain.Visible = 'off';
 app.ContainerForSetup.Visible = 'on';
 app.HasSetup = true;
 else
 app.ContainerForMain.Visible = 'on';
 app.ContainerForSetup.Visible = 'off';
 app.HasSetup = false;
 end
 end % end clickedSetupToolBtn
 
 
% clickedCleanToolBtn
 function clickedCleanToolBtn(app, ~, ~)
 app.WordsShowTA.Value = '';
 app.ImgShow.ImageSource = '';
 end % end clickedCleanToolBtn
 
 
% callbackResetBtn
 function callbackResetBtn(app, ~, ~)
 app.APIKeyText.Value = '';
 app.APIKeyText.Editable = 'on';
 app.SecrectKeyText.Value = '';
 app.SecrectKeyText.Editable = 'on';
 end % callbackResetBtn

四、使用演示

现在让我们来测试一下搭建的图像识别工具吧，比如，某麻子同学是一名研究生，在阅读那种扫描版的pdf文献时，想把其中的一段语句复制下来用于记录笔记或者做PPT用，这时我们的工具就派上用场了：

image

刹那间，某麻子同学得到了想要的结果，露出了久违的幸福的一笑！

image

五、结语

至此，我们完成了一个比较完整的文字识别工具！希望您喜欢，并且可以从中获得有用的东西。

本文完整代码，请在GZH内回复“文字识别工具”进行下载。

【往期推荐】

  • 矩阵2-范数化的向量化方法 (qq.com)

  • texStudio主题配置 (qq.com)

  • 送福利啦 (qq.com)

  • 如何用Matlab一键下载B站高清视频（下） (qq.com)

  • Python中的装饰器 (qq.com)

  • MATLAB 风格指南 2.0 (qq.com)

  • 匿名函数（Anonymous Function） (qq.com)

  • 猜猜今天的干货有哪些？ (qq.com)

  • 分享爬取Matlab中文论坛基础讨论的源代码 (qq.com)

  • 如何用Matlab一键下载B站高清视频（上） (qq.com)

  • 爬取某学者主页上的文献 (qq.com)

你可能感兴趣的:(手把手教你，一个案例学会用Matlab App Designer设计文字识别工具（附源码）)

  • 芦花鞋一四 许叶晗
    又是在一个寒冷的夏日里，青铜和葵花决定今天一起去卖芦花鞋，奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧！”于是青铜和葵花喝完了奶奶给她们做的粥，就准备去镇上卖卢花鞋，这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖，用手势表达对葵花说:“这回有好多人在抢我们生意呢！我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫，卖芦花喽！卖芦花
  • QQ群采集助手，精准引流必备神器 2401_87347160 其他经验分享
    功能概述微信群查找与筛选工具是一款专为微信用户设计的辅助工具，它通过关键词搜索功能，帮助用户快速找到相关的微信群，并提供筛选是否需要验证的群组的功能。主要功能关键词搜索：用户可以输入关键词，工具将自动查找包含该关键词的微信群。筛选功能：工具提供筛选机制，用户可以选择是否只显示需要验证或不需要验证的群组。精准引流：通过上述功能，用户可以更精准地找到目标群组，进行有效的引流操作。3.设备需求该工具可以
  • 机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习python
    一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入
  • 底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说 造命者说
    底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说我叫吴起，生于公元前440年的战国初期，正是群雄并起、天下纷争不断的时候。后人说我是军事家、政治家、改革家，是兵家代表人物。评价我一生历仕鲁、魏、楚三国，通晓兵家、法家、儒家三家思想，在内政军事上都有极高的成就。周安王二十一年（公元前381年），因变法得罪守旧贵族，被人乱箭射死。我出生在卫国一个“家累万金”的富有家庭，从年轻时候起就不甘平凡
  • 2020-01-25 晴岚85
    郑海燕坚持分享590天2020.1.24在生活中只存在两个问题。一个问题是：你知道想要达成的目标是什么，但却不知道如何才能达成；另一个问题是：你不知道你的目标是什么。前一个是行动的问题，后一个是结果的问题。通过制定具体的下一步行动，可以解决不知道如何开始行动的问题。而通过去想象结果，对结果做预估，可以解决找不着目标的问题。对于所有吸引我们注意力，想要完成的任务，你可以先想象一下，预期的结果究竟是什
  • 随笔 | 仙一般的灵气 海思沧海
    仙岛今天，我看了你全部，似乎已经进入你的世界我不知道，这是否是梦幻，还是你仙一般的灵气吸引了我也许每一个人都要有一份属于自己的追求，这样才能够符合人生的梦想，生活才能够充满着阳光与快乐我不知道，我为什么会这样的感叹，是在感叹自己的人生，还是感叹自己一直没有孜孜不倦的追求只感觉虚度了光阴，每天活在自己的梦中，活在一个不真实的世界是在逃避自己，还是在逃避周围的一切有时候我嘲笑自己，嘲笑自己如此的虚无，
  • 想家 爆米花机
    也许不同于大家对家乡的思念，我对家乡甚至是疯狂的不舍。还未踏出车站就感觉到幸福，我享受这里的夕阳、这里的浓烈柴火味、这里每一口家常菜。我是宅女，我贪恋家的安逸。刚刚踏出大学校门，初出茅庐，无法适应每年只能国庆和春节回家。我焦虑、失眠、无端发脾气，是无法适应工作的节奏，是无法接受我将一步步离开家乡的事实。我不想承认自己胸无大志，选择再次踏上征程。图片发自App
  • 【iOS】MVC设计模式 Magnetic_h iosmvc设计模式objective-c学习ui
    MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod
  • OC语言多界面传值五大方式 Magnetic_h iosui学习objective-c开发语言
    前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • 10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋
    本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
  • C语言如何定义宏函数？ 小九格物 c语言
    在C语言中，宏函数是通过预处理器定义的，它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为，但它们不是真正的函数，因为它们在编译时不会进行类型检查，也不会分配存储空间。宏函数的定义通常使用#define指令，后面跟着宏的名称和参数列表，以及宏展开后的代码。宏函数的定义方式：1.基本宏函数：这是最简单的宏函数形式，它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参
  • 微服务下功能权限与数据权限的设计与实现 nbsaas-boot 微服务java架构
    在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限：
  • 理解Gunicorn：Python WSGI服务器的基石 范范0825 ipythonlinux运维
    理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
  • 小丽成长记（四十三） 玲玲54321
    小丽发现，即使她好不容易调整好自己的心态下一秒总会有不确定的伤脑筋的事出现，一个接一个的问题，人生就没有停下的时候，小问题不断出现。不过她今天看的书，她接受了人生就是不确定的，厉害的人就是不断创造确定性，在Ta的领域比别人多的确定性就能让自己脱颖而出，显示价值从而获得的比别人多的利益。正是这样的原因，因为从前修炼自己太少，使得她现在在人生道路上打怪起来困难重重，她似乎永远摆脱不了那种无力感，有种习
  • 学点心理知识，呵护孩子健康 静候花开_7090
    昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果
  • c++ 的iostream 和 c++的stdio的区别和联系 黄卷青灯77 c++算法开发语言iostreamstdio
    在C++中，iostream和C语言的stdio.h都是用于处理输入输出的库，但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系：区别1.编程风格iostream（C++风格）：C++标准库中的输入输出流类库，支持面向对象的输入输出操作。典型用法是cin（输入）和cout（输出），使用>操作符来处理数据。更加类型安全，支持用户自定义类型的输入输出。#includeintmain(){in
  • 瑶池防线 谜影梦蝶
    冥华虽然逃过了影梦的军队，但他是一个忠臣，他选择上报战况。败给影梦后成逃兵，高层亡尔还活着，七重天失守......随便一条，即可处死冥华。冥华自然是知道以仙界高层的习性此信一发自己必死无疑，但他还选择上报实情，因为责任。同样此信送到仙宫后，知道此事的人，大多数人都认定冥华要完了，所以上到仙界高层，下到扫大街的，包括冥华自己，全都准备好迎接冥华之死。如果仙界现在还属于两方之争的话，冥华必死无疑。然而
  • 《策划经理回忆录之二》 路基雅虎
    话说三年变六年，飘了，飘了……眨眼，2013年5月，老吴回到了他的家乡——油城从新开启他的工作幻想症生涯。很庆幸，这是一家很有追求，同时敢于尝试的，且实力不容低调的新星房企——金源置业(前身泰源置业)更值得庆幸的是第一个盘就是油城十路的标杆之一:金源盛世。2013年5月，到2015年11月，两年的陪伴，迎来了一场大爆发。2000个筹，5万/筹，直接回笼1个亿！！！这……让我开始认真审视这座看似五线
  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • 如何在 Fork 的 GitHub 项目中保留自己的修改并同步上游更新？github_fork_update iBaoxing github
    如何在Fork的GitHub项目中保留自己的修改并同步上游更新？在GitHub上Fork了一个项目后，你可能会对项目进行一些修改，同时原作者也在不断更新。如果想要在保留自己修改的基础上，同步原作者的最新更新，很多人会不知所措。本文将详细讲解如何在不丢失自己改动的情况下，将上游仓库的更新合并到自己的仓库中。问题描述假设你在GitHub上Fork了一个项目，并基于该项目做了一些修改，随后你发现原作者对
  • 扫地机类清洁产品之直流无刷电机控制 悟空胆好小 清洁服务机器人单片机人工智能
    扫地机类清洁产品之直流无刷电机控制1.1前言扫地机产品有很多的电机控制，滚刷电机1个，边刷电机1-2个，清水泵电机，风机一个，部分中高端产品支持抹布功能，也就是存在抹布盘电机，还有追觅科沃斯石头等边刷抬升电机，滚刷抬升电机等的，这些电机有直流有刷电机，直接无刷电机，步进电机，电磁阀，挪动泵等不同类型。电机的原理，驱动控制方式也不行。接下来一段时间的几个文章会作个专题分析分享。直流有刷电机会自动持续
  • Linux下QT开发的动态库界面弹出操作（SDL2） 13jjyao QT类qt开发语言sdl2linux
    需求：操作系统为linux，开发框架为qt，做成需带界面的qt动态库，调用方为java等非qt程序难点：调用方为java等非qt程序，也就是说调用方肯定不带QApplication::exec()，缺少了这个，QTimer等事件和QT创建的窗口将不能弹出(包括opencv也是不能弹出)；这与qt调用本身qt库是有本质的区别的思路：1.调用方缺QApplication::exec()，那么我们在接口
  • 绘本讲师训练营【24期】8/21阅读原创《独生小孩》 1784e22615e0
    24016-孟娟《独生小孩》图片发自App今天我想分享一个蛮特别的绘本，讲的是一个特殊的群体，我也是属于这个群体，80后的独生小孩。这是一本中国绘本，作者郭婧，也是一个80厚。全书一百多页，均为铅笔绘制，虽然为黑白色调，但并不显得沉闷。全书没有文字，犹如“默片”，但并不影响读者对该作品的理解，反而显得神秘，梦幻，給读者留下想象的空间。作者在前蝴蝶页这样写到：“我更希望父母和孩子一起分享这本书，使他
  • 30天风格练习-DAY2 黄希夷
    Day2（重义）在一个周日/一周的最后一天，我来到位于市中心/市区繁华地带的一家购物中心/商场，中心内人很多/熙熙攘攘。我注意到/看见一个独行/孤身一人的年轻女孩/，留着一头引人注目/长过腰际的头发，上身穿一件暗红色/比正红色更深的衣服/穿在身体上的东西。走下扶梯的时候，她摔倒了/跌向地面，在她正要站起来/让身体离开地面的时候，过长/超过一般人长度的头发被支撑身体/躯干的手掌压/按在下面，她赶紧用
  • 店群合一模式下的社区团购新发展——结合链动 2+1 模式、AI 智能名片与 S2B2C 商城小程序源码 说私域 人工智能小程序
    摘要：本文探讨了店群合一的社区团购平台在当今商业环境中的重要性和优势。通过分析店群合一模式如何将互联网社群与线下终端紧密结合，阐述了链动2+1模式、AI智能名片和S2B2C商城小程序源码在这一模式中的应用价值。这些创新元素的结合为社区团购带来了新的机遇，提升了用户信任感、拓展了营销渠道，并实现了线上线下的完美融合。一、引言随着互联网技术的不断发展，社区团购作为一种新兴的商业模式，在满足消费者日常需
  • 我校举行新老教师师徒结对仪式暨名师专业工作室工作交流活动 李蕾1229
    为促进我校教师专业发展，发挥骨干教师的引领带头作用，11月6日下午，我校举行新老教师师徒结对仪式暨名师专业工作室工作交流活动。图片发自App会议由教师发展处李蕾主任主持，首先，由范校长宣读新老教师结对名单及双方承担职责。随后，两位新调入教师陈玉萍、莫正杰分别和他们的师傅鲍元美、刘召彬老师签订了师徒结对协议书。图片发自App图片发自App师徒拥抱、握手。有了师傅就有了目标有了方向，相信两位新教师在师
  • 向内而求 陈陈_19b4
    10月27日，阴。阅读书目:《次第花开》。作者:希阿荣博堪布，是当今藏传佛家宁玛派最伟大的上师法王，如意宝晋美彭措仁波切颇具影响力的弟子之一。多年以来，赴海内外各地弘扬佛法，以正式授课、现场开示、发表文章等多种方法指导佛学弟子修行佛法。代表作《寂静之道》、《生命这出戏》、《透过佛法看世界》自出版以来一直是佛教类书籍中的畅销书。图片发自App金句:1.佛陀说，一切痛苦的根源在于我们长期以来对自身及外
  • 消息中间件有哪些常见类型 xmh-sxh-1314 java
    消息中间件根据其设计理念和用途，可以大致分为以下几种常见类型：点对点消息队列（Point-to-PointMessagingQueues）：在这种模型中，消息被发送到特定的队列中，消费者从队列中取出并处理消息。队列中的消息只能被一个消费者消费，消费后即被删除。常见的实现包括IBM的MQSeries、RabbitMQ的部分使用场景等。适用于任务分发、负载均衡等场景。发布/订阅消息模型（Pub/Sub
  • TOMCAT在POST方法提交参数丢失问题 357029540 javatomcatjsp
    摘自http://my.oschina.net/luckyi/blog/213209 昨天在解决一个BUG时发现一个奇怪的问题，一个AJAX提交数据在之前都是木有问题的，突然提交出错影响其他处理流程。 检查时发现页面处理数据较多，起初以为是提交顺序不正确修改后发现不是由此问题引起。于是删除掉一部分数据进行提交，较少数据能够提交成功。 恢复较多数据后跟踪提交FORM DATA ，发现数
  • 在MyEclipse中增加JSP模板 删除-2008-08-18 ljy325 jspxmlMyEclipse
    在D:\Program Files\MyEclipse 6.0\myeclipse\eclipse\plugins\com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710\templates\jsp  目录下找到Jsp.vtl，复制一份，重命名为jsp2.vtl,然后把里面的内容修改为自己想要的格式，保存。 然后在 D:\Progr
  • JavaScript常用验证脚本总结 eksliang JavaScriptjavaScript表单验证
         转载请出自出处：http://eksliang.iteye.com/blog/2098985        下面这些验证脚本，是我在这几年开发中的总结，今天把他放出来，也算是一种分享吧，现在在我的项目中也在用！包括日期验证、比较，非空验证、身份证验证、数值验证、Email验证、电话验证等等...! &nb
  • 微软BI（4） 18289753290 微软BI SSIS
    1） Q:查看ssis里面某个控件输出的结果：  A MessageBox.Show(Dts.Variables["v_lastTimestamp"].Value.ToString()); 这是我们在包里面定义的变量 2):在关联目的端表的时候如果是一对多的关系，一定要选择唯一的那个键作为关联字段。 3) Q：ssis里面如果将多个数据源的数据插入目的端一
  • 定时对大数据量的表进行分表对数据备份 酷的飞上天空 大数据量
    工作中遇到数据库中一个表的数据量比较大，属于日志表。正常情况下是不会有查询操作的，但如果不进行分表数据太多，执行一条简单sql语句要等好几分钟。。   分表工具：linux的shell + mysql自身提供的管理命令 原理：使用一个和原表数据结构一样的表，替换原表。   linux shell内容如下： =======================开始 
  • 本质的描述与因材施教 永夜-极光 感想随笔
             不管碰到什么事,我都下意识的想去探索本质,找寻一个最形象的描述方式。        我坚信,世界上对一件事物的描述和解释,肯定有一种最形象,最贴近本质,最容易让人理解        &
  • 很迷茫。。。 随便小屋 随笔
    小弟我今年研一，也是从事的咱们现在最流行的专业（计算机）。本科三流学校，为了能有个更好的跳板，进入了考研大军，非常有幸能进入研究生的行业（具体学校就不说了，怕把学校的名誉给损了）。   先说一下自身的条件，本科专业软件工程。主要学习就是软件开发，几乎和计算机没有什么区别。因为学校本身三流，也就是让老师带着学生学点东西，然后让学生毕业就行了。对专业性的东西了解的非常浅。就那学的语言来说
  • 23种设计模式的意图和适用范围 aijuans 设计模式
    Factory Method 意图 定义一个用于创建对象的接口，让子类决定实例化哪一个类。Factory Method 使一个类的实例化延迟到其子类。 　　适用性 当一个类不知道它所必须创建的对象的类的时候。 　　当一个类希望由它的子类来指定它所创建的对象的时候。 　　当类将创建对象的职责委托给多个帮助子类中的某一个，并且你希望将哪一个帮助子类是代理者这一信息局部化的时候。 Abstr
  • Java中的synchronized和volatile aoyouzi javavolatilesynchronized
    说到Java的线程同步问题肯定要说到两个关键字synchronized和volatile。说到这两个关键字，又要说道JVM的内存模型。JVM里内存分为main memory和working memory。 Main memory是所有线程共享的，working memory则是线程的工作内存，它保存有部分main memory变量的拷贝，对这些变量的更新直接发生在working memo
  • js数组的操作和this关键字 百合不是茶 js数组操作this关键字
    js数组的操作;   一:数组的创建: 1、数组的创建 var array = new Array();　//创建一个数组 var array = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]
  • 别人的阿里面试感悟 bijian1013 面试分享工作感悟阿里面试
    原文如下：http://greemranqq.iteye.com/blog/2007170         一直做企业系统，虽然也自己一直学习技术，但是感觉还是有所欠缺，准备花几个月的时间，把互联网的东西，以及一些基础更加的深入透析，结果这次比较意外，有点突然，下面分享一下感受吧！    &nb
  • 淘宝的测试框架Itest Bill_chen springmaven框架单元测试JUnit
    Itest测试框架是TaoBao测试部门开发的一套单元测试框架，以Junit4为核心， 集合DbUnit、Unitils等主流测试框架，应该算是比较好用的了。 近期项目中用了下，有关itest的具体使用如下： 1.在Maven中引入itest框架： <dependency>   <groupId>com.taobao.test</groupId&g
  • 【Java多线程二】多路条件解决生产者消费者问题 bit1129 java多线程
    package com.tom; import java.util.LinkedList; import java.util.Queue; import java.util.concurrent.ThreadLocalRandom; import java.util.concurrent.locks.Condition; import java.util.concurrent.loc
  • 汉字转拼音pinyin4j 白糖_ pinyin4j
    以前在项目中遇到汉字转拼音的情况，于是在网上找到了pinyin4j这个工具包，非常有用，别的不说了，直接下代码：   import java.util.HashSet; import java.util.Set; import net.sourceforge.pinyin4j.PinyinHelper; import net.sourceforge.pinyin
  • org.hibernate.TransactionException: JDBC begin failed解决方案 bozch ssh数据库异常DBCP
    org.hibernate.TransactionException: JDBC begin failed:     at org.hibernate.transaction.JDBCTransaction.begin(JDBCTransaction.java:68)    at org.hibernate.impl.SessionImp
  • java-并查集（Disjoint-set）-将多个集合合并成没有交集的集合 bylijinnan java
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashMap; import java.util.HashSet; import java.util.Iterator; import java.util.List; import java.util.Map; import java.ut
  • Java PrintWriter打印乱码 chenbowen00 java
    一个小程序读写文件，发现PrintWriter输出后文件存在乱码，解决办法主要统一输入输出流编码格式。 读文件： BufferedReader 从字符输入流中读取文本，缓冲各个字符，从而提供字符、数组和行的高效读取。 可以指定缓冲区的大小，或者可使用默认的大小。大多数情况下，默认值就足够大了。 通常，Reader 所作的每个读取请求都会导致对基础字符或字节流进行相应的读取请求。因
  • [天气与气候]极端气候环境 comsci 环境
          如果空间环境出现异变...外星文明并未出现,而只是用某种气象武器对地球的气候系统进行攻击,并挑唆地球国家间的战争,经过一段时间的准备...最大限度的削弱地球文明的整体力量,然后再进行入侵......      那么地球上的国家应该做什么样的防备工作呢?  &n
  • oracle order by与union一起使用的用法 daizj UNIONoracleorder by
    当使用union操作时，排序语句必须放在最后面才正确，如下： 只能在union的最后一个子查询中使用order by，而这个order by是针对整个unioning后的结果集的。So： 如果unoin的几个子查询列名不同，如 Sql代码  select supplier_id, supplier_name  from suppliers  UNI
  • zeus持久层读写分离单元测试 deng520159 单元测试
    本文是zeus读写分离单元测试,距离分库分表,只有一步了.上代码: 1.ZeusMasterSlaveTest.java package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Assert; import org.j
  • Yii 截取字符串(UTF-8) 使用组件 dcj3sjt126com yii
    1.将Helper.php放进protected\components文件夹下。 2.调用方法：   Helper::truncate_utf8_string($content,20,false);   //不显示省略号  Helper::truncate_utf8_string($content,20);  //显示省略号  &n
  • 安装memcache及php扩展 dcj3sjt126com PHP
    安装memcache    tar zxvf memcache-2.2.5.tgz     cd memcache-2.2.5/     /usr/local/php/bin/phpize (?)    ./configure --with-php-confi
  • JsonObject 处理日期 feifeilinlin521 javajsonJsonOjbectJsonArrayJSONException
        写这边文章的初衷就是遇到了json在转换日期格式出现了异常 net.sf.json.JSONException: java.lang.reflect.InvocationTargetException  原因是当你用Map接收数据库返回了java.sql.Date 日期的数据进行json转换出的问题话不多说  直接上代码  &n
  • Ehcache（06）——监听器 234390216 监听器listenerehcache
    监听器          Ehcache中监听器有两种，监听CacheManager的CacheManagerEventListener和监听Cache的CacheEventListener。在Ehcache中，Listener是通过对应的监听器工厂来生产和发生作用的。下面我们将来介绍一下这两种类型的监听器。  
  • activiti 自带设计器中chrome 34版本不能打开bug的解决 jackyrong Activiti
      在acitivti modeler中，如果是chrome 34，则不能打开该设计器，其他浏览器可以， 经证实为bug，参考 http://forums.activiti.org/content/activiti-modeler-doesnt-work-chrome-v34 修改为，找到 oryx.debug.js 在最头部增加 if (!Document.
  • 微信收货地址共享接口-终极解决 laotu5i0 微信开发
       最近要接入微信的收货地址共享接口，总是不成功，折腾了好几天，实在没办法网上搜到的帖子也是骂声一片。我把我碰到并解决问题的过程分享出来，希望能给微信的接口文档起到一个辅助作用，让后面进来的开发者能快速的接入，而不需要像我们一样苦逼的浪费好几天，甚至一周的青春。各种羞辱、谩骂的话就不说了，本人还算文明。    如果你能搜到本贴，说明你已经碰到了各种 ed
  • 关于人才 netkiller.github.com 工作面试招聘netkiller人才
    关于人才 每个月我都会接到许多猎头的电话，有些猎头比较专业，但绝大多数在我看来与猎头二字还是有很大差距的。 与猎头接触多了，自然也了解了他们的工作，包括操作手法，总体上国内的猎头行业还处在初级阶段。 总结就是“盲目推荐，以量取胜”。 目前现状 许多从事人力资源工作的人，根本不懂得怎么找人才。处在人才找不到企业，企业找不到人才的尴尬处境。 企业招聘，通常是需要用人的部门提出招聘条件，由人
  • 搭建 CentOS 6 服务器 - 目录 rensanning centos
    (1) 安装CentOS ISO（desktop/minimal）、Cloud（AWS/阿里云）、Virtualization（VMWare、VirtualBox） 详细内容 (2) Linux常用命令 cd、ls、rm、chmod...... 详细内容 (3) 初始环境设置 用户管理、网络设置、安全设置...... 详细内容 (4) 常驻服务Daemon
  • 【求助】mongoDB无法更新主键 toknowme mongodb
      Query query = new Query();          query.addCriteria(new Criteria("_id").is(o.getId()));                &n
  • jquery 页面滚动到底部自动加载插件集合 xp9802 jquery
    很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件： 1. jQuery ScrollPagination jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。 2. jQuery Screw S
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他