application&富文本编辑器&文件上传

目录

1,application作用域

2,富文本编辑器

3,文件上传

    3.1.文件上传步骤 


1,application作用域

        application:应用程序,jsp内置对象之一

                  作用:存储数据。

        session:session失效(同一个会话里面超有有效,手动注销,会话关闭(浏览器关闭))

        request:转发进行页面跳转

        统计网站的在线用户

<%
			/* Integer 是int的封装类
				int是默认值是0;
				Integer 的默认值是null;
			*/
			Integer count= 0;  
			//从application作用域里面获取当前的在线用户数量
			Integer c=(Integer)application.getAttribute("count");
			//如果用户数量不为null,赋予变量count
			if(c !=null){//有数据
				count = c;
			}
			count++;//把当前的用户加进去
			//然后再把更改后的用户数量保存到application作用域里面
			application.setAttribute("count", count);
		
%>
		<%=application.getAttribute("count") %>在线用户

2,富文本编辑器

1,导入 ckeditor4插件

2,在页面引入ckeditor.js 文件

<script type="text/javascript" src="<%=request.getContextPath() %>/ckeditor4/ckeditor.js">
</script>
<body>	 
		 <div style="width: 90%">
		 	<textarea rows="" cols="" cols="ckeditor" name="ckeditor1"></textarea>
		 </div>
</body>

   下载网站:

https://ckeditor.com/

3,文件上传

        导入jar包

    3.1.文件上传步骤 

           (1) 设置form表单的enctype属性:

                                <form enctype="multipart/form-data" method="post">。

           (2)给文件选择标签添加name属性;

            1.创建SmartUpload对象
            2.设置SmartUpload对象的编码
            3.(上传初始化)初始化SmartUpload对象,里面传的是pageContext对象
            4.设置文件上传类型
            5.设置文件不能上传类型
            6.设置上传文件大小为50M
            7.准备上传            
            8.得到第一个上传的文件        
            9.如果选择了文件
            10.定义上传路径
            11.开始上传文件(是上传到服务器里面)

