JS数据库：CPU列表

已于 2022-11-01 11:37:06 修改
阅读量197 收藏
点赞数
分类专栏： JS 文章标签： js
于 2022-11-01 11:33:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sonichty/article/details/127630681
版权

增强搜索：

 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.com/cpu-l/" target="_blank">CPU-L</a>
        <a href="https://www.mydrivers.com/zhuanti/tianti/cpu/index.html" target="_blank">桌面CPU性能天梯图</a>
        <a href="https://www.cnblogs.com/kissdodog/p/3297894.html" target="_blank">树形数据库设计</a>
        <a href="https://www.intel.com/" target="_blank">intel</a>
        <a href="https://www.amd.com/" target="_blank">AMD</a>
    </p>
    <p align="center">&copy;&nbsp;Copyright 2022 版权所有 海天鹰出品 sonichy@163.com</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>

海天鹰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js获取ip，MAC，cpu等信息和浏览器信息
11-25
最近要用js实现一个客户端采集器的功能，在网上查了一些，感觉网上的有些乱，而且也不是很全，在此做了一个整理。当前页面实现了浏览器信息的采集和客户端硬件信息的采集(cpu,硬盘，主板，键盘，光驱等)。在此分享，希望能给各位带来方便，也感谢相关信息的分享者！
可伸缩Web架构的4个问题：瓶颈，CPU，数据库，IO
冰糖葫芦
10-01 181
 在这篇文章中我将谈到关于大规模网站架构扩展和性能方面的一些问题。 首先让我们先来了解一些术语。稍后我将对Web应用扩展过程中所遇到的不同问题进行讲解，例如：  架构瓶颈  数据库扩展  CPU消耗型应用  IO消耗型应用 性能 Web系统的性能受多方面因素的影响，但大多数开发人员主要关心的是响应时间和可扩展性这两方面。 响应时间 响应时间是指Web应用从收到请求到返...
