WebOcr_CodingPark编程公园

最新推荐文章于 2024-05-02 17:41:03 发布

VIP文章 TEAM-AG

最新推荐文章于 2024-05-02 17:41:03 发布

阅读量450

点赞数 1

分类专栏： ocr 文章标签： web ocr

版权由TEAM-AG团队所有

本文链接：https://blog.csdn.net/weixin_38411989/article/details/109355576

版权

项目说明

Web识别版Ocr项目
其中ocr内核为baidu-aip、前端内核为HTML+CSS+JS、后端内核为Python

Web识别版Ocr项目-工具包
web框架：tornado
pip install tornado
百度ocr包：baidu-aip
pip install baidu-aip

在这里插入图片描述

代码实战

在这里插入图片描述

前端

index.heml(主页面)

<!DOCTYPE HTML>
<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>智能信息处理研究所</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Free HTML5 Website Template by jq22.com" />
	<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
	<meta name="author" content="jq22.com" />

	

  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<link href="https://fonts.googleapis.com/css?family=Oxygen:300,400" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="../static/css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="../static/css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-3.3.4.css">

	<!-- Magnific Popup -->
	<link rel="stylesheet" href="../static/css/magnific-popup.css">

	<!-- Flexslider  -->
	<link rel="stylesheet" href="../static/css/flexslider.css">

	<!-- Theme style  -->
	<link rel="stylesheet" href="../static/css/style.css">

	<!-- Modernizr JS -->
	<script src="../static/js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
		<script src="../static/js/respond.min.js"></script>
		<![endif]-->

	</head>
	<body>
		
	<div class="fh5co-loader"></div>
	
	<div id="page">
	<nav class="fh5co-nav" role="navigation">
		<div class="container-wrap">
			<div class="top-menu">
				<div class="row">
					<div class="col-xs-2">
						<div id="fh5co-logo"><a href="index.html">智能信息处理研究所</a></div>
					</div>
					<div class="col-xs-10 text-right menu-1">
						<ul>
							<li class="active"><a href="index.html">主页</a></li>
							<li><a href="ocr.html">开发者端口</a></li>
							<li class="has-dropdown">
								<a href="#">企业级端口</a>
								<ul class="dropdown">
									<li><a href="#">税务局</a></li>
									<li><a href="#">身份录入</a></li>
									<li><a href="#">交管局</a></li>
									<li><a href="#">高校录取通知</a></li>
									<li><a href="#">快递单</a></li>
								</ul>
							</li>
							<li><a href="admin.html">管理员端口</a></li>
							<li><a href="contact.html">联系我们</a></li>
						</ul>
					</div>
				</div>
				
			</div>
		</div>
	</nav>
	<div class="container-wrap">
		<aside id="fh5co-hero">
			<div class="flexslider">
				<ul class="slides">
			   	<li style="background-image: url(../static/images/img_bg_1.jpg);">
			   		<div class="overlay-gradient"></div>
			   		<div class="container-fluid">
			   			<div class="row">
				   			<div class="col-md-6 col-md-offset-3 col-md-pull-3 slider-text">
				   				<div class="slider-text-inner">
				   					<h1>OCR文字识别-简要说明</h1>
										<h2>Optical Character Recognition system-brief description <a href="http://clsw2019.com/labWeb/View/index.php" target="_blank">Design by 智能信息处理研究所 ICAA</a></h2>
										<p><a class="btn btn-primary btn-demo" href="ocr.html"></i> Use OCR </a> <a class="btn btn-primary btn-learn" href="http://clsw2019.com/labWeb/View/index.php" target="_blank">Learn More</a></p>
				   				</div>
				   			</div>
				   		</div>
			   		</div>
			   	</li>
			   	<li style="background-image: url(../static/images/img_bg_2.jpg);">
			   		<div class="overlay-gradient"></div>
			   		<div class="container-fluid">
			   			<div class="row">
				   			<div class="col-md-6 col-md-offset-3 col-md-push-3 slider-text">
				   				<div class="slider-text-inner">
				   					<h1>迄今为止做强大的管理系统</h1>
										<h2>Do a strong management system so far. <a href="http://clsw2019.com/labWeb/View/instituteOverview.php?classify=0" target="_blank">What we done</a></h2>
										<p><a class="btn btn-primary btn-demo" href="#"></i> Use OCR </a> <a class="btn btn-primary btn-learn" href="http://clsw2019.com/labWeb/View/index.php" target="_blank">Learn More</a></p>
				   				</div>
				   			</div>
				   		</div>
			   		</div>
			   	</li>
			   	<li style="background-image: url(../static/images/img_bg_3.jpg);">
			   		<div class="overlay-gradient"></div>
			   		<div class="container-fluids">
			   			<div class="row">
				   			<div class="col-md-6 col-md-offset-3 slider-text">
				   				<div class="slider-text-inner text-center">
				   					<h1>新手如何操作手册</h1>
										<h2>How teachers operate the manual How to use it.</h2>
										<p>