DWR新闻发布系统，多新闻类型间切换无刷新

最新推荐文章于 2024-08-30 20:29:15 发布

liuya1985liuya

最新推荐文章于 2024-08-30 20:29:15 发布

阅读量991

点赞数

分类专栏： ajax 文章标签： dwr import javascript class function struts

ajax 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

step1: 下载DWR包
step2: 构建数据库

sql 代码

if exists (select 1
from sysobjects
where id = object_id('AJAX_NEW')
and type = 'U')
drop table AJAX_NEW
go
/*==============================================================*/
/* Table: AJAX_NEW */
/*==============================================================*/
create table AJAX_NEW (
ID integer not null,
NEW_TITLE VARCHAR(100) null,
NEW_AUTHER VARCHAR(30) null,
NEW_TYPE VARCHAR(30) null,
NEW_CONTENT VARCHAR(500) null,
constraint PK_AJAX_NEW primary key (ID)
)
go

step3 搭建Struts,Hibernate框架，生成Hibernae配置文件以及po类：

java 代码

package com.fzfx88.conf;
/**
* AbstractAjaxNew generated by MyEclipse - Hibernate Tools
* po 抽象类
* auther huguoqing
*/
public abstract class AbstractAjaxNew implements java.io.Serializable {
// Fields
private Integer id;
private String newTitle;
private String newAuther;
private String newType;
private String newContent;
// Constructors
/** default constructor */
public AbstractAjaxNew() {
}
/** full constructor */
public AbstractAjaxNew(String newTitle, String newAuther, String newType, String newContent) {
this.newTitle = newTitle;
this.newAuther = newAuther;
this.newType = newType;
this.newContent = newContent;
}
// Property accessors
public Integer getId() {
return this.id;
}
public void setId(Integer id) {
this.id = id;
}
public String getNewTitle() {
return this.newTitle;
}
public void setNewTitle(String newTitle) {
this.newTitle = newTitle;
}
public String getNewAuther() {
return this.newAuther;
}
public void setNewAuther(String newAuther) {
this.newAuther = newAuther;
}
public String getNewType() {
return this.newType;
}
public void setNewType(String newType) {
this.newType = newType;
}
public String getNewContent() {
return this.newContent;
}
public void setNewContent(String newContent) {
this.newContent = newContent;
}
}

ＰＯ类，MyEclipse 5.1.1生成：

java 代码

package com.fzfx88.conf;
// Generated by MyEclipse - Hibernate Tools
/**
* AjaxNew generated by MyEclipse - Hibernate Tools
* auther huguoqing
*/
public class AjaxNew extends AbstractAjaxNew implements java.io.Serializable {
// Constructors
/** default constructor */
public AjaxNew() {
}
/** full constructor */
public AjaxNew(String newTitle, String newAuther, String newType, String newContent) {
super(newTitle, newAuther, newType, newContent);
}
}

Hibernate AjaxNew.hbm.xml配置文件

xml 代码

xml version="1.0"?>
"http://hibernate.sourceforge.net/hibernate-mapping-3.0.dtd">
<hibernate-mapping>
<class name="com.fzfx88.conf.AjaxNew" table="AJAX_NEW" schema="dbo" catalog="pepsi">
<id name="id" type="java.lang.Integer">
<column name="ID" />
<generator class="identity" />
id>
<property name="newTitle" type="java.lang.String">
<column name="NEW_TITLE" length="100" />
property>
<property name="newAuther" type="java.lang.String">
<column name="NEW_AUTHER" length="30" />
property>
<property name="newType" type="java.lang.String">
<column name="NEW_TYPE" length="30" />
property>
<property name="newContent" type="java.lang.String">
<column name="NEW_CONTENT" length="500" />
property>
class>
hibernate-mapping>

step:4 构建 Action 类：

java 代码

/**
* news system
*/
package com.fzfx88.base.action;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import com.fzfx88.base.form.AjaxNewsSystemForm;
import com.fzfx88.base.service.AjaxNewsSystemService;
import com.fzfx88.common.base.BaseAction;
import com.fzfx88.conf.AjaxNew;
/**
* @author huguoqing
*
*/
public class AjaxNewsSystemAction extends BaseAction {
AjaxNewsSystemService nService = new AjaxNewsSystemService();
/**
* 初始化
* @param mapping
* @param form
* @param request
* @param response
* @return
*/
public ActionForward init(ActionMapping mapping,ActionForm form,
HttpServletRequest request,HttpServletResponse response){
AjaxNewsSystemForm nForm = (AjaxNewsSystemForm)form;
AjaxNew news = nForm.getNews();
return mapping.findForward("init");
}
/**
* 新建
* @param mapping
* @param form
* @param request
* @param response
* @return
*/
public ActionForward save(ActionMapping mapping,ActionForm form,
HttpServletRequest request,HttpServletResponse response){
AjaxNewsSystemForm nForm = (AjaxNewsSystemForm)form;
AjaxNew news = nForm.getNews();
if(nService.createNews(news)){
return mapping.findForward("success");
}else{
return mapping.findForward("false");
}
}
}

