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

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、最后，使用前端页面框架，您可以显示如下所示的前端样式显示。

1. 在一个 html 网页中，写一个如下的form ：

<form method=post encType=multipart/form-data action='xx'>

<input name="userfile1" type="file" ><br>

<input name="userfile2" type="file"><br>

<input name="userfile3" type="file"><br>

<input name="userfile4" type="file"><br>

text field :<input type="text" name="text" value="text"><br>

<input type="submit" value=" 提交 "><input type=reset>

<form>

2. 服务端 servelet 的编写

现在第三方的 http upload file 工具库很多。Jarkata 项目本身就提供了fileupload 包http://jakarta.apache.org/commons/fileupload/

。文件上传、表单项处理、效率问题基本上都考虑到了。在 struts 中就使用了这个包，不过是用 struts 的方式另行封装了一次。这里我们直接使用 fileupload 包。至于struts 中的用法，请参阅 struts 相关文档。

这个处理文件上传的 servelet 主要代码如下：

public void doPost( HttpServletRequest request, HttpServletResponse response ) {

DiskFileUpload diskFileUpload = new DiskFileUpload()

// 允许文件最大长度

diskFileUpload.setSizeMax( 100*1024*1024 )

// 设置内存缓冲大小

diskFileUpload.setSizeThreshold( 4096 )

// 设置临时目录

diskFileUpload.setRepositoryPath( "c:/tmp" )

List fileItems = diskFileUpload.parseRequest( request )

Iterator iter = fileItems.iterator()

for( iter.hasNext()) {

FileItem fileItem = (FileItem) iter.next()

if( fileItem.isFormField() ) {

// 当前是一个表单项

out.println( "form field : " + fileItem.getFieldName() + ", " + fileItem.getString() )

} else {

// 当前是一个上传的文件

String fileName = fileItem.getName()

fileItem.write( new File("c:/uploads/"+fileName) )

}

}

}