如何从数据库数据获取到前台页面

最近在做有个简单的电商平台，想做一个功能就是在搜索商品的时候通过数据库查找，最后把数据直接显示在前台页面上。我自己在完成功能的时候通过了俩种方式实现（基于SSM框架）完成，在此将我们的想法和代码分享出来，供自己和他人参考。

 

电影的数据库数据：

ps:imagepath 存放的图片的地址

一、通过EL表达式和简单点SSM框架知识

1、首先，先从数据库中获取数据，并把数据返回给前台页面

        控制器代码

	@RequestMapping("/selmovie")
	public String  selAllMovie(HttpServletRequest req){
                //获取所有的电影信息
		List lm = moiveServiceImpl.selAllMovie();
		if(lm!=null){
			for (Movie movie : lm) {
				System.out.println(movie);
			}
		}
		req.setAttribute("movie", lm);
		return "movie.jsp";
	}

 

2、在前台中显示（通过EL表达式和JSTL标准标签库）

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>



  
    
    
    
    
	
	
	    
	
	
	

  
	   
 	
    

        

            
            
            
	            

	                
	                    

	                    	
	                    
	                    

	                        ${mm.name }  
	                         ${mm.average }
	                    
	                
	            
  
            
        
    

3、添加一个触发点；

因为我的页面必须先访问控制器才能返回数据到movie.jsp页面。所有需要一个网页先去访问控制器

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



  
    
    
    
    
	
	
	    
	
	
	

  
  
  
  	
    获取所有电源
  

 

返回结果：

 

 

二、通过ajax异步请求获取后台数据

1、在前端异步请求控制器并获取到电源数据

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



  
    
    
    
    
	
	
	    
	
	
	



  
  
  
  
    

         

         
    
  

2、在控制器中返回json格式的数据

	@RequestMapping(value="/selmovie1",produces="application/json;charset=utf-8")
	@ResponseBody
	public List  selAllMovie1(HttpServletRequest req){
		List lm = moiveServiceImpl.selAllMovie();
		return lm;
	}

 

返回结果

 

 

三、启发

今天听到班里大牛在群里分析的类似的功能

感觉也是可以从过滤器进行获取数据。