step 5: 构建数据层访问类：

java 代码

/**
*
*/
package com.fzfx88.base.service;
import java.util.ArrayList;
import java.util.List;
import org.hibernate.Hibernate;
import org.hibernate.HibernateException;
import org.hibernate.Query;
import org.hibernate.Session;
import org.hibernate.Transaction;
import com.fzfx88.conf.AjaxNew;
import com.fzfx88.util.HibernateUtil;
/**
* @author huguoqing
*
*/
public class AjaxNewsSystemService {
/**
* 新建news
* @param news
*/
public boolean createNews(AjaxNew news){
Session session=HibernateUtil.currentSession();
Transaction tran=session.beginTransaction();
try{
session.save(news);
tran.commit();
session.flush();
} catch (HibernateException e) {
if(tran!=null){
tran.rollback();
}
e.printStackTrace();
return false;
}finally {
HibernateUtil.closeSession();
}
return true;
}
/**
* 获得新闻列表
* @param newType
* @return
*/
public List queryStoreList(String newType){
List storeList =new ArrayList();
Session session=HibernateUtil.currentSession();
Transaction tran=session.beginTransaction();
String sql="from AjaxNew where newType=:newType ";
try {
Query query=session.createQuery(sql);
query.setParameter("newType",newType);
storeList=query.list();
} catch (HibernateException e) {
if(tran!=null){
tran.rollback();
}
e.printStackTrace();
}finally {
HibernateUtil.closeSession();
}
return storeList;
}
/**
* 根据id获得AjaxNew对象
* @param id
* @return
*/
public AjaxNew retrieveAjaxNew(String newId){
Integer id = Integer.parseInt(newId);
Session session=HibernateUtil.currentSession();
String sql="from AjaxNew w where w.id=:id ";
AjaxNew item=null;
try {
Query query=session.createQuery(sql);
query.setParameter("id",id);
item=(AjaxNew)query.uniqueResult();
if(Hibernate.isInitialized(item)){
Hibernate.initialize(item);
}
} catch (HibernateException e) {
e.printStackTrace();
}finally {
HibernateUtil.closeSession();
}
return item;
}
}

step 6: 构建Struts Form .................AjaxNewsSystemForm.java

step 7 :Struts 配置文件：

xml 代码

xml version="1.0" encoding="UTF-8"?>
>
<struts-config>
<data-sources/>
<form-beans>
<form-bean name="AjaxNewsSystemForm" type="com.fzfx88.base.form.AjaxNewsSystemForm" />
form-beans>
<global-exceptions />
<global-forwards>
<forward name="success" path="/regSuccess.htm"/>
<forward name="false" path="/false.htm"/>
global-forwards>
<action-mappings>
<action name="AjaxNewsSystemForm"
path="/news"
type="com.fzfx88.base.action.AjaxNewsSystemAction"
scope="request">
<forward name="init" path="/base/news.jsp"/>
action>
action-mappings>
<message-resources parameter="resource.ApplicationResources" />
struts-config>
step:8 配置 dwr

(一)、配置 web.xml 文件，添加 DwrServlet