CPU分析系列--性能测试---数据库性能分析
qq_40132294的博客
11-18 4481
目录 1.数据库设置 2.nmon查看服务器状态 3.分析是否是mysql慢查询问题 性能测试中,数据库服务的性能低下拖累整个系统性能表现是很常见的,以下以数据库mysql中慢查询为例讲解常见的性能分析及调优手段. 使用到的工具: jmeter(施压)---nmon(监控)---mysqldumpslow(日志分析)---workbench/navicat(sql语句分析) 1.数据库设置 /etc/my.cnf文件中设置慢查询配置: ......
js 输出计算机cpu信息
isHoMeTown的博客
09-02 925
const os = require('os'); var dealTime = (seconds)=>{ var seconds = seconds|0; var day = (seconds/(3600*24))|0; var hours = ((seconds-day*3600)/3600)|0; var minutes = ((seconds-da...
分享3个CPU跑分数据库查询，AMD Inter cpu各项分数查询
热门推荐
weixin_42375356的博客
09-02 1万+
https://www.cpu-monkey.com/en/ https://us.rebusfarm.net/en/tempbench?view=benchmark https://www.cgdirector.com/ 一个简单的CPU分数查询网站分享，排名不分前后，无法登录挂梯子，不回答404内容 1、https://www.cpu-monkey.com/en/ 常见的跑分软件 cinebench R15 20 23 都有，而且有所有cpu的数据库查询 2、https://us.rebusf.
解决正则表示式匹配($regex)引起的一次mongo数据库cpu占用率高的问题
10-16
在本文中，我们将深入探讨一个由于正则表达式匹配导致MongoDB数据库CPU占用率升高的案例，并提供相应的解决方案。 问题背景： 监控发现MongoDB数据库的CPU使用率突然升高，经过排查，发现问题源于以下查询语句： `...
主流NoSQL数据库全方位评测：MongoDB.docx.docx
06-07
- CPU：Intel Xeon 2.80GHz x 4 - 内存：4GB - 硬盘：400G SATA - 操作系统：CentOS 5.3 64位 - **测试方法**： - 使用PHP客户端进行测试。 - 采用MongoDB官方提供的PHP扩展包。 - 客户端部署在另一台独立...
数据库资源
06-10
`se_errors.js` 是一个JavaScript文件，这可能是一个脚本，用于在前端处理来自服务器（可能是数据库错误）的响应。在前端，我们需要处理网络请求错误、解析错误、JSON数据格式错误等。通过JavaScript，我们可以监听...
基于HTML和JavaScript的智慧养老社区平台后台管理系统源码+sql数据库+项目说明.zip
07-28
基于HTML和JavaScript的智慧养老社区平台后台管理系统源码+sql数据库+项目说明.zip 【资源介绍】 智慧化养老社区平台后端，采用Ruoyi作为脚手架 内置功能 用户管理：用户是系统操作者，该功能主要完成系统用户配置...
图书借阅管理系统数据库实训报告
最新发布
06-05
- 服务器：至少8GB内存，4核CPU - 客户端：普通PC机或移动设备 ##### 2.2 配置方案： - **数据库配置**：使用SQL Server 2019作为后端数据库，存储图书信息、用户信息、借阅记录等。 - **应用服务器配置**：部署...
cpu性能对比表
09-17
全面的cpu性能对比图表，迅速了解您电脑的cpu性能排行！
数据库CPU满载如何处理
白云
11-08 3038
数据库CPU满载的分析
cpu load高的排查思路
chubingcen7301的博客
10-08 221
1. 首先排查哪些进程cpu占用率高。 通过命令 ps ux 2. 查看对应java进程的每个线程的CPU占用率。通过命令：ps -Lp 15047 cu 3. 追踪线程内部，查看load过高原因。通过命令：jstack 15047。 或者打印线程 jstackpidof...
宏中常用到的属性和方法
diutihui6853的博客
08-13 827
1、Option Explicit '强制对模块内所有变量进行声明 Option Private Module '标记模块为私有,仅对同一工程中其它模块有用,在宏对话框中不显示 Option Compare Text '字符串不区分大小写 Option Base 1 '指定数组的第一个下标为 1 2、On Error Resume Next '忽略错误继续执行 VBA代码,避免出...
数据库cpu负载高
******* ▄︻┻┳═一 *******
05-26 4514
cpu使用率达到100%的处理过程一、查进程，主要是查找被锁表的那个进程的IDshow processlist 从上述表中，可以很清楚的看到慢查询语句(只是展示了部分数据)，一般mysql的增删改操作都会锁表二、将这些进程ID，kill掉即可 首先，将所有的进程号取出。如果进程比较多，可以使用for循环来做：mysql -uroot -p密码 -e "show processlist"| awk
mysql服务器cpu使用率过高100%
落叶翩翩的CSDN博客
04-24 1万+
cpu消耗过大有慢sql造成,慢sql包括全表扫描，扫描数据量太大，内存排序，磁盘排序，锁争用等； mysql>show processlist; 查看所有连接 现象sql执行状态为:sending data,copying to tmp table,copying to tmp table on disk,sorting result,using filesort,locked;就有问题了
从数据库角度描述CPU、内存、硬盘三者关系
JuanRiquelme的专栏
02-23 6764
个人觉得数据库和操作系统是软件里面带头大哥，操作系统出现使昂贵计算机走向大众视野，操作系统屏蔽一切底层东西，使普通用户和软件从业者无需了解硬件是如何工作的，同时提供可视化界面让用户操作起来更方便。数据库诞生解决了数据共享问题，能够管理数据。       任何一门语言要么需要编译，要么需要解释，同样数据库在收到到SQL语句也需要解析，包含：词法、文法等等分析。假设用户发起Select语句，数据库在
如何应对数据库CPU打满？最优解在这里...
阿里云开发者
04-22 3907
如何用好数据库，调校数据库使其发挥最优的性能？如何快速诊断和应对各种原因导致的突发数据库性能问题？如何以最低资源成本满足业务需求？ ...... 这些复杂的运维难题最优解到底是什么？ 今天（4月22日）15:00数据库自治服务DAS重磅发布会现场为你揭晓答案！数据库自动驾驶时代一触即发点击这里即可预约直播 今天提前为大家揭秘数据库自治服务DAS的一个创新功能 —— AutoScale，基...
衡量企业应用数据库性能的6大指标
zhong930的博客
01-26 4170
【编者按】本文作者是 Omed Habib，在其职业生涯中花费了大量的时间不断探索一些新方法以提高大型 Web 应用的性能状况。本篇文章中，作者详细介绍了数据库的六大性能指标，帮助我们更好对数据库性能进行评估和改进。在前一篇文章中，我们曾对 SQL 和非 SQL 进行过简要介绍。本文基于这些主题，通过回顾最重要的六个性能指标，帮助评估企业应用数据库的健康状况。具体来说，本文包括以下内容: 事务 查...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值