如何将前端网页与后台数据库连接？

1、您需要掌握的第一件事是数据库查询语句。这是最简单的数据库查询语句：SELECT * FROM sys_role，这意味着从角色表中查询所有信息。以下显示了查询结果。此结果需要显示在首页上。需要代码来调用这个sql语句。

2、在applicationContext.xml（spring mvc配置文件）中配置数据库连接池以确保数据的正常连接，这里需要注意连接ip和数据库名称。

3、首先在控制层（逻辑处理层）调用后台查询功能，然后返回页面，因为数据库可能很大，所以需要使用分页工具来确保内存容量。

4、业务逻辑层，一般来说是实现接口，这里是实现类，实现业务的分配，这里需要调用数据库Dao层方法。

5、最后，mybatis的查询语句写在mybatis的配置文件中，然后封装到一个方法中，该方法与原来的SELECT * FROM sys_role不同，主要是添加分页和排序（order by）。

6、最后，回到jsp页面，根据之前的控制层页面输出，我们需要编写一个role.jsp文件，该文件主要遍历查询数据，使用<c>标记遍历表单。

7、最后，使用前端页面框架，您可以显示如下所示的前端样式显示。

Web开发人员常用的数据库有MySQL，MariaDB，MongoDB，Redis等。【点击测试我适不适合学设计】

1、html语言。首先要学这个，任何网页的显示都要靠html语言来表达，最后浏览器解释html语言显示在我们面前。

2、服务器架设，要制作网页就需要架设服务器来调试你做出来的网页，有iis等很多种，可以在网上搜索得到。

3、css语言。用网页制作三剑客做出来的东西，css大部分是自动生成的，很难理解，需要学习基本的css知识，是步入高手的必经之路。css控制着网页图片、表格、文字等等内容在我们面前的显示样式，比如颜色，边框，大小等。

IT培训选择千锋教育。千锋是一家拥有核心教研能力以及校企合作能力的职业教育培训企业，2011年成立于北京，秉承“初心至善匠心育人”的核心价值观，以坚持面授的泛IT职业教育培训为根基，发展至今已布局教育培训、高校服务、企业服务三大业务版块，旗下拥有千锋教育、好程序员、小狮视觉、扣丁学堂、锋云智慧、锋企优联、锋友学盟、锋益等多个子品牌，截止目前已在北京、深圳、上海、广州、郑州、大连等20余个核心城市建立直营校区，服务近20万学员、近千所高校和数万家企业。

前端页面是不会自动去更新内容的，只是获取到某个时间点数据库的数据内容，当数据库内容更新后，前端不重新去请求页面是不会更新的。一般业务场景下，数据库的内容更新未必会实时反映到页面，也没必要。如需要实时更新的场景，就需要服务器端做消息推送，如站内信、邮件等。这都是需要在后台服务器端编程的，不是靠前端做的；前端页面直接去访问数据库？开玩笑，做不做得到先不谈，安全性就无法保证。前端只负责发起请求和获取数据并呈现，至于怎么调用数据库不是前端关心的，也不必关心，那是属于后端的任务。

---