1、您需要掌握的第一件事是数据库查询语句。这是最简单的数据库查询语句：SELECT * FROM sys_role，这意味着从角色表中查询所有信息。以下显示了查询结果。此结果需要显示在首页上。需要代码来调用这个sql语句。
⑵ 关于前端连接数据库的问题
前端的JS自身可能不能直接连数据库，后端的JS（如 Node.js ）是可以连数据库的；
如果你想前端JS查数据库，可以用JS发一个ajax请后端，后端查询完数据库后，把结果封装成JSON返回，前端的AJAX回调函数中取出JSON对象，把内容更新到网页上。
示例：
$.ajax({
url:"./ajaxdata/findtable.do",
method:'POST',
dataType:'json',
data:{
dTyppe:'findid',
ID:'001',
},
success:function(data){
//data是返回的对象，可以data中取出数据
//输出内容
}
});
⑶ HTML5怎么连接数据库
HTML5属于前端，连接数据库的话需要一门后端语言，比如PHP，java一类。你可以用java去连接数据库。html5其实是html的一个版本，只不过在国内被扩大了范围，变成了html
+
css
+
javascript。数据库跟html5就像头与腿的关系，2者之间还隔着个身体（java,php,node等）
⑷ 为什么前端不能直接连接数据库,一定要通过后台
为了数据安全 前端页面可以改动 如果前端直接连数据库 那同行也得只需要修改页面上的sql语句就可以读取、修改数据库的全部信息
而后台作为执行程序，是会部署到服务器上运行，用户是获取不到的，这就增大了入侵的难度
⑸ 有没有可以通过纯前端（js，jquery）直连数据库的方法
数据库服务器和web服务器可以是分离的，也就是不在一台主机上。浏览器直接访问数据库有安全性的危险，大部分浏览器是不提供这种功能的。除非是CS架构的程序，等同于本地访问数据库。没有专门的后台程序，以我的经验，无法做到你描述的需求。
⑹ 前端JS可以连接MYSQL数据库吗和php有什么不同
Node.JS 服务器可以在 后端 连接mysql，这时的情况和php是一样的。
我从未见过前端JS直接连接mysql的，原因是：
（1）浏览器内置的javascript 引擎一般只支持websocket，即基于http连接的套接字高层协议，而不是真正的socket，因此除非服务器端也开启websocket服务并拆开套接字转发到mysql，否则无法代理连接
（2）我见过的绝大多数mysql 服务器都工作在服务器环境下的一个虚拟子网，换句话说，直接的远程3306端口是拒绝连接的，这样可以隔绝端口直接攻击
如果前段js直接可以连接后端服务器mysql的端口，那么就不叫B/S结构了，而是C/S结构（比如传统的windows桌面程序），安全上有很多问题，所以大多数浏览器也不支持这个操作。
⑺ js怎么连接mysql数据库连接
具体连接方法如下：
1、打开HBuilder工具，在Web项目中的js文件夹中，新建JavaScript文件ConnDB.js
使用require()引入mysql模块，然后赋值给变量mysql
⑻ HTML中如何连接数据库
HTML5连接数据库分为以下几步：
预备知识：Web SQL Database，Html5环境下可以用Js执行CRUD的Web数据库组件。
核心方法如下：
1、openDatabase：这个方法使用现有数据库或创建新数据库创建数据库对象。
2、transaction：这个方法允许我们根据情况控制事务提交或回滚。
3、executeSql：这个方法用于执行真实的SQL查询。
第一步：打开连接并创建数据库
var dataBase = openDatabase("student", "1.0", "student", 1024 * 1024, function () { });
if (!dataBase) {
alert("数据库创建失败！");
} else {
alert("数据库创建成功！");
}
第二步：创建数据表
this.createTable=function() {
dataBase.transaction( function(tx) {
tx.executeSql(
"create table if not exists stu (id REAL UNIQUE, name TEXT)",
[],
function(tx,result){ alert('创建stu表成功'); },
function(tx, error){ alert('创建stu表失败:' + error.message);
});
});
}
第三步：执行增删改查
添加数据：
this.insert = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
"insert into stu (id, name) values(?, ?)",
[id, '徐明祥'],
function () { alert('添加数据成功'); },
function (tx, error) { alert('添加数据失败: ' + error.message);
} );
});
⑼ 前端页面访问数据库几种方法可以实现，
通过后台吧。请求后台去访问数据库。访问数据库的方法可多了，各种orm框架，还有原生的接口，很多的。
⑽ 前端页面与数据库交互
用PHP啊，或者Javaweb来构建后端，与数据库相连，之后就可以通过更改数据库里面的数据来进行实时更新前端展示出来的东西了