SSM+UEditor(百度编辑器)

1.本文是自己无聊搭建项目,请支持原文作者。

http://download.csdn.net/download/wk2197727/10229169

框架:ssm+druid

前台:layui+UEditor

功能:图片本地上传,(还有上传其他七牛等云服务器的,如需帮助收费,哈哈。此demo只做简单的本地图片保存)

SSM+UEditor(百度编辑器)_第1张图片

SSM+UEditor(百度编辑器)_第2张图片

注意点:

第一个点: 

enctype="multipart/form-data"  from表单 post提交,是获取不到内容的,必须在springmvc里配置multipartResolver,否则form表单提交内容获取不到内容,保存不了数据。

第二点:

第二个点:

注意配置一下ueditor 下的config.json

imageUrlPrefix        为工程名字。

imagePathFormat   你本地上传路径。

工程结构如下:

SSM+UEditor(百度编辑器)_第3张图片SSM+UEditor(百度编辑器)_第4张图片

web.xml



  project
  
		webAppRootKey     
        project.webapp.root     
	
  
    contextConfigLocation
     classpath:spring*.xml
  
  
	     
        log4jConfigLocation     
        /WEB-INF/classes/log4j.properties     
     
  
    org.springframework.web.util.Log4jConfigListener
   
   
  
    
		org.springframework.web.context.ContextLoaderListener
	
  
  
    index
  
 
   
  
  
  
  encodingFilter
    org.springframework.web.filter.CharacterEncodingFilter
    
      encoding
      UTF-8
    
    
      forceEncoding
      true
    
  
  
    encodingFilter
    /*
  
  
      
  
    dispatcher
    org.springframework.web.servlet.DispatcherServlet
    
      contextConfigLocation
     classpath:spring-mybatis.xml
    
    0
  
  
    dispatcher
    /
  
  
 
  
    
      RandCodeImage
      com.main.commont.randomimage.RandCodeImageServlet
    
    
      RandCodeImage
      /randCodeImage
    
   
  
    kaptcha
    
			com.google.code.kaptcha.servlet.KaptchaServlet
		
  
  
    kaptcha
    /images/kaptcha.jpg
  



  

     404
     /WEB-INF/pages/404.jsp
 
 
 
     java.lang.Exception
     /WEB-INF/views/exception.jsp
 
    
  
    60
  
 


我的spring-mvc.xml




	
		
			
				classpath:*.properties
			
		
		
		
	

	

	
		
			
				
					
						
							
								
								
								
							
						
					
				
				
					
						
							text/html;charset=UTF-8
							application/json;charset=UTF-8
						
					
				

			
		
	

	
	
	

	
	
		  
		 
	


	
	
		
		
		
	

	
	
		
			
				outException
                outException
			
		
	
	
	
	
	
	
	
	
	
	
	
	
 	
 	    
	    
	    
 	

spring-mybatis.xml



    
    
    
    	
	

    
    
        
        
        
        
        
    
    
     
    
        
        
            
                classpath:mappers/*Mapper.xml
            
        
    
    
    
    
        
    

    
     
    
        
        
        
        
    
    
     
    
        
    

    
    
    
    
	
		
		
	
    
    
	
	
	
		
	
    
dbconfig.properties

数据库连接

#MySQL
jdbc.driver=com.mysql.jdbc.Driver
hibernate.dialect=org.hibernate.dialect.MySQLDialect
validationQuery.sqlserver=SELECT 1
jdbc.url.jeecg=jdbc:mysql://localhost:3306/project?useUnicode=true&characterEncoding=UTF-8
jdbc.username.jeecg=root
jdbc.password.jeecg=root
jdbc.dbType=mysql


界面:

NewsInfoController 类
package com.main.controller;

import java.util.Date;

import javax.annotation.Resource;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;

import com.main.entity.News;
import com.main.service.NewsService;

@Controller
@RequestMapping("newsInfoController")
public class NewsInfoController {

	
	@Resource
	private NewsService newsService;
	/**
     * 百度富文本编辑器:图片上传
     * @param request
     * @param response
	 * @throws ServletException 
     */
    @RequestMapping("/save")
    @ResponseBody  
    public ModelAndView  imgUploadByUeditor(News entity,HttpServletRequest request){
        System.out.println(entity.getContent()+"=========================");
//        //拿到编辑器的内容
        String content = request.getParameter("content");
        entity.setDatetime(new Date());
        newsService.updateNewsInfo(entity);
        
            //将内容设置进属性
         request.setAttribute("content",content);
        return new ModelAndView("/news/newscontent");  
    }
}编辑i
编辑\static\ueditor\jsp\config.json
SSM+UEditor(百度编辑器)_第5张图片


如需要源码,请私聊。因为本人界面设计到一些隐私不方便上传全部源码。但是核心内容是可以提供的,以及实现是可以提供的

UEditor

你可能感兴趣的:(ueditor)