238 lines
11 KiB
HTML
Executable File
238 lines
11 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html lang="cn"><!-- InstanceBegin template="/Templates/product-template.dwt" codeOutsideHTMLIsLocked="false" -->
|
||
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
|
||
<!-- InstanceBeginEditable name="doctitle" -->
|
||
<title>BPI编码转换工具</title>
|
||
<!-- InstanceEndEditable -->
|
||
<meta name="theme-color" content="#03a9f4">
|
||
<meta name="description" content="BPI官方网站 Banana Pi DIY 电脑开发板包括 BPI-M1, 四核的BPI-M2+ , 八核的BPI-M3 单板电脑, BPI-R1 路由器等.">
|
||
<meta name="keywords"
|
||
content="香蕉派, 开发板，BPI-M2U, Banana Pi, BPI, development board, DIY, banana pi m3, banana pi m2, banana pi m64, banana pi m1, bpi-m3, bpi-m2, bpi-m1, android, nas" />
|
||
<!-- CSS -->
|
||
<link href="style/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
|
||
<link href="style/css/style.css" type="text/css" rel="stylesheet" media="screen,projection" />
|
||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
||
<link rel="shortcut icon" type="image/ico" href="images/logos/bpilogo.ico" />
|
||
|
||
<!-- Materialize CSS -->
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
|
||
|
||
<!-- Materialize JavaScript -->
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
|
||
|
||
<link rel="stylesheet" href="style/css/bootstrap.min.css">
|
||
|
||
|
||
<!-- InstanceBeginEditable name="head" -->
|
||
<!-- InstanceEndEditable -->
|
||
|
||
|
||
</head>
|
||
|
||
<body class="white">
|
||
<!-- start of the header and drawer-------------------------------------------------------------------------------------------->
|
||
<!-- BREAK -->
|
||
<div class="navbar-fixed">
|
||
<nav class="white" role="navigation">
|
||
<div class="nav-wrapper">
|
||
<a id="logo-container" href="index.html" style="margin-left:15px;" class="brand-logo black-text"><img
|
||
style="max-height:55px; margin-top:10px;" src="images/logos/logo-home.png"></a>
|
||
<ul class="right hide-on-med-and-down">
|
||
<li><a class="dropdown-button waves-effect waves-light black-text" href="#!">
|
||
<hnav>电子料</hnav>
|
||
</a></li>
|
||
<li><a class="dropdown-button waves-effect waves-light black-text" href="#!">
|
||
<hnav>塑料类</hnav>
|
||
</a></li>
|
||
<!-- <li><a class="waves-effect waves-light black-text" href="blog.html"><hnav>博客</hnav></a></li> -->
|
||
<li><a class="waves-effect waves-light black-text" href="download.html">
|
||
<hnav>机构杂料类</hnav>
|
||
</a></li>
|
||
<li><a class="dropdown-button waves-effect waves-light black-text" href="shop.html">
|
||
<hnav>BPI产品</hnav>
|
||
</a></li>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
<!-- end of header and drawer------------------------------------------------------------------------------------------------->
|
||
|
||
<!-- the start of the main content--------------------------------------------------------------------------------------------->
|
||
|
||
|
||
<!-- main download area--------------------------------------------------------------------------------------------->
|
||
|
||
<ul class="tabs">
|
||
<li class="tab col s3" style="min-width:130px;"><a class="active" href="#IC">IC类</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#resistance">电阻</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#capacitance">电容</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#diode">二极管</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#triode">三极管</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#mos">场效应管（MOS管）</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#inductance">电感类</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#oscillator">晶振类</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#electroacoustic">电声器件</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#lcd">LCD类</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#led">(背) 光源</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#motor">电机/马达类</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#ant">待用(天线)</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#camera">摄像头</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#fuse">保险丝</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#pcb">PCB板类</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#zebra">斑马纸</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#key">按键/开关类</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#socket">插座/接插件类</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#cable">连接线</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#power">电源类</a></li>
|
||
<li class="tab col s3" style="min-width:130px;"><a href="#card">电脑软件/存储卡类</a></li>
|
||
</ul>
|
||
<div id="IC" class="col s12">
|
||
<!-- InstanceBeginEditable name="overview" -->
|
||
<div>
|
||
<div class="caption center-align">
|
||
<h4 class="light text-lighten-3">IC物料编码生成</h4>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<!-- 在这里添加 card 的内容 -->
|
||
<label for="typeSelect">选择主控类型：</label>
|
||
<select id="typeSelect" class="browser-default">
|
||
<option value="control-ic">主控类IC</option>
|
||
<option value="memory-ic">存储类IC</option>
|
||
<option value="power-ic">电源类IC</option>
|
||
<option value="connector-ic">接口类IC</option>
|
||
<option value="other-ic">其他类IC</option>
|
||
</select>
|
||
<div class="form-row">
|
||
<div class="col">
|
||
<label for="valueInput">型号中的系列号：</label>
|
||
<input type="text" id="valueInput" class="form-control" placeholder="IC型号中的系列号" onkeydown="handleKeyDown(event)">
|
||
</div>
|
||
<div class="col">
|
||
<label for="serialInput">流水号：</label>
|
||
<input type="text" id="serialInput" class="form-control" placeholder="IC流水号" onkeydown="handleKeyDown(event)">
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<button onclick="convertValue()" class="btn btn-primary">转换</button>
|
||
</div>
|
||
<br><br>
|
||
<hr class="custom-divider"> <!-- 添加自定义样式的分割线 -->
|
||
<p id="output">转换结果将在这里显示</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<!-- InstanceEndEditable -->
|
||
</div>
|
||
<div id="resistance" class="col s12">
|
||
<!-- InstanceBeginEditable name="specification" -->
|
||
<div>
|
||
<div class="caption center-align">
|
||
<h4 class="light text-lighten-3">电阻物料编码生成</h4>
|
||
</div>
|
||
</div>
|
||
<div class="card col s12 m6 l3">
|
||
<div class="card-image waves-effect waves-block waves-light">
|
||
<label for="typeSelect">选择类型：</label>
|
||
<select id="typeSelect">
|
||
<option value="capacitance">电容</option>
|
||
<option value="resistance">电阻</option>
|
||
</select>
|
||
<br><br>
|
||
<label for="valueInput">输入值：</label>
|
||
<input type="text" id="valueInput" placeholder="输入电容/电阻值" onkeydown="handleKeyDown(event)">
|
||
</div>
|
||
<div class="card-content">
|
||
|
||
<button onclick="convertValue()">转换</button>
|
||
<p id="output">转换结果将在这里显示</p>
|
||
</div>
|
||
</div>
|
||
<!-- InstanceEndEditable -->
|
||
</div>
|
||
<div id="capacitance" class="col s12">
|
||
<!-- InstanceBeginEditable name="others" -->
|
||
<div>
|
||
<div class="caption center-align">
|
||
<h4 class="light text-lighten-3">电容物料编码生成</h4>
|
||
</div>
|
||
</div>
|
||
<div class="card col s12 m6 l3">
|
||
<div class="card-image waves-effect waves-block waves-light">
|
||
<label for="typeSelect">选择类型：</label>
|
||
<select id="typeSelect">
|
||
<option value="capacitance">电容</option>
|
||
<option value="resistance">电阻</option>
|
||
</select>
|
||
<br><br>
|
||
<label for="valueInput">输入值：</label>
|
||
<input type="text" id="valueInput" placeholder="输入电容/电阻值" onkeydown="handleKeyDown(event)">
|
||
</div>
|
||
<div class="card-content">
|
||
|
||
<button onclick="convertValue()">转换</button>
|
||
<p id="output">转换结果将在这里显示</p>
|
||
</div>
|
||
</div>
|
||
<!-- InstanceEndEditable -->
|
||
</div>
|
||
<div id="diode" class="col s12">
|
||
<!-- InstanceBeginEditable name="gallery" -->
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<!-- InstanceEndEditable -->
|
||
<!-- the end of the main content----------------------------------------------------------------------------------------------->
|
||
<!-- start of footer area-------------------------------------------------------------------------------------------------------------->
|
||
|
||
|
||
<!-- Scripts-->
|
||
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||
<script src="style/js/materialize.js"></script>
|
||
<script src="style/js/init.js"></script>
|
||
|
||
<script>
|
||
$(document).ready(function() {
|
||
$('#valueInput').click(function() {
|
||
$.ajax({
|
||
url: 'fetch_data.php', // 替换为服务器端获取数据库数据的 URL
|
||
type: 'GET',
|
||
success: function(data) {
|
||
var options = '';
|
||
// 解析从服务器返回的数据
|
||
for (var i = 0; i < data.length; i++) {
|
||
options += '<option value="' + data[i] + '">' + data[i] + '</option>';
|
||
}
|
||
$('#valueInput').html(options); // 将选项添加到下拉列表中
|
||
},
|
||
error: function() {
|
||
alert('无法获取数据。');
|
||
}
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
|
||
|
||
</body>
|
||
<!-- InstanceEnd -->
|
||
|
||
</html> |