<c:forEach items="S(newstypelist)" var="newstype"> koption value="S(newstype.newstypeid ) s(newstype.newstypename </option> </c:forEach> </select> </td> <td <script type="text/javascript"> .getElementById("newstype"); ops [0].selected=true; displaynewstitle(object.value); </script> <diy id="newstitle"></div> </td> </tr> </table> </body> </html> DispNews.java: package cn.sdut.servlet: importjava.io.IOException import java.io.PrintWriter import java.util.Iterator. mport java.util.List importjavax.scrvlet.http.HttpServletRequest: import javax servlet http.HttpServletResponse import cn.sdut dao NewsDao import cn.sdut po.NewsBean; public class DispNews extends HttpServlet{ 15
15 <c:forEach items="${newstypelist}" var="newstype"> <option value="${newstype.newstypeid }"> ${newstype.newstypename } </option> </c:forEach> </select> </td> <td > <script type="text/javascript"> var object=document.getElementById("newstype"); var ops=object.options; ops[0].selected=true; displaynewstitle(object.value); </script> <div id="newstitle"></div> </td> </tr> </table> </body> </html> DispNews.java： package cn.sdut.servlet; import java.io.IOException; import java.io.PrintWriter; import java.util.Iterator; import java.util.List; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import cn.sdut.dao.NewsDao; import cn.sdut.dao.impl.NewsDaoImpl; import cn.sdut.po.NewsBean; public class DispNews extends HttpServlet {
public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException response.setCharacterEncoding("utf-8) int news Typeld=Integer.valueOf(request.getParameter("newstypeid")); System.out.println(newsTypeld): NewsDao newsDao=new NewsDaolmplo List newsList-newsDao.sclectNewsByTypeld(newsTypeld) Itera r<NewsBean>it=newsListiterator(). PrintWriter out=response.getWriter(). int i=0: while(it.hasNext()) itt, NewsBean news=it.next(); System.out.println(news.getNewstitle(). String str="<a href" click(+news.getNewscontent(+""++)">"+news.getNewstitle()+"</a> //System.out.println(str): out.write(str); out.write("<div id=newscontent"+i+></div><br>"): public void doPost(HttpServletRequest request.HttpServletResponse response) throws ServletException.IOEx ception! doGet() (2)Web.xml中关于Servlet的配置信息： <servlet> <servlet-name>preDispNews</servlet-name> <servlet-class>cn.sdut.servlet.DispNews</servlet-class> </servlet> <servlet> 16
16 public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setCharacterEncoding("utf-8"); int newsTypeId=Integer.valueOf(request.getParameter("newstypeid")); System.out.println(newsTypeId); NewsDao newsDao=new NewsDaoImpl(); List newsList=newsDao.selectNewsByTypeId(newsTypeId); Iterator<NewsBean> it=newsList.iterator(); PrintWriter out=response.getWriter(); int i=0; while(it.hasNext()) { i++; NewsBean news=it.next(); System.out.println(news.getNewstitle()); String str="<a href=\" \" onmouseover=\"autoclick(\'"+news.getNewscontent()+"\',"+i+")\">"+news.getNewstitle()+"</a>< br/>"; //System.out.println(str); out.write(str); out.write("<div id='newscontent"+i+"'></div><br/>"); } } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request,response); } } （2）Web.xml 中关于 Servlet 的配置信息： <servlet> <servlet-name>PreDispNews</servlet-name> <servlet-class>cn.sdut.servlet.DispNews</servlet-class> </servlet> <servlet>
<servlet-name>PreDispNewsType</servlet-name> <servlet-class>cn.sdut.servlet.DispNewsType</servlet-class> </servlet> <servlet-mapping> <servlet-name>PreDispNews</servlet-name> <url-pattern>/servlet/DispNews</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>PreDispNewsType</servlet-name> <url-pattern>/servlet/DispNewsType</url-pattern> </servlet-mapping> 6、执行 (1http://ocalhost:8080/news/servlet/DispNewsType 欢迎光临**新闻管理系统 新闲内在 (2)将光标滑过任何一个新闻标颗的链接，则内容直接在标颗下方显示出来（注意：超链 接的页面转向没有写，因此点击标题没有想象的显示效果)。 欢迎光临*新闸管理系统 新闲天网 新内 器是 (3)在新闻类别列表框中选择其他新闻类型，运行效果如上。 欢迎光临**新闻管理系统 燕翼器棕空27 损雪密选透学然州“ 营粉器经器 17
17 <servlet-name>PreDispNewsType</servlet-name> <servlet-class>cn.sdut.servlet.DispNewsType</servlet-class> </servlet> <servlet-mapping> <servlet-name>PreDispNews</servlet-name> <url-pattern>/servlet/DispNews</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>PreDispNewsType</servlet-name> <url-pattern>/servlet/DispNewsType</url-pattern> </servlet-mapping> 6、执行 （1）http://localhost:8080/news/servlet/DispNewsType （2）将光标滑过任何一个新闻标题的链接，则内容直接在标题下方显示出来（注意：超链 接的页面转向没有写，因此点击标题没有想象的显示效果）。 （3）在新闻类别列表框中选择其他新闻类型，运行效果如上
实验十一EL表达式与JSTL综合练习 一、实验描述 11.1实验目的 综合使用EL表达式和ST完成页面显示功能。 11.2实验内容 本次实验续实验十的内容： 实验十已实现的功能： 1、http://www.w3 school.com.cm/网上资源学习使用AJax异步请求对象完成以下功能： (1)数据库中剑建·新闻分类表和新闻表 (2)程序功能 打开页面，显示新闻类别，根据新闻类别显示该类新闻的标题，点击标题显示新闻内容。 本次实验内容及要求： 学习使用JSL及EL,并综合利用己学过的各种技术实现如下新闻分类表和新闻表的 增、删、改、查。 要求：写清练习的步骤，程序及运行结果。 11.3实验准备 运行环境和开发环境配置正确的window操作系统PC机一台
18 实验十一 EL 表达式与 JSTL 综合练习 一、实验描述 11.1 实验目的 综合使用 EL 表达式和 JSTL 完成页面显示功能。 11.2 实验内容 本次实验续实验十的内容： 实验十已实现的功能： 1、http://www.w3school.com.cn/网上资源学习使用 AJax 异步请求对象完成以下功能： （1）数据库中创建: 新闻分类表和新闻表 （2）程序功能： 打开页面，显示新闻类别，根据新闻类别显示该类新闻的标题，点击标题显示新闻内容。 本次实验内容及要求： 学习使用 JSTL 及 EL，并综合利用已学过的各种技术实现如下新闻分类表和新闻表的 增、删、改、查。 要求：写清练习的步骤，程序及运行结果。 11.3 实验准备 运行环境和开发环境配置正确的window操作系统PC机一台
二、功能分析 本功能涉及的数据库操作：对新闻类型表和新闻表进行CRUD操作。 三、具体操作步骤 说明：下面的操作步骤均基于实验十的基础上来进行。由于在“实验十”里，一些基础 性的工作已经完成，故不再重复。 newstype和news两个表的CRUD操作方法的接口己经定义出来，因此在数据库操作层 面上实现它们即可。 1、实现NewsTypeDaoImpl.java和NewsDaoImpl,java中的 各方法 package cn.sdut.dao.impl import java.sql.SQLException; import java,util.ArrayList; import java.util.List; import cn.sdut.dao.NewsTypeDao import cn.sdut.po.NewsTypeBean; public class NewsTypeDaoImpl extends BaseDao implements NewsTypeDao public int addNewsType(NewsTypeBean newsType)( int count=0; con=getConn(】: string sql="insert into newstype values(?)"; try pst-con.preparestatement(sql) pst.setstring(1,newsType.getNewstypename ()) count=pst.executeUpdate () catch (SQLException e) /TODO Auto-generated catch block e.printstackTrace() finally 19
19 二、功能分析 本功能涉及的数据库操作：对新闻类型表和新闻表进行 CRUD 操作。 三、具体操作步骤 说明：下面的操作步骤均基于实验十的基础上来进行。由于在“实验十”里，一些基础 性的工作已经完成，故不再重复。 newstype 和 news 两个表的 CRUD 操作方法的接口已经定义出来，因此在数据库操作层 面上实现它们即可。 1、实现 NewsTypeDaoImpl.java 和 NewsDaoImpl.java 中的 各方法 NewsTypeDaoImpl.java package cn.sdut.dao.impl; import java.sql.SQLException; import java.util.ArrayList; import java.util.List; import cn.sdut.dao.NewsTypeDao; import cn.sdut.po.NewsTypeBean; public class NewsTypeDaoImpl extends BaseDao implements NewsTypeDao { public int addNewsType(NewsTypeBean newsType) { int count=0; con=getConn(); String sql="insert into newstype values(?)"; try { pst=con.prepareStatement(sql); pst.setString(1,newsType.getNewstypename()); count=pst.executeUpdate(); } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); } finally