JS数据库：CPU列表-FreeNAS中文网

admin 管理员组

文章数量: 887019

增强搜索：

import.htm

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CPU_import</title>
</head>
<body>
<h1 align="center">导入数据</h1>
<hr>
<p>
数据库路径：<br>
Linux: ~/.config/chrome/Default/databases/file__0/*<br>
Windows: 
<div id="msg"></div>

<script>
    var msg = document.getElementById('msg');
    if (!window.openDatabase) {
        msg.textContent = 'Databases are not supported by your browser !';
    } else {
        //创建一个数据库对象，4个参数分别是数据库名，版本号，数据库的描述，数据库大小 
        var db = openDatabase('CPU', '1.0', 'CPU parameters', 102400);
        if (!db) {
            msg.textContent = '数据库创建失败！';
        } else {
            msg.textContent = '数据库创建成功！';
            //开启SQLite数据库事务,它用一个回调函数作为参数表明要执行的语句
            db.transaction(function (tx) {
                var sql = 'DROP TABLE IF EXISTS CPU';
                tx.executeSql(sql, [],
                    function (tx, result) {
                        var p = document.createElement('p');
                        p.textContent = sql;
                        p.appendChild(document.createElement('br'));
                        p.appendChild(document.createTextNode('成功！'));
                        msg.appendChild(p);
                    },
                    function (tx, error) {
                        var p = document.createElement('p');
                        p.textContent = sql;
                        p.appendChild(document.createElement('br'));
                        p.appendChild(document.createTextNode('失败：' + error.message));
                        msg.appendChild(p);
                    }
                );
            })

            db.transaction(function (tx) {
                //创建数据库表和字段
                var sql = 'CREATE TABLE CPU(id INTEGER PRIMARY KEY, path TEXT, model TEXT, architecture TEXT, release_date TEXT, lithography TEXT, core TEXT, thread TEXT, GPU TEXT, package TEXT, TDP TEXT)';
                tx.executeSql(sql, [],
                    function (tx, result) {
                        var p = document.createElement('p');
                        p.textContent = sql;
                        p.appendChild(document.createElement('br'));
                        p.appendChild(document.createTextNode('成功！'));
                        msg.appendChild(p);
                    },
                    function (tx, error) {
                        var p = document.createElement('p');
                        p.textContent = sql;
                        p.appendChild(document.createElement('br'));
                        p.appendChild(document.createTextNode('失败：' + error.message));
                        msg.appendChild(p);
                    }
                );
            })
            //批量插入数据
            db.transaction(function (tx) {
                sql = "INSERT INTO CPU(path, model, architecture, release_date, lithography, core, thread, GPU, package, TDP) VALUES \
                                      ('0/', 'CPU', '', '', '', '', '', '', '', ''),\
                                      ('0/0', 'intel', '', '', '', '', '', '', '', ''),\
                                      ('0/1', 'AMD', '', '', '', '', '', '', '', ''),\
                                      ('0/0/0', 'Celeron', '', '', '', '', '', '', '', ''),\
                                      ('0/0/1', 'Pentium', '', '', '', '', '', '', '', ''),\
                                      ('0/0/2', 'i3', '', '', '', '', '', '', '', ''),\
                                      ('0/0/3', 'i5', '', '', '', '', '', '', '', ''),\
                                      ('0/0/4', 'i7', '', '', '', '', '', '', '', ''),\
                                      ('0/0/5', 'i9', '', '', '', '', '', '', '', ''),\
                                      ('0/0/6', 'XEON', '', '', '', '', '', '', '', ''),\
                                      ('0/0/0/0', 'Celeron G530', 'Sandy Bridge', '2011', '32nm', '2', '2', 'HD Graphic', 'LGA1155', '65W'),\
                                      ('0/0/1/0', 'Pentium G620', 'Sandy Bridge', '2011', '32nm', '2', '2', 'HD Graphic', 'LGA1155', '65W'),\
                                      ('0/0/2/0', 'i3 530', 'Clarkdale', '2009', '32nm', '2', '4', 'HD Graphic', 'LGA1156', '73W'),\
                                      ('0/0/2/0', 'i3 2100', 'Sandy Bridge', '2011', '32nm', '2', '4', 'HD Graphic 2000', 'LGA1155', '65W'),\
                                      ('0/0/6/0', 'Xeon E3-1260L', 'Sandy Bridge', '2011', '32nm', '4', '8', 'HD Graphic 2000', 'LGA1156', '45W'),\
                                      ('0/1/0', 'Athlon', '', '', '', '', '', '', '', ''),\
                                      ('0/1/1', 'A4', '', '', '', '', '', '', '', ''),\
                                      ('0/1/2', 'A6', '', '', '', '', '', '', '', ''),\
                                      ('0/1/3', 'A8', '', '', '', '', '', '', '', ''),\
                                      ('0/1/4', 'A9', '', '', '', '', '', '', '', ''),\
                                      ('0/1/5', 'A10', '', '', '', '', '', '', '', ''),\
                                      ('0/1/6', 'A12', '', '', '', '', '', '', '', ''),\
                                      ('0/1/0/0', 'Athlon X4 740', 'Richland', '2012 Q4', '32nm', '4', '4', '', 'Socket FM2', '65W'),\
                                      ('0/1/0/0', 'Athlon 200GE', 'Zen', '2018/09/06', '14nm', '2', '4', 'Radeon Vega 3', 'AM4', '35W'),\
                                      ('0/1/0/1', 'Athlon 3000G', 'Zen', '2019/11', '14nm', '2', '4', 'Radeon Vega 3', 'AM4', '35W'),\
                                      ('0/1/1/0', 'A4 5300', 'Trinity', '2013/06/05', '32nm', '2', '2', 'Radeon HD7480D', 'Socket FM2', '65W'),\
                                      ('0/1/1/0', 'A4 6300', 'Richland', '2012 Q4', '32nm', '2', '2', 'Radeon HD8370D', 'Socket FM2', '65W'),\
                                      ('0/1/3/0', 'A8 7500', 'Kaveri', '2016 Q2', '32nm', '4', '4', 'Radeon R7', 'Socket FM2+', '65W')";
                tx.executeSql(sql, [],
                    function (tx, result) {
                        var p = document.createElement('p');
                        p.textContent = sql;
                        p.appendChild(document.createElement('br'));
                        p.appendChild(document.createTextNode('成功！'));
                        msg.appendChild(p);
                    },
                    function (tx, error) {
                        var p = document.createElement('p');
                        p.textContent = sql;
                        p.appendChild(document.createElement('br'));
                        p.appendChild(document.createTextNode('失败：' + error.message));
                        msg.appendChild(p);
                    }
                );
            });

        }
    }
</script>
</body>
</html>

index.htm

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CPU</title>
<style>
h1 { text-align: center; }
a { text-decoration: none; padding: 5px; }
span { padding: 5px; }
table { margin: 0 auto; }
button { margin: 10px 5px; }
.class:focus { background-color: lightblue; }
#datatable { border-collapse: collapse; }
#datatable td, th { border: 1px solid black; padding: 5px; text-align: center; }
#datatable tr:hover { background: lightblue; }
</style>
</head>
<body>
<div id="msg"></div>
<h1>CPU</h1>
    <div align="center"><input type="text" id="text" size=6> <button id="button_search">搜索</button> <button id="button_clear">清除</button></div>
    <div id="nav1" align="center"></div>
    <div id="nav2" align="center"></div>
    <table id="datatable"></table>
    <p align="center">参考：
        <a href="https://www.ijrsoftware/cpu-l/" target="_blank">CPU-L</a>
        <a href="https://www.mydrivers/zhuanti/tianti/cpu/index.html" target="_blank">桌面CPU性能天梯图</a>
        <a href="https://wwwblogs/kissdodog/p/3297894.html" target="_blank">树形数据库设计</a>
        <a href="https://www.intel/" target="_blank">intel</a>
        <a href="https://www.amd/" target="_blank">AMD</a>
    </p>
    <p align="center">&copy;&nbsp;Copyright 2022 版权所有 海天鹰出品 sonichy@163</p>

    <script>
        function $id(s) { return document.getElementById(s); }

        var datatable = document.getElementById('datatable');

        function tablehead() {
            var tr = document.createElement('tr');
            var th = document.createElement('th');
            th.innerHTML = 'id';
            tr.appendChild(th);
            th = document.createElement('th');
            th.innerHTML = 'path';
            tr.appendChild(th);
            th = document.createElement('th');
            th.innerHTML = 'model';
            tr.appendChild(th);
            th = document.createElement('th');
            th.innerHTML = 'architecture';
            tr.appendChild(th);
            th = document.createElement('th');
            th.innerHTML = 'release_date';
            tr.appendChild(th);
            th = document.createElement('th');
            th.innerHTML = 'lithography';
            tr.appendChild(th);
            th = document.createElement('th');
            th.innerHTML = 'core';
            tr.appendChild(th);
            th = document.createElement('th');
            tr.appendChild(th);
            th.innerHTML = 'thread';
            tr.appendChild(th);
            th = document.createElement('th');
            th.innerHTML = 'GPU';
            tr.appendChild(th);
            th = document.createElement('th');
            th.innerHTML = 'package';
            tr.appendChild(th);
            th = document.createElement('th');
            th.innerHTML = 'TDP';
            tr.appendChild(th);
            datatable.appendChild(tr);
        }

        //创建一个数据库对象，4个参数分别是数据库名，版本号，数据库的描述，数据库大小 
        var db = openDatabase('CPU', '', 'CPU parameters', 102400);

        //构建指定数据库行的数据对应的HTML文本。传入参数：数据库结果集中的某一行记录 
        function showData(row, i) {
            var tr = document.createElement('tr');
            var td = document.createElement('td');
            td.innerHTML = i + 1;
            tr.appendChild(td);
            td = document.createElement('td');
            td.innerHTML = row.path;
            tr.appendChild(td);
            td = document.createElement('td');
            td.innerHTML = row.model;
            tr.appendChild(td);
            td = document.createElement('td');
            td.innerHTML = row.architecture;
            tr.appendChild(td);
            td = document.createElement('td');
            td.innerHTML = row.release_date;
            tr.appendChild(td);
            td = document.createElement('td');
            td.innerHTML = row.lithography;
            tr.appendChild(td);
            td = document.createElement('td');
            td.innerHTML = row.core;
            tr.appendChild(td);
            td = document.createElement('td');
            td.innerHTML = row.thread;
            tr.appendChild(td);
            td = document.createElement('td');
            td.innerHTML = row.GPU;
            tr.appendChild(td);
            td = document.createElement('td');
            td.innerHTML = row.package;
            tr.appendChild(td);
            td = document.createElement('td');
            td.innerHTML = row.TDP;
            tr.appendChild(td);
            datatable.appendChild(tr);
        }

        //这个函数用于显示所有的行到表格中，这些行是从数据库中拿出来的 
        function showAllData(where, order) {
            datatable.innerHTML = '';
            //开启SQLite数据库事务,它用一个回调函数作为参数表明要执行的语句 
            if (order == '')
                order = ' order by id';
            db.transaction(function (tx) {
                var sql = 'select * from CPU' + where + order;
                console.log(sql);
                tx.executeSql(sql, [],
                    function (tx, rs) {                    
                        tablehead();
                        //遍历结果集，对于每一行，依次调用showData来在table上创建对于的html文本 
                        for (var i = 0; i < rs.rows.length; i++) {
                            //对于item(i)，也就是某一行记录，我们显示其内容到页面的表格中（构建对应的HTML片断） 
                            showData(rs.rows.item(i), i);
                        }
                    },
                    function (tx, error) {
                        var p = document.createElement('p');
                        p.textContent = sql;
                        p.appendChild(document.createElement('br'));
                        p.appendChild(document.createTextNode('失败：' + error.message));
                        msg.appendChild(p);
                    }
                );
            });
        }

        showAllData('', '');

        function class1() {
            db.transaction(function (tx) {
                var sql = "select * from CPU where path like '0/_' order by model asc";
                console.log(sql);
                tx.executeSql(sql, [],
                    function (tx, rs) {
                        for (var i = 0; i < rs.rows.length; i++) {                     
                            var button = document.createElement('button');
                            button.className = "class1";
                            button.textContent = rs.rows.item(i).model;
                            button.value = rs.rows.item(i).path;
                            button.onclick = function () {
                                 class2(this.value);
                                 var class1 = document.getElementsByClassName("class1");
                                 for (var j=0; j<class1.length; j++) {
                                    class1[j].style.backgroundColor = "";
                                 }
                                 this.style.backgroundColor = "lightblue";
                            };
                            $id('nav1').appendChild(button);
                        }                            
                    },
                    function (tx, error) {
                        var p = document.createElement('p');
                        p.textContent = sql;
                        p.appendChild(document.createElement('br'));
                        p.appendChild(document.createTextNode('失败：' + error.message));
                        msg.appendChild(p);
                    }
                );
            })
        }
        class1();

        function class2(path) {
            datatable.innerHTML = '';
            db.transaction(function (tx) {
                var sql = "select * from CPU where path like '" + path + "/_'";
                console.log(sql);
                tx.executeSql(sql, [],
                    function (tx, rs) {
                        $id('nav2').innerHTML = '';
                        for (var i = 0; i < rs.rows.length; i++) {
                            var button = document.createElement('button');
                            button.className = "class2";
                            button.textContent = rs.rows.item(i).model;
                            button.value = rs.rows.item(i).path;
                            button.onclick = function () {
                                 showAllData(' where path like "' + this.value + '/_"', '');
                                 var class2 = document.getElementsByClassName("class2");
                                 for (var j=0; j<class2.length; j++) {
                                    class2[j].style.backgroundColor = "";
                                 }
                                 this.style.backgroundColor = "lightblue";
                            };
                            $id('nav2').appendChild(button);
                        }
                    });
            })
        }

        function search(s) {
            $id('nav2').innerHTML = "";
            var text = $id('text').value;
            var where = '';
            if (text.indexOf('/') != -1) {
                var core = text.substring(0, text.indexOf('/'));
                var thread = text.substring(text.indexOf('/') + 1);
                if (core == '')
                	where = " where thread='" + thread + "'";
                else if (thread == '')
                	where = " where core='" + core + "'";
                else
	                where = " where core='" + core + "' and thread='" + thread + "'";
            } else {
	            where = " where model like '%" + text + "%' or core like '%" + text + "%' or thread like '%" + text + "%' or GPU like '%" + text + "%' or package like '%" + text + "%'";
	        }  
            showAllData(where, '');
        }
        
        $id('text').addEventListener('keydown', function (e) {
            if (e.keyCode == 13) {
                search($id('text').value);
            }
        });
        
        $id('button_search').addEventListener('click', function () {
            search($id('text').value);
        });

        $id('button_clear').addEventListener('click', function () {
            $id('text').value = '';
            search('');
        });
    </script>
</body>
</html>

本文标签：数据库列表 JS cpu

版权声明：本文标题：JS数据库：CPU列表内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1725895784h888962.html，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。

技术交流 – FreeNAS中文网

JS数据库：CPU列表

更多相关文章

【无法联网】电脑wifi列表为空的解决方案

至强服务器CPU天梯图

安装oracle10g数据库出现错误oui-25031--configuration assistant失败

免费的Access数据库员工管理系统下载-IT技术网站 企业人员管理系统源码

数据库课程设计-人事管理系统

笔记本Windows7安装Oracle 10g 数据库

笔记本cpu天梯图2024 笔记本cpu性能排行榜2024

word vba高效排版范例应用_VBA把EXCEL里的文字拷贝到word并进行排版（设置多级列表+增加目录）...

Oracle 11.2.0.4 For Windows 64bit+32bit 数据库下载地址

服务器CPU天梯图（2024年11月），含EYPC 9005Xeon 6900P洋垃圾E3及E5

Win11显示不出WiFi列表？全面解决方案来了

【win10-cpu-Yolov7】 windows10(cpu)上用yolov7跑视频demo

【Node.js】Node 环境下载与安装教程（Windows系统）

DM数据库安装（windows单机）

服务器CPU天梯图（2024年12月），EPYC 9005Xeon 6900P洋垃圾E3及E5

无法显示计算机列表,电脑显示不出无线网列表怎么处理?

win7中，让你的资源管理器默认打开是磁盘列表

【网络安全】系统及数据库等安全问题

神通数据库-安装与使用（Windows版）

电脑不显示wifi列表怎么办?电脑不显示WiF列表的解决办法

发表评论

推荐文章

VMware虚拟机安装Wind10

关于ubuntu 系统

虚拟机Vmware安装Windows服务器Windows Sever 2012

iZotope RX 11 for Mac 激活版：让您的音频焕发生机！

win7计算机管理中看不到新加的硬盘,win7系统看不到第二块硬盘的解决方法.

热门文章

【Netty专题】用Netty手写一个远程长连接通信框架

数据名称：政府采购合同公告数据数据范围：全国时间范围：1996.6

骨骼的动作识别数据集

bzoj2876 [NOI2012]骑行川藏（拉格朗日乘数法）

BFC！Repaint！Reflow

.net加密解密

linux系统下载安装

Windows10系统下忘记MySQL5.7的root密码怎么办（详细版教程，亲测可用）？

windows安装tensorflow GPU版本

DNS服务器搭建（Windows版本）

最新文章

Raid技术

LSI_阵列卡操作手册

破解Centos7_root用户密码

Redhat重置Root用户密码方法

远程批量修改linux服务器密码的脚本

最新Windows 11教育版下载：专为教育设计的系统！

Win7系统下搭建NFS服务器

零基础使用UltraISO制作并安装纯净Win10系统指南

苹果电脑windows系统换苹果系统

Win11系统崩溃错误修复指南：三种实用方法详解

免费的Access数据库员工管理系统下载-IT技术网站企业人员管理系统源码