xml 代码
1. xml version="1.0" encoding="UTF-8"?>
2. <web-app xmlns="http://java.sun.com/xml/ns/j2ee" >
3. <servlet>
4. <servlet-name>dwr-invokerservlet-name>
5. <servlet-class>
6. org.directwebremoting.servlet.DwrServlet
7. servlet-class>
8. <init-param>
9. <param-name>debugparam-name>
10. <param-value>trueparam-value>
11. init-param>
12. <init-param>
13. <param-name>classes param-name>
14. <param-value>java.lang.Objectparam-value>
15. init-param>
16. <load-on-startup>100load-on-startup>
17. servlet>
18. <servlet-mapping>
19. <servlet-name>dwr-invokerservlet-name>
20. <url-pattern>/dwr/*url-pattern>
21. servlet-mapping>
22. <session-config>
23. <session-timeout>30session-timeout>
24. session-config>
25. <welcome-file-list>
26. <welcome-file>index.jspwelcome-file>
27. welcome-file-list>
28. web-app>
(二)、配置 dwr.xml，添加需要能够远程调用的类以及公开客户端调用的类方法：

xml 代码
1. xml version="1.0" encoding="UTF-8"?>
2. <dwr>
3. <allow>
5. <create creator="new" javascript="news" scope="application">
6. <param name="class" value="com.fzfx88.base.service.AjaxNewsSystemService"/>
7. <include method="queryStoreList"/>
8. <include method="retrieveAjaxNew"/>
9. create>
11. <convert converter="bean" match="com.fzfx88.conf.AjaxNew">
12. <param name="include" value="id,newTitle, newAuther, newType, newContent"/>
13. convert>
15. allow>
16. dwr>
step9:构建页面

css 代码
1. [html]
2. [head]
3. [meta http-equiv="Content-Type" content="text/html; charset=gbk" /]
4. [link href="reg/style.css" type="text/css" rel="stylesheet"]
5. javascript=news相符->
6. [script type='text/javascript' src='../dwr/interface/news.js']
7. 
8. [script type='text/javascript' src='../dwr/engine.js']
9. 
10. [script type='text/javascript' src='../dwr/util.js'/]
11. 
12. [script type='text/javascript' src='../jsfloder/ajaxNews.js'/]
13. [title]news[/title]
14. [/head]
15. [body]
16. [div id="tabs5"]
17. [ul][li id="current"][a href="javaScript:queryNewsList('1');"][span]国内[/span][/a][/li]
18. [li][a href="javaScript:queryNewsList('2');"][span]国际[/span][/a][/li]
19. [li][a href="javaScript:queryNewsList('3');"][span]时事政治[/span][/a][/li]
20. [li][a href="javaScript:queryNewsList('4');"][span]影视娱乐[/span][/a][/li]
21. [li][a href="javaScript:queryNewsList('5');"][span]读书频道[/span][/a][/li]
22. [li][a href="javaScript:queryNewsList('6');"][span]美容护肤[/span][/a][/li]
23. [li][a href="javaScript:queryNewsList('7');"][span]生活琐事[/span][/a][/li]
24. [/ul]
25. [/div]
26. [TABLE class="toptable grid" width="100%" cellSpacing="0" cellPadding="5" align="center" border="1"]
27. [TBODY id="knew"]
28. [/TBODY]
29. [/TABLE]
30. [div id="snow" style="width:500px;border:1px solid darkcyan;padding:5px;display:none;"][/div]
31. [/body]
32. [/html]
step10: 构建 js文件

js 代码
1. function queryNewsList(id){
2. var loadinfo = "正在载入中，请稍等...........";
3. var newType = id;
4. try{
5. //news为dwr.xml文件中定义java类的别名，调用该类的queryStoreList方法，
6. //获取新闻信息
7. news.queryStoreList(newType,queryNewList);
8. DWRUtil.useLoadingMessage(loadinfo);
9. }catch(e){
11. }
12. }
13. //将查询结果返回的list，添加到页面表格中
14. function queryNewList(data){
15. document.getElementById( "snow" ).style.display = "none";
16. var cellfuncs = [
17. function(data){
18. var newId = data.id;
19. var ahive = document.createElement(");
20. ahive.setAttribute("alink","fuchsia");
21. var oTextNode = document.createTextNode(data.newTitle);
22. ahive.appendChild(oTextNode);
23. return ahive;
24. },
25. function(data){
26. var newId = data.id;
27. var ahive = document.createElement(");
28. ahive.setAttribute("alink","#FFFFFF");
29. var delButton = document.createElement("img");
30. delButton.setAttribute("src","../images/ico_down.gif");
31. delButton.setAttribute("border","1");
32. ahive.appendChild(delButton);
33. return ahive;
34. }
35. ];
36. DWRUtil.removeAllRows('knew');
37. DWRUtil.addRows('knew', data,cellfuncs,{
38. rowCreator:function(options) {
39. var row = document.createElement("tr");
40. row.setAttribute("id",options.rowData.id);
41. row.setAttribute("height","20");
42. return row;
43. },
44. cellCreator:function(options) {
45. var td = document.createElement("td");
46. td.setAttribute("align","left");
47. return td;
48. }
49. });
50. }
51. //根据id获得一条新闻的具体信息
52. function showContent(id){
53. var news_id = id;
54. var loadinfo = "正在载入中，请稍等...........";
55. try{
56. news.retrieveAjaxNew(news_id,showAnew);
57. DWRUtil.useLoadingMessage(loadinfo);
58. }catch(e){
60. }
61. }
62. //显示信息内容
63. function showAnew(data){
64. var pp = document.getElementById("snow");
65. document.getElementById( "snow" ).style.display = "";
66. if (pp.hasChildNodes()) {
67. for (i=0; i
68. var currentNode = pp.childNodes[i];
69. pp.removeChild(currentNode);
70. }
71. }
72. var titleText = document.createTextNode(data.newTitle);
73. var context = document.createTextNode(data.newContent);
74. var tspan = document.createElement("p");
75. tspan.setAttribute("style","font-weight:normal;");
76. tspan.appendChild(titleText);
77. var cspan = document.createElement("p");
78. cspan.appendChild(context);
79. var vbr = document.createElement("br");
80. pp.appendChild(tspan);
81. pp.appendChild(vbr);;
82. pp.appendChild(cspan);
83. }

liuya1985liuya

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DWR新闻发布系统，多新闻类型间切换无刷新

step1: 下载DWR包step2: 构建数据库sql 代码 if exists (select 1 from sysobjects where id = object_id(AJAX_NEW) and type = U)
复制链接

扫一扫

专栏目录