使用easyui实现的添加公告功能（后台管理）
Posted yuhaiqiang_123
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用easyui实现的添加公告功能（后台管理）相关的知识，希望对你有一定的参考价值。
easyui用来做后台管理还是很方便的，这两天又添加了几个小功能其中一个是添加公告。可以包括前台的公告。还有后台给管理员看的公告。后端实现的还是很粗糙的。实际项目中，公告具体出现的位置还有时机都应该是固定的。所以可以事先为这些公告定义标示，创建表结构中指定主键唯一标示这些公告。到时候通过主键获取公告。但是由于我现在需求还是不清晰。并不知道需要多少公告。所以添加公告时需要管理员为公告指定主键。等项目完成，添加公告时就不能再让管理员主键了，毕竟他不是程序员。
1.公告显示
其中notice就是标示公告的主键，名字，还有程序员通过这个字段查询公告。所以要设为候选键，决不能重复，我这里没设，心里明白就行了，description作为与notice同对出现的。是对notice的解释。指示这个公告的位置，功能的。 title标示公告的标题。content标示公告的内容。time作为时间，简单的一个表。暂时没有需求添加其他字段，（待添加的包括修改人，所需权限《我认为权限最好定义在表结构中，单纯依赖数据库提供的功能，还是不太好》，修改ID(关于修改的信息，到时候可以调出来这个公告的变动情况),其他暂时没想到） 2.2定义dao,service层。 关于这两层我不想多说，都快写吐了，我用的是hibernate,这段时间一直在封装。定义了BaseDao,及增删改查的标准实现。基本上每一个表的dao直接继承此类。其它功能不用填了。上代码吧
public class BaseDao
public SessionFactory sessionFactory;
private Session session=null;
/**
* @param obj
* @return
*/
public void CloseSession()
if(session!=null)
//�ر�session
session.close();
public BaseDao()
public BaseDao(SessionFactory sf)
sessionFactory = sf;
HibernateUtil.SetSessionFactory(sessionFactory);
public boolean add(Object obj)
Transaction tran=null;
boolean result=false;
try
Session session= sessionFactory.openSession();
tran=session.beginTransaction();
session.save(obj);
tran.commit();
result=true;
catch (Exception e)
if(tran!=null)
//����ع�
tran.rollback();
finally
if(session!=null)
session.close();
return result;
/**
* @return �������
* ����Ϊ�ĵ�����id����
*/
public boolean update(Object object)
// Session session=null;
Transaction tran=null;
boolean result=false;
try
Session session= sessionFactory.openSession();
tran=session.beginTransaction();
session.update(object);
tran.commit();
result=true;
catch (Exception e)
if(tran!=null)
//����ع�
tran.rollback();
finally
if(session!=null)
//�ر�session
session.close();
return result;
/**
* @param c
* @param id ��ѯһ����ݸ�������id��
* @return
*/
public Object get(Class c,int id)
//Session session=null;
Object object=null;
try
Session session= sessionFactory.openSession();
object=session.get(c,id);
catch (Exception e)
finally
if(session!=null)
//�ر�session
session.close();
return object;
/**
* @param obj
* @return ɾ�����
*/
public boolean delete(Object obj)
// Session session=null;
Transaction tran=null;
boolean result=false;
try
Session session= sessionFactory.openSession();
tran=session.beginTransaction();
session.delete(obj);
tran.commit();
result=true;
catch (Exception e)
if(tran!=null)
//����ع�
tran.rollback();
finally
if(session!=null)
//�ر�session
session.close();
return result;
/**
* @param <T> ��ѯ������¼
* @param sql sql���
* @param param ��������
* @return
*/
@SuppressWarnings("unchecked")
<span style="color:#ff0000;"> public <T> List<T> query(String sql,Object[] param)</span>
List<T> list=new ArrayList<T>();
//Session session=null;
try
Session session= sessionFactory.openSession();
Query query=session.createQuery(sql);
if(param!=null)
for(int i= 0;i<param.length;i++)
query.setParameter(i,param[i]);
list=query.list();
catch (Exception e)
e.printStackTrace();
finally
if(session!=null)
session.close();
return list;
/**<span style="font-size:24px; white-space: pre;"> </span><span style="font-size:24px;color:#ff0000;"><strong>*这个函数有问题
</strong></span><span style="font-size:24px;"> * @param sql
* @param param ��ѯ������¼
* @return
*/
<span style="color:#33cc00;">public Object queryOne(String sql,Object[] param)</span>
Object object=null;
// Session session=null;
try
Session session= sessionFactory.openSession();
Query query=session.createQuery(sql);
if(param!=null)
for(int i=0 ;i<param.length;i++)
query.setParameter(i,param[i]);
object=query.uniqueResult();
catch (Exception e)
finally
if(session!=null)
session.close();
return object;
/**
* @param <T>
* @param sql
* @param param
* @param page
* @param size
* @return ʵ�ַ�ҳ��ѯ
*/
@SuppressWarnings("unchecked")
<span style="color:#ff0000;"> public <T> List<T> queryByPage(String sql,String[] param,int page,int size)</span>
List<T> list=new ArrayList<T>();
try
Session session= sessionFactory.openSession();
Query query=session.createQuery(sql);
if(param!=null)
for(int i= 0;i<param.length;i++)
query.setString(i,param[i]);
//ɸѡ����
query.setFirstResult((page-1 )*size);
query.setMaxResults(size);
list=query.list();
catch (Exception e)
finally
if(session!=null)
session.close();
return list;
/**
* @param hql
* @param pras
* @return������ݸ���
*/
<span style="color:#ff6666;">public int getCount(String hql, String[] pras) </span>
int resu = 0 ;
// Session s = null;
try
Session session=sessionFactory.openSession();
Query q = session.createQuery(hql);
if (pras != null)
for (int i =0 ; i < pras.length; i++)
q.setString(i, pras[i]);
resu = q.list().size();
catch (Exception e)
e.printStackTrace();
finally
if (session != null)
session.close();
return resu;
public Session getSession()
return session;
public void setSession(Session session)
this.session = session;
public static void main(String[] args)
/* new BaseDao(HibernateUtil.getSessionFactory());
Category ca = (Category) queryOne("from Category ca where ca.category_id = 3", null);
System.out.println(ca.getCategory_remark()); */
public void setSessionFactory(SessionFactory sessionFactory)
this.sessionFactory = sessionFactory;
</span>加红的是主要用到的功能，加绿的错误的函数，其他的增删改函数。基本上继承这个类，dao层不用写代码了。弱dao,强service,把所有的业务代码，查询语句都放到service中。 其中service我定义了一个BaseService抽象模板类，这个很普通，就不贴代码了 2.3控制层action，基本上就是add,update，delete,query，然后分页查询。mvc部分贴一部分代码
public void AddNotice()
noticeService.addNotice(notice, title, content,description);
System.out.println("title"+title+"notice:"+notice+"content:"+content);
JSONObject jsonObject = JSONUtil.NewJSonObject();
msg = "改公告已经保存";
jsonObject.put("msg", msg);
try
JSONUtil.ResponsePrint(jsonObject);
catch (IOException e)
e.printStackTrace();
msg返回给前端。还有json已经在上一篇博客中解释了。 2.5 View层
具体的功能有，用户第一次点击文本框提示文字会消失，这个添加公告内容的工具是ckeditor，功能还是很强大。可以基本实现博客功能，最后会转换为html格式的文本，保存在数据库中，调用时格式不会变，如果是实际项目我觉得还是得考虑下测试的可行性，毕竟公告的位置大小都是不同的。你不能让管理员一遍遍的试吧，这么改，这么改，他们会崩溃的。这是前段美工的事，我就不操心了，说实话我写easyui的博客是因为这工具很强大，很方便，以后外边接活后台部分完全不用美工了，前端工作者了。也是过一段时间有个微网站，需要配套的后台管理的CMS系统的需求。所以在我的小网站中先试试手。
然后一点击保存就通过ajax异步送到控制层，然后保存在数据库，如果成功界面返回到公告列表，否则停在本界面。并说明失败原因，（失败原因我没写，懒得写。我想这也是自己写着玩和接活做实际的企业级项目的区别吧，动力不足，总想练技术！不想研究业务需求）
<div id="cc" class="easyui-layout" style="width:100%;height:100%;">
<div id='north' data-options="region:'north',iconCls:'icon-add',title:'请输入公告标题',split:true" style="width:50%;height:78px;">
<textarea id="title" style="font-size:15pt" rows="1" maxlength="50" title="请输入公告标题，长度最大为50个字符">
</textarea>
</div>
<div id="east" data-options="region:'east',iconCls:'icon-add',title:'请添加对公告的名字和描述',split:true" style="width:300px;">
<textarea id="notice" style="font-size:15pt" maxlength="50" title="请输入公告名字">
</textarea>
<br/><br/><br/>
<textarea id="description" style="font-size:15pt" maxlength="100" title="请输入公告描述。最长100字符">
</textarea>
<div align="center">
<br/><br/><br/>
<input type="image" id="save" src="image/save.gif"></input>
</div>
</div>
<div id="center" data-options="region:'center',title:'请添加公告内容',spilt:true" style="padding:5px;background:#eee;">
<ckfinder:setupCKEditor editor="content" basePath="ckfinder/" />
<%-- <ckeditor:editor basePath="ckeditor/" editor="content"/> --%>
<textarea class="ckeditor" style="font-size:15pt" cols="80" id="content" name="content" rows="10">
<s:property value="#session.content"></s:property>
</textarea> 前端代码。JS代码和之前的博客不同的不多，这是验证用户第一次点击文本框时，让提示文字消失的代码
var titleval = '请输入标题';
var contentval = '请输入内容';
var noticeval = '请输入公告的名字，名字用于程序员从后台通过该字段获取公告';
var descriptionval = '请输入对公告的描述';
$('#title').text(titleval);
$('#content').text(contentval);
$('#notice').text(noticeval);
$('#description').text(descriptionval);
$('#description').click(function()
if($('#description').val().replace(/\\s+/g,"")==descriptionval)
$('#description').text("");
);
$('#title').click(function()
if($('#title').val().replace(/\\s+/g,"")==titleval)
$('#title').text("");
);
/*
$('#content').click(function()
);
*/
$('#notice').click(function(e)
if($(this).val().replace(/\\s+/g,"")==noticeval)
$(this).text("");
);
function deletetext()
if($('#content').val().replace(/\\s+/g,"")==contentval)
CKEDITOR.instances.content.setData('');
CKEDITOR.instances["content"].on("instanceReady", function ()
//set keyup event
/* this.document.on("keyup", deletetext); */
//and click event
this.document.on("click", deletetext);
//and select event
/* this.document.on("select", deletetext); */
);结束语。easyui实现后台管理可以很优雅，利用jquery强大的功能，可以把网站做的和桌面应用一样漂亮，甚至更漂亮。我该好好学设计模式了，天天这么看前端，感觉自己都想做前端了！
后续可能还会加一些easyui的博客
以上是关于使用easyui实现的添加公告功能（后台管理）的主要内容，如果未能解决你的问题，请参考以下文章
JavaWeb SSM 《精品毕设》员工管理系统（OA系统，豪华毕设） 前台 + 后台（源码 + 论文）主要实现的登录注册用户管理考勤管理流程管理公告管理工作计划任务管理日程管理等功能
Java项目:校园社团门户管理系统(java+SSM+JSP+mysql)
Java毕业设计+现成产品 —＞java springboot+layui仓库管理系统（数据库+源码）实现了仓库后台信息管理客户供应商商品管理商品进货退货管理以及一些系统管理设置