新闻发布系统—登录界面
登录面图:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>用户登录</title> <link href="images/login.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> var str = "qwertyupasdfghjkzxcvbnmQWERTYUPASDFGHJKLZXCVBNM23456789"; function yz() { //随机出4个0-字符串长度之间的数字 做为下标 yzmStr=""; for(var i=1;i<=4;i++){ yzmStr+=str.substr(Math.round(Math.random()*(str.length-1)),1); } //把验证码赋值到页面 document.getElementById("syzm").innerHTML=yzmStr; } function $(id) { return document.getElementById(id); } function login_yz() { //验证 用户名 和 密码不能为空 //获取用户名 var uname = $("uname").value; if(uname.length==0){ alert("用户名不能为空"); return false; } //获取密码 var upwd = $("upwd").value; if(upwd.length==0){ alert("密码不能为空"); return false; } //获取验证码:判断和电脑的验证码是否相等 //PS:自己实现-输入的验证码不区分大小写-大小写转换 var yzm = $("uyzm").value; if(yzm!=yzmStr){ alert("验证码输入错误,请重新输入"); //清空输入的验证码 $("uyzm").value=""; //重新生成验证码 yz(); return false; } } </script> </head> <body onload="yz()"> <div id="login"> <div id="top"> <div id="top_left"> <img src="images/login_03.gif" /> </div> <div id="top_center"></div> </div> <div id="center"> <div id="center_left"></div> <div id="center_middle"> <form action="admin.jsp" onsubmit="return login_yz()"> <div id="user"> 用 户 <input type="text" id="uname" name="textfield" /> </div> <div id="password"> 密 码 <input type="password" id="upwd" name="textfield2" /> </div> <div id="yzm"> 验证码 <input id="uyzm" style="width: 50px;" type="text" name="textfield3" /> <span id="syzm" onclick="yz()"></span> </div> <div id="btn"> <input type="submit" value="登录"> <input type="reset" value="清空"> </div> </form> </div> <div id="center_right"></div> </div> <div id="down"> <div id="down_left"> <div id="inf"> <span class="inf_text">版本信息</span> <span class="copyright">管理信息系统 2008 v2.0</span> </div> </div> <div id="down_center"></div> </div> </div> </body> </html>
新闻发布系统—绑定数据
主界面:
<%@page import="java.sql.ResultSet"%> <%@page import="java.sql.PreparedStatement"%> <%@page import="java.sql.DriverManager"%> <%@page import="java.sql.Connection"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>新闻管理系统</title> <link href="CSS/admin.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"> <div id="welcome">欢迎使用新闻管理系统!</div> <div id="nav"> <div id="logo"><img src="images/logo.jpg" alt="新闻中国" /></div> <div id="a_b01"><img src="images/a_b01.gif" alt="" /></div> </div> </div> <div id="admin_bar"> <div id="status">管理员: 登录      <a href="login.jsp"><%=request.getParameter("textfield") %></a></div> <input type="text" name="wid" style="display:onne"value="<%=request.getParameter("textfield") %>"> <div id="channel"> </div> </div> <div id="main"> <div id="opt_list"> <ul> <li><a href="newspages/add_news.jsp?wid=<%=request.getParameter("wid") %>">添加新闻</a></li> <li><a href="admin.jsp?wid=<%=request.getParameter("wid") %>">编辑新闻</a></li> <li><a href="admin.jsp?wid=<%=request.getParameter("wid") %>">查找新闻</a></li> <li><a href="newspages/add_sub.jsp?wid=<%=request.getParameter("wid") %>">添加主题</a></li> <li><a href="newspages/update_sub.jsp?wid=<%=request.getParameter("wid") %>">编辑主题</a></li> <li><a href="dodele.jsp?wid=<%=request.getParameter("wid") %>">删除主题</a></li> </ul> </div> <div id="opt_area"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <script language="javascript"> function clickdel(){ return confirm("删除请点击确认"); } </script> <form action="mhcx.jsp?wid=<%=request.getParameter("wid") %>" align="center"> <input type="text" name="str"> <input type="submit" value="查询"> </form> <ul class="classlist"> <% Class.forName("oracle.jdbc.driver.OracleDriver"); //2、连接数据库 String url = "jdbc:oracle:thin:@localhost:1521:ORCL"; Connection con = DriverManager.getConnection(url, "scott", "tiger"); //3、定义那个对象,用来执行sql语句 PreparedStatement ps = con.prepareStatement("select * from news order by nid desc"); ResultSet rs = ps.executeQuery(); while(rs.next()){ %> <li> <a href="newspages/news_read.jsp?nid=<%=rs.getInt(1)%>&wid=<%=request.getParameter("textfield") %>"> <%=rs.getString("ntitle") %></a><span> 作者: <%=rs.getString("nzz") %>      <a href='update_news.jsp?nid=<%=rs.getInt(1)%>&ntid=<%=rs.getInt(2) %>&wid=<%=request.getParameter("wid") %>'>修改</a>      <a href='dodelnenws.jsp?nid=<%=rs.getInt(1) %>&wid=<%=request.getParameter("wid") %>' onclick='return clickdel()'>删除</a> </span> </li> <li class='space'></li> <%} %> <p align="right"> 当前页数:[1/3] <a href="#">下一页</a> <a href="#">末页</a> </p> </ul> </div> </div> <div id="site_link"> <a href="#">关于我们</a><span>|</span> <a href="#">Aboue Us</a><span>|</span> <a href="#">联系我们</a><span>|</span> <a href="#">广告服务</a><span>|</span> <a href="#">供稿服务</a><span>|</span> <a href="#">法律声明</a><span>|</span> <a href="#">招聘信息</a><span>|</span> <a href="#">网站地图</a><span>|</span> <a href="#">留言反馈</a> </div> <div id="footer"> <p class="">24小时客户服务热线:010-68988888      <a href="#">常见问题解答</a>      新闻热线:010-627488888<br /> 文明办网文明上网举报电话:010-627488888      举报邮箱:<a href="#">jubao@jb-aptech.com.cn</a></p> <p class="copyright">Copyright © 1999-2009 News China gov, All Right Reserver<br /> 新闻中国 版权所有</p> </div> </body> </html>
提示:以下是本篇文章正文内容,下面案例可供参考
一、新闻发布系统—添加数据
添加新闻界面:
<%@page import="java.sql.ResultSet"%> <%@page import="java.sql.DriverManager"%> <%@page import="java.sql.PreparedStatement"%> <%@page import="java.sql.Connection"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>添加新闻--管理后台</title> <link href="../CSS/admin.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"> <div id="welcome">欢迎使用新闻管理系统!</div> <div id="nav"> <div id="logo"><img src="../images/logo.jpg" alt="新闻中国" /></div> <div id="a_b01"><img src="../images/a_b01.gif" alt="" /></div> </div> </div> <div id="admin_bar"> <div id="status">管理员: 登录     <a href="login.jsp"><%=request.getParameter("wid") %></a></div> <div id="channel"> </div> </div> <div id="main"> <div id="opt_list"> <ul> <li><a href="add_news.jsp?wid=<%=request.getParameter("wid")%>">添加新闻</a></li> <li><a href="../admin.jsp?wid=<%=request.getParameter("wid")%>">编辑新闻</a></li> <li><a href="../admin.jsp?wid=<%=request.getParameter("wid")%>">查找新闻</a></li> <li><a href="add_sub.jsp?wid=<%=request.getParameter("wid")%>">添加主题</a></li> <li><a href="update_sub.jsp?wid=<%=request.getParameter("wid")%>">编辑主题</a></li> <li><a href="../dodele.jsp?wid=<%=request.getParameter("wid")%>">删除主题</a></li> </ul> </div> <div id="opt_area"> <h1 id="opt_type"> 添加新闻: </h1> <form action="doadd_news.jsp?wid=<%=request.getParameter("wid") %>" method="post"> <p> <label> 主题 </label> <select name="ntid"> <% Class.forName("oracle.jdbc.driver.OracleDriver"); //2、连接数据库 String url = "