首先你需要掌握的是数据库查询语句，这里使用最简单的数据库查询语句：SELECT * FROM sys_role，表示从角色表中查询出所有的信息，下面展示的是查询结果，这个结果需要展示到前端页面则需要代码调用这个sql语句
② 前端要学数据库吗
前端开发需要学习数据库，后端部分要基本懂一些，数据库一般是后端开发负责，很多公司前端现在也在负责数据库等和后端结合，向全栈开发方向发展。
MongoDB
MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。相比较于MySql，它省去了建表等繁琐的操作，可以实现类似于js的对象操作。
MySQL
MySQL的开放式的架构使得用户选择性很强，同时社区开发与维护人数众多，其功能比较稳定，性能卓越，且在遵守GPL协议的前提下，可以免费使用与修改，也为MySQL的推广与使用带来了更多利好。在MySQL成长与发展过程中，支持的功能逐渐增多，性能也不断提高，对平台支持也越来越多。
MySQL是一种关系型数据库管理系统关系型数据库的特点是将数据保存在不同的表中，在将这些表放入不同的数据库中，而不是将所有数据统一放在一个大仓库里，这样的设计增加了MySQL的读取速度，灵活性可管理性也得到了很大提高。访问以及管理MySQL数据库的最常用标准化语言为SQL结构化查询语言。
绝大多数的使用Linux操作系统的大中小互联网网站都在使用MySQL作为其后端的数据库存储，从大型BAT门户，到电商平台，分类门户等无一例外都使用MySQL数据库。那么，MySQL数据库到底那些优势和特点，让大家义无反顾的选择它呢？
原因可能有以下几点：
1.MySQL性能卓越，服务稳定，很少出现异常宕机2.MySQL开放源代码且无版权制约，自主性及使用成本低3.MySQL历史悠久，社区及用户非常活跃，遇到问题，可以寻求帮助4.MySQL软件体积小，安装使用简单，并且易于维护，安装及维护成本低5.MySQL品牌口碑较应，使得企业无需考虑就直接用之，LAMP,LEMP流行架构。6.MySQL支持多种操作语言，提供多种API接口，支持多种开发语言，特别对流行的PHP语言有很好的支持。
③ access 数据库能作为前端的开发软件吗
是属于office系列的 数据库软件！！！相对于其他 sqlserver、oracle、db2等大型数据软件简单实用，操作方便！但是稳定性和所支持大小不足！
access
美国Microsoft公司于1994年推出的微机数据库管理系统。它具有界面友好、易学易用、开发简单、接口灵活等特点，是典型的新一代桌面数据库管理系统。其主要特点如下：
(1)完善地管理各种数据库对象，具有强大的数据组织、用户管理、安全检查等功能。
(2)强大的数据处理功能，在一个工作组级别的网络环境中，使用Access开发的多用户数据库管理系统具有传统的XBASE（DBASE、FoxBASE的统称）数据库系统所无法实现的客户服务器(Cient/Server)结构和相应的数据库安全机制，Access具备了许多先进的大型数据库管理系统所具备的特征，如事务处理/出错回滚能力等。
(3)可以方便地生成各种数据对象，利用存储的数据建立窗体和报表，可视性好。
(4)作为Office套件的一部分，可以与Office集成，实现无缝连接。
(5)能够利用Web检索和发布数据，实现与Internet的连接。 Access主要适用于中小型应用系统，或作为客户机/服务器系统中的客户端数据库。
用它可以做数据库，还可以用SQLserver，oracle
OFFICE 的一员。可以说是一个数据库软件
ACCESS是微软公司出的OFFICE中一个软件
是一个小型数据库
其他小型的数据库还有VFP等
SQL 和ORACLE是大型数据库
做个人网站用ACCES就可以了, 可以实现用户名和密码注册..等的
个人用ACCESS就可以了。
节省资源。
企业用SQL 和ORACLE是大型数据库
ACCESS不是数据库语言,只是一种前端数据库程序.
最主要的是:ACCESS是\"桌面形数据库\"存取，利用拨接服务，拨个电话号码连接网络。
它只能实现一些简单的操作,如果信息量很大就不太好用了.并且安全性很低,->推荐使用SQL Server
ACCESS
=Architects Central Constructional Engineering Surveying Service建筑师中心建筑工程勘测服务([英]GLC)
④ 如何将前端网页与后台数据库连接
1、您需要掌握的第一件事是数据库查询语句。这是最简单的数据库查询语句：SELECT * FROM sys_role，这意味着从角色表中查询所有信息。以下显示了查询结果。此结果需要显示在首页上。需要代码来调用这个sql语句。
⑤ 前端开发用什么数据库
数据库一般是后端开发负责，很多公司前端现在也在负责数据库等和后端结合，向全栈开发方向发展。
MongoDB
MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。相比较于MySql，它省去了建表等繁琐的操作，可以实现类似于js的对象操作。
MySQL
MySQL的开放式的架构使得用户选择性很强，同时社区开发与维护人数众多，其功能比较稳定，性能卓越，且在遵守GPL协议的前提下，可以免费使用与修改，也为MySQL的推广与使用带来了更多利好。在MySQL成长与发展过程中，支持的功能逐渐增多，性能也不断提高，对平台支持也越来越多。
MySQL是一种关系型数据库管理系统关系型数据库的特点是将数据保存在不同的表中，在将这些表放入不同的数据库中，而不是将所有数据统一放在一个大仓库里，这样的设计增加了MySQL的读取速度，灵活性可管理性也得到了很大提高。访问以及管理MySQL数据库的最常用标准化语言为SQL结构化查询语言。
绝大多数的使用Linux操作系统的大中小互联网网站都在使用MySQL作为其后端的数据库存储，从大型BAT门户，到电商平台，分类门户等无一例外都使用MySQL数据库。那么，MySQL数据库到底那些优势和特点，让大家义无反顾的选择它呢？
原因可能有以下几点：
1.MySQL性能卓越，服务稳定，很少出现异常宕机2.MySQL开放源代码且无版权制约，自主性及使用成本低3.MySQL历史悠久，社区及用户非常活跃，遇到问题，可以寻求帮助4.MySQL软件体积小，安装使用简单，并且易于维护，安装及维护成本低5.MySQL品牌口碑较应，使得企业无需考虑就直接用之，LAMP,LEMP流行架构。6.MySQL支持多种操作语言，提供多种API接口，支持多种开发语言，特别对流行的PHP语言有很好的支持。
⑥ 关于前端连接数据库的问题
前端的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中取出数据
//输出内容
}
});
⑦ 数据库好象有前端和后台的区别是怎么回事啊
是的，后台一般就是指数据库，如SQLSERVER，前台就是用某种语言编写操作界面，如ASP,VC,VB等，用户通过前台程序来操纵后台的数据库
⑧ 前端页面与数据库交互
用PHP啊，或者Javaweb来构建后端，与数据库相连，之后就可以通过更改数据库里面的数据来进行实时更新前端展示出来的东西了
⑨ web前端常用的数据库有哪些
1、MySQL
2、Mongodb
3、SQL Server
4、Oracle
⑩ 前端，后台，数据库之间的关系是什么
前端将数据传输到后台，后台则与数据库直接关联，这样前端的数据即可通过后台传输到数据库；前端请求数据时，将请求发送到后台，后台再从数据库中调取数据传输到前端。
在实际情况中，浏览器将自动发送文件请求给后台，后台处理后将文件返回给前台，前端接收后，浏览器生成dom树、css树、js树，全部创建好之后开始渲染。静态界面加载完之后呈现给用户，用户进行注册登陆的操作，将操作数据（用户名、密码）发送给后台。
是整体的思维，以整个页面的布局（dom、css）、作用（js）为主要思路进行自己的处理。
后台：以单个的请求为单位进行出来。主要做的是，前端来一个请求后台处理该请求然后做出响应，再来再处理响应，流程是固定的，差异体现在处理过程上。
(10)数据库前端平台扩展阅读：
后端与前端比较的焦点之一在于安全性。在互联网发展初期，当浏览器不够安全且客户端计算机部署有限的资源时，尽可能在服务器端保留计算和逻辑是确保应用程序使用的稳定性和用户提供的信息安全性的唯一方法。
实际上，应用程序的前端和后端部分现在负责数据验证，但强烈建议在服务器端实现安全功能和最终数据验证机制，以使重要的应用程序组件不会暴露。
出于显而易见的原因，还在服务器端实现了事件记录和代码调试。由于服务器是一个持续监听来自客户端请求的进程，因此验证合法请求并阻止非法访问尝试是后端Web开发的重要部分。
参考资料来源：网络-前端
参考资料来源：网络-后台
参考资料来源：网络-数据库