这个可以借助前端jqPlot，Charts等js/jquery绘图插件来前端展示
后台用php取你的数据，在前端模板上组合成图标需要的数据格式就可以了（一般是json或者键值对）
代码的话前端插件引用就可以，只要你写从数据库取数据的MYSQL就ok，这里是些不了得
⑵ 网页怎么和mysql数据库交互
如果是PHP，就使用PHP的MYSQL类函数：
mysql_connect()，连接数据库.
mysql_query()，执行查询。
⑶ win7系统IIS怎样配置web注册网页连接linux服务器的mysql数据库。
一、创建一个可以远程访问MySQL的用户
1、登录mysql：
mysql
-u
用户名
-p
授权：
mysql>
GRANT
ALL
PRIVILEGES
ON
*.*
TO
'新用户'@'%'
IDENTIFIED
BY
'新用户的密码'
WITH
GRANT
OPTION;
修改生效：
mysql>
FLUSH
PRIVILEGES;
退出MySQL数据库：
mysql>
quit;
2、修改
mysql
的配置文件(针对ubuntu-15.10系统)：
sudo
vi
/etc/mysql/mysql.conf.d/mysqld.cnf
+43
找到
"bind-address
=
127.0.0.1"
,
这一行要注释掉，只需在前面加个#。
#bind-address
=
127.0.0.1
二、配置ubuntu系统的防火墙
1、打开3306端口：
sudo
ufw
allow
3306
上一条命令是允许外部访问3306端口(tcp/udp)，如果以前开启过就会跳过。
2、开启防火墙：
sudo
ufw
enable
sudo
ufw
default
deny
运行以上两条命令后，开启了防火墙，并在系统启动时自动开启。关闭所有外部对本机的访问，但本机访问外部正常。
3、查看防火墙的状态：
sudo
ufw
status
三、在Windows环境下进行访问测试
1、在虚拟机里安装好ubuntu后，网络连接方式需要选择"桥接模式"。
2、在Windows环境下用
Navicat
for
Mysql
进行测试。
3、填写好
Mysql
所在主机的IP地址、用户名、密码，然后点击"连接测试"，如果连接成功，就按F6弹出命令窗口，写如SQL语句进行查询。
4、在Windows环境下用
MySQLWorkbench
进行测试。
5、和用
Navicat
for
Mysql
测试步骤一样。
⑷ PHP网页怎么连接到MYSQL数据库
你写的这个只是数据库连接的代码，你只是连接了数据库，可以对你的“”数据库进行"CURD"操作，$conn返回的是resource，mysql_select_db（）和
mysql_query（）返回的则是布尔类型，所以在浏览器预览的时候是没有任何内容的，有内容也只是一个TRUE
连接数据库的代码如下：
数据库操作类
class
mysql
{
private
$db_host;
//数据库主机
private
$db_user;
//数据库用户名
private
$db_pwd;
//数据库密码
private
$db_database;
//数据库名
private
$conn;
//数据库连接标识;
private
$sql;
//sql执行的语句
private
$result;
//query的资源标识符
private
$coding;
//数据库编码,gbk,utf8,gb2312
private
$show_error
=
true;
//本地调试使用,打印错误
public
function
__construct($db_host,
$db_user,
$db_pwd,
$db_database,
$coding)
{
$this->db_host
=
$db_host;
$this->db_user
=
$db_user;
$this->db_pwd
=
$db_pwd;
$this->db_database
=
$db_database;
$this->coding
=
$coding;
$this->connect();
}
private
function
connect()
{
$this->conn
=
@mysql_connect($this->db_host,
$this->db_user,
$this->db_pwd);
if
(!$this->conn)
{
//show_error开启时,打印错误
if
($this->show_error)
{
$this->show_error('错误提示：链接数据库失败！');
}
}
if
(!@mysql_select_db($this->db_database,
$this->conn))
{
//打开数据库失败
if
($this->show_error)
{
$this->show_error('错误提示：打开数据库失败！');
}
}
if
(!@mysql_query("set
names
$this->coding"))
{
//设置编码失败
if
($this->show_error)
{
$this->show_error('错误提示：设置编码失败！');
}
}
}
}
⑸ html网页怎么通过jsp连接mysql数据库，并且读取数据库中得数据，和写入数据
1、导入.sql文件命令：mysql>
use
数据库名;mysql>
source
d:/mysql.sql;
2、建立数据库：mysql>
create
database
库名;
3、建立数据表：mysql>
use
库名;mysql>
create
table
表名
(字段名
varchar(20),
字段名
char(1));
4、删除数据库：mysql>
drop
database
库名;
5、删除数据表：mysql>
drop
table
表名；
6、将表中记录清空：mysql>
delete
from
表名;
7、往表中插入记录：mysql>
insert
into
表名
values
("hyq","m");
8、更新表中数据：mysql->
update
表名
set
字段名1='a',字段名2='b'
where
字段名3='c';
9、用文本方式将数据装入数据表中：mysql>
load
data
local
infile
"d:/mysql.txt"
into
table
表名;
⑹ [MYSQL数据库]如何安全地用mysql网页式管理工具访问数据库 详细�0�3
在使用通达OA 系统时很多用户需要借助Mysql 网页式管理工具进入后台数 据库去查看数据，进行一些相应的操作。但是大多数时候用户安装完该工具后都是 下面简单介绍几种方法。 方法一：设置以用户名和密码的方式登录数据库。具体设置方法如下： 1、安装完mysql 数据库管理工具后，在OA 安装目录\webroot\mysql 下找到配置文 件config.inc.php，并用记事本打开。 2、找到该行$cfg['Servers'][$i]['auth_type'] = 'config'; // Authentication method (valid choices: config, http, HTTP, signon or cookie)，将其修改为 $cfg['Servers'][$i]['auth_type'] = 'http'; // Authentication method (valid choices: config, http, HTTP, signon or cookie)并保存。 3、进行修改后，当登录后台数据库时首先会弹出下列该窗口，要求输入用户名和 密码，否则将不能登录。很显然，这种方式登录比直接登录更安全些。说明：默认 用户名为root，密码为myoa888。2采用用户名和密码的方式登录数据库虽然安全性增强了不少，但是用数据库默 改mysql 数据库的密码。这也就是接下来要介绍的第二种方法。 方法二：修改mysql 数据库的密码，以使更加安全访问数据库。修改密码的操作方 法这里不再详作介绍，具体参考该文档：通达网站/OA 知识库/!全新推出-通达OA 据库密码.doc特别说明：1、安装mysql 网页式数据库管理工具时，目录名默认是mysql，为了防止用户利 用该工具侵入数据库系统，可把目录名设为比较复杂的，如mysql23@43，避免目 录名被猜测到。 2、该管理工具的使用需具有一定数据库基础，请勿进行危险操作，若需要对数据 库进行操作的，请注意一定要在操作前做好数据库的备份，以免导致数据丢失。
⑺ 求助 做个简单网页 读取MYSQL数据库
我这里只会给你思路:
1.在ADO.net
中没有针对mysql操作的数据库对象(DBConnection,
DBCommand),你可以从网上下载一个mysql.dll的文件，并引用该文件，这时你就可以通过使用MysqlConnection,
MysqlCommand
来操作数据库了。
2.读取哪个库，主要是配置数据库的链接字符串上。读取哪个表哪个列就需要写sql语句了
select
cc
from
bb
(读取表名bb
表的cc
列)
3.从前500个数据里取出有数值为9的字符，你可以这样写
select
count(cc)
from
(select
CC
from
bb
limit
500)
as
a
where
a.cc
like
'%9%'
⑻ 网页与mysql数据库怎么连接
连接mysql数据，用到的工具Navicat Premium，步骤如下：
打开Navicat Premium，点击连接按钮下的mysql。
注意事项：用Navicat Premium打开远程数据库，需要数据库用户名有远程访问的权限。
⑼ 如何在javascript中访问mysql数据库
可以访问，具体实现如下：
javaScript DataBase Connector
JSDBC:提供Javascript有效的连接数据库，目前支持MySQL、SQLite、ACCESS，后期会支持更多的数据库；
在从事AJAX开发的工程师肯定会希望有一个通过AJAX直接连接数据库的组件，这样，可以省掉后台很多的操作步骤，比如免去了部署JAVA的运行环境，免去了写很多复杂的JDBC调用，不管出于调试的需要还是应用的需要，JSDBC都能够很好的集成到您的应用当中。
参考代码如下：
该脚本主要是实现与JSDBC for MySQL 连接，方便用户在js直接使用MySQL
document.writeln(" <OBJECT id='mysql' classid='clsid:9C579403-6745-4695-B14C-96212D319F18'");
document.writeln(" codebase='JSDBC_MySQL.ocx#Version=1,0,0,000'");
document.writeln(" WIDTH='0' HEIGHT='0'>");
document.writeln(" </OBJECT>");
//error message
var lasterr = "";
//Exec Falg
var execFlag;
/**
* Connecte to mysql server
* provite:MySQL IP,PORT,DB Name,USER,Password,CharSet
*/
function connectMySQL()
{
execFlag = mysql.connecte("127.0.0.1","3306","testdb","root","123210","GBK");
if(execFlag == 1)
return 1;
else
{
lasterr = mysql.getLastError();
return 0;
}
}
⑽ 怎么进入网站MYSQL数据库
下载一个mysql管理软件，例如PHPmyadmin就可以在地址栏访问mysql了