JAVAWEB控件

最新推荐文章于 2021-02-27 21:53:43 发布

转载最新推荐文章于 2021-02-27 21:53:43 发布 · 744 阅读

JAVAWEB 专栏收录该内容

4 篇文章

订阅专栏

博客介绍了使用CKEditor文本编辑控件和commons - fileupload实现新闻添加及图片上传功能。包括下载、解压和引入CKEditor到项目，使用其编辑新闻内容并提交到数据库；还介绍了下载相关jar包、导入项目、修改表单及在doAdd.jsp中保存新闻和文件等操作。

ckeditor控件，文本编辑控件

首先下载CKEditor： http://ckeditor.com/download

解压并复制CKEditor到项目WebRoot中

在页面中引入CKEditor：
1.
2.在“内容”textarea标签中加入class=“ckeditor”

引入后就可以使用CKEditor编辑新闻的内容了

编辑好新闻内容后，就可以提交到doAdd.jsp，把新闻存入数据库中

commons-fileupload 添加图片控件图片上传功能

第一步下载，commons-fileupload-1.2.2.jar和commons-io-2.4.jar
建议在API中参考使用到的类和接口

将jar导入项目中（WEB-INF/lib）

修改添加新闻的页面newsDetailCreateSimple.jsp，把表单提交到doAdd.jsp
注意：

表单form标签中，method=“post” enctype=“multipart/form-data”
上传图片的标签为：

在doAdd.jsp中提取表单提交的新闻相关字段，并保存上传的文件，实现新闻的保存功能
注意：
1.需要在doAdd.jsp中导入需要的包
<%@page import=“java.io.,java.util.,org.apache.commons.fileupload.*”%>
<%@page import=“org.apache.commons.fileupload.disk.DiskFileItemFactory”%>
<%@page import=“org.apache.commons.fileupload.servlet.ServletFileUpload”%>
请复制素材中的doAdd.jsp
2.在newsDetailList.jsp中点击“增加”打开newsDetailCreateSimple.jsp页面；“新闻标题”链接到newsDetailView.jsp并传递新闻Id参数，用以查看指定Id的新闻详情。
3.修改Dao和Service相关的类，完善“增加新闻信息”方法public boolean add(News news)，增加“picPath”字段。增加“通过新闻id获取新闻”的方法public News getNewsById(int id)