public class TextServlet extends HttpServlet{
	String path;//文件上传的路径
	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		doPost(req, resp);
	}
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		//1,设置编码
		resp.setContentType("text/html;chaeset=utf-8");
		req.setCharacterEncoding("utf-8");
		
		try {
		//文件上传
		//1.创建SmartUpload对象
		SmartUpload su=new SmartUpload();
		//2.设置SmartUpload对象的编码
		su.setCharset("utf-8");
		//3.(上传初始化)初始化SmartUpload对象,里面传的是pageContext对象
		su.initialize(this.getServletConfig(),req,resp);
		//4.设置文件上传类型
		su.setAllowedFilesList("jpg,gif,png");
		//5.设置文件不能上传类型
		su.setDeniedFilesList("exe,mp3,avi,mp4");
		//6.设置上传文件大小为50M
		su.setMaxFileSize(1024*1024);//byte
		//7.准备上传    
		su.upload();
		//8.得到第一个上传的文件 
		File file =  su.getFiles().getFile(0);     
		//9.判断是否选择了文件 
		if(!file.isMissing()) {//选择了文件Picture1.jpg
			/**
			 * 文件路径中间的间隔符;
			 * 		windows;\
			 * 		linux;/
			 * 		windows;c:\text\sa.jsap
			 * 		linux;c:\text\sa.jsp
			 */
			//10.定义上传路径
			path = "upload"+java.io.File.separator+file.getFieldName();
			//11.开始上传文件(是上传到服务器里面)
			file.saveAs(path);
		    //把上传的图片路径path保存到session作用域里面
			req.getSession().setAttribute("path", path);
			
			//在使用了文件上传之后,要用smartupload里面的request对象获取表单提交的其它数据
			Request request = su.getRequest();
			//获取form表单里面提交的其它数据
			String str = request.getParameter("ckeditor1");
			System.out.println("str = " + str);
			
			// 跳回到index页面
			resp.sendRedirect(req.getContextPath()+"/index.jsp");
		}
		
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
}

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Spring Boot可以很方便地整合文本编辑器,常用的文本编辑器有UEditor、KindEditor、TinyMCE等。一般的步骤如下: 1. 引入文本编辑器的依赖,可以通过Maven或Gradle进行引入。 2. 配置文本编辑器的相关参数,如上图片的路径、大小限制等。 3. 在前端页面中引入文本编辑器的JS文件,并进行初始化。 4. 在后端代码中处理上的图片或文件,并返回相应的URL给前端。 具体实现可以参考相关的文档或教程。 ### 回答2: Spring Boot是现代化的Java开发框架,它快速、简单、灵活,并支持各种各样的技术和框架。当我们需要构建一个面向Web的应用程序时,文本编辑器是必不可少的一个组件。本文将探讨如何将文本编辑器集成到Spring Boot项目中。 首先,我们需要选择一个适合我们需求的文本编辑器组件。市场上大量的文本编辑器,常见的有UEditor、KindEditor、TinyMCE等。在这里,我们选用UEditor作为我们的文本编辑器组件。 接下来,我们需要将UEditor引入我们的项目中。在pom.xml文件中添加相关依赖: ```xml &lt;dependency&gt; &lt;groupId&gt;com.baidu.ueditor&lt;/groupId&gt; &lt;artifactId&gt;ueditor&lt;/artifactId&gt; &lt;version&gt;1.1.2&lt;/version&gt; &lt;/dependency&gt; ``` 然后,在Spring Boot的配置文件application.yml中添加如下配置: ```yaml spring: resources: static-locations: classpath:/static/ ueditor: config: classpath:config.json ``` config.json文件是UEditor的配置文件,我们需要将其放到classpath下。config.json的配置项包括上路径、文件大小等等,可以根据自己的需要进行配置。 现在,我们需要在前端页面中引入UEditor相关资源,如下: ```html &lt;!-- 引入UEditor资源 --&gt; &lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;../ueditor/ueditor.config.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;../ueditor/ueditor.all.js&quot;&gt;&lt;/script&gt; &lt;!-- 在页面中添加UEditor对象 --&gt; &lt;script type=&quot;text/javascript&quot;&gt; var editor = new UE.ui.Editor(); editor.render(&quot;editContent&quot;); &lt;/script&gt; &lt;!-- 在页面中添加编辑器的容器 --&gt; &lt;div id=&quot;editContent&quot;&gt;&lt;/div&gt; ``` 最后,在后端Controller中处理上图片的请求,如下: ```java @RequestMapping(value = &quot;/uploadImage&quot;, method = RequestMethod.POST) @ResponseBody public Map&lt;String, Object&gt; uploadImage(HttpServletRequest request) { MultipartHttpServletRequest multipartHttpServletRequest = (MultipartHttpServletRequest) request; MultipartFile multipartFile = multipartHttpServletRequest.getFile(&quot;upfile&quot;); //使用UEditor的UploadUtils上文件 String imageUrl = UploadUtils.uploadFile(multipartFile); Map&lt;String, Object&gt; jsonMap = new HashMap&lt;&gt;(); jsonMap.put(&quot;state&quot;, &quot;SUCCESS&quot;); jsonMap.put(&quot;url&quot;, imageUrl); jsonMap.put(&quot;title&quot;, &quot;&quot;); jsonMap.put(&quot;original&quot;, &quot;&quot;); return jsonMap; } ``` 至此,我们已经成功地将UEditor文本编辑器集成到了Spring Boot项目中。在前端页面中,可以使用UEditor编辑器进行文本的编辑,编辑器支持插入图片、表格、视频等常用的文本元素。同时,在后台Controller中,我们可以处理UEditor上图片的请求,并将上的图片保存在服务器上。 ### 回答3: Spring Boot是现在非常热门的一种Java开发框架,用于快速构建Web应用。而在Web应用中,文本编辑器也是非常常见的一种组件。在这篇文章中,我们将讨论如何在Spring Boot应用程序中集成文本编辑器文本编辑器通常是用JavaScript编写的一种可视化编辑器。它可以允许用户在Web应用程序中创建丰文本格式,如加粗、斜体、下划线等等。常见的文本编辑器有CKEditor、TinyMCE和Froala Editor等。 在集成文本编辑器时,我们需要考虑以下几个步骤: 1. 在Spring Boot应用程序中引入JavaScript库 在Spring Boot应用程序中,我们可以使用静态资源处理器去引用JavaScript库。我们可以在项目中创建一个&ldquo;static&rdquo;文件夹,在其中存放静态资源文件,例如:JS脚本、CSS样式表等等。在HTML页面中引用这些文件时,可以使用Thymeleaf之类的模板引擎。 2. 引入文本编辑器 一般情况下,我们会选择一个已有的文本编辑器。我们选择的编辑器应该提供一些API或者一些配置选项,以便我们在其基础上进行定制化开发。 3. 在Spring Boot应用程序中设置API接口 当我们引入了文本编辑器后,我们需要在Spring Boot应用程序中编写后台API接口,以便前端与后台之间实现数据交互。当用户在文本编辑器中输入文本或者修改文本时,我们需要将其保存到后台数据库,然后在后续的展示中进行读取。 4. 定制文本编辑器 最后,我们需要定制化文本编辑器的一些配置和选项,以便让用户更加方便地进行操作。例如,我们可以开启图片上功能、修改编辑器的主题等等。 在本文中,我们主要介绍了如何在Spring Boot应用程序中集成文本编辑器。具体实现过程请参考相关文档和API。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值