javaWeb04（验证码登陆新闻增加）
2024-05-12 01:36:01
Everbody晚上好，现在是我们的深夜学习时间！
不要跟我说现在应该休息了，咱们生命不息，学习不止Q_Q，(才不会告诉你们我刚刚才想起来，不能拖欠！)好了现在我们进入今天的主题javaWeb04验证码&登陆&新闻增加
先上思维导图：
一，验证码
1，下面是一个简单的登陆界面，其中包括了验证码
代码展示：
<%@ 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"/>
<!-- 引入jQuery的类库 -->
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<!-- 另起script块 -->
<script type="text/javascript">$(function(){myf();//给验证码添加点击事件$("#yzm").click(function(){myf();//刷新验证码});})//随机验证码=刷新验证码function myf(){//下标：0-33var arr = new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符，当然也可以用中文的var str = "";//用来拼接for(var i=0;i<4;i++){//随机数 无限逼近0-33 四舍五入 var a=Math.round(Math.random()*33);//下标//console.info(arr[a]);//根据下标取元素str+=arr[a];}//给span赋值 $("#yzm").html(str);//innerHTML}//验证登录function yzLogin(){//依次获取用户名、密码、用户输入的验证码、随机产生的验证码 不能为空var name=$("#xx").val();var pwd=$("#yy").val();var yzm1=$("#zz").val();var yzm2=$("#yzm").html();if(name==""){alert("用户名不能为空");return false;}if(pwd==""){alert("密码不能为空");return false;}if(yzm1==""){alert("验证码不能为空");return false;}else{//当验证码不为空的情况下//作业1：要求验证码不区分大小写 if(yzm1!=yzm2){//不一致的时候 提示alert("验证码有误");myf();//刷新验证码$("#zz").val("");//清空文本框return false;}}return true;}
</script>
</head>
<body><form action="dologin.jsp" method="post" onsubmit="return yzLogin()"><div id="login"><div id="top"><div id="top_left"><img src="data:images/login_03.gif" /></div><div id="top_center"></div></div><div id="center"><div id="center_left"></div><div id="center_middle"><div id="user">用 户<input type="text" name="aa" id="xx"/></div><div id="password">密 码<input type="password" name="bb" id="yy" /></div><div id="password">验证码<input id="zz" style="width: 40px;" type="text" name="cc" /> <span id="yzm" style="color:red;font-size:20px;cursor:pointer;">XXXX</span></div><div id="btn"><!-- <a href="#">登录</a><a href="#">清空</a> --><input type="submit" value="登录"/><input type="reset" value="清空"/></div></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></form>
</body>
</html>1.1，其中的主要内容包括给验证码的span标签添加点击事件myf()，判断需输入的内容否为空，验证码是否正确：
方法中定义了一个验证码的数组，一个空字符用来拼接验证码 一个循环四次的for循环添加四个字符当做验证码 使用函数Mach.round(Mathd.random()*33); 最后用随机得到的验证码给span标签赋值从而显示验证码
2.1，依次判断用户输入的每一个值，还有验证码是否正确，全部完成则进入下一步，跳转到dologin.jsp界面进行数据库的连接，也就是接下来的登陆
二，登陆
代码展示：(其中注释了所有步骤的代码说明)
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@page import="oracle.jdbc.driver.OracleDriver"%>
<%@ 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">
<%
//设置编码方式
request.setCharacterEncoding("utf-8");
//接收表单提交过来的值：用户名 密码 根据name值取value值
String name=request.getParameter("aa");
String pwd=request.getParameter("bb");
//jdbc连接Oracle做判断
String URL="jdbc:oracle:thin:@localhost:1521:orcl";
String CNAME="oracle.jdbc.driver.OracleDriver";
//加载驱动
Class.forName(CNAME);
//创建连接
Connection con=DriverManager.getConnection(URL, "scott", "tiger");
//定义sql语句
String sql="select* from users where sname=? and spwd=?";
//获得执行对象
PreparedStatement ps=con.prepareStatement(sql);
//给占位符赋值
ps.setString(1,name);
ps.setString(2,pwd);
//开始执行
ResultSet rs=ps.executeQuery();
//判断 遍历
if(rs.next()){//说明登陆成功 跳转到新闻发布系统的管理员界面//重定向//respone.sendRedirect("news/admin.jsp");//转发request.getRequestDispatcher("news/admin.jsp").forward(request, response);
}
else{//说明登陆失败out.print("<script>alert('用户名或者密码有误');location.href='login.jsp';</script>");
}
//关闭资源
if(con!=null&&!con.isClosed()){con.close();
}
if(ps!=null){ps.close();
}
if(rs!=null){rs.close();
}
%>在这所有的之前
可别忘了在Oracle中先建好用户表并且插入一条用户数据在登陆时使用，不然一切都是徒劳
三，新闻增加
当登陆的都输入正确之后就跳转到了我们的admin.jsp界面()也就是我们的新闻管理页面
代码展示：
<%@ 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="/Web04/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="/Web04/images/logo.jpg" alt="新闻中国" /></div><div id="a_b01"><img src="/Web04/images/a_b01.gif" alt="" /></div></div>
</div>
<div id="admin_bar"><div id="status">管理员： <%=request.getParameter("aa") %> <a href="#">退出</a></div><div id="channel"> </div>
</div>
<div id="main"><div id="opt_list"><ul><li><a href="/Web04/news/add.jsp">添加新闻</a></li><li><a href="#">编辑新闻</a></li><li><a href="#">查找新闻</a></li><li><a href="#">添加主题</a></li><li><a href="#">编辑主题</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><ul class="classlist"><li> 深足教练组：说我们买球是侮辱 朱广沪常暗中支招 <span> 作者：sport <a href='news_add.html'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li> 省政府500万悬赏建业登顶 球员:遗憾主场放跑国安 <span> 作者：sport <a href='#'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li> 洪元硕：北京人的脸就看你们了 最后一哆嗦看着办 <span> 作者：sport <a href='#'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li> 临界冠军京城夺票总动员 球迷:夺冠!让所有人闭嘴 <span> 作者：sport <a href='#'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li> 一纸传真暗含申花处理态度 国足征调杜威突生悬疑 <span> 作者：sport <a href='#'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li class='space'></li><li> 气候变化导致海平面上升 <span> 作者：news <a href='#'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li> 商贸联委会在杭州开会 中美对贸易争端态度低调 <span> 作者：news <a href='#'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li> 迟福林：“十二五”改革应向消费大国转型 <span> 作者：news <a href='#'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li> 伊朗称放弃美元作为外储地位 人民币或上位 <span> 作者：out <a href='#'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li> “持械抢劫，当场击毙” 浙江永康现超雷人标语 <span> 作者：news <a href='#'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li class='space'></li><li> 国内成品油价格上调几成定局 <span> 作者：news <a href='#'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li> 俄数百所幼儿园和学校因流感停课 <span> 作者：news <a href='#'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li> 喀布尔市中心传出爆炸和枪声 目前原因不明 <span> 作者：out <a href='#'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li> 国台办介绍大陆高校加大对台招生力度情况 <span> 作者：news <a href='#'>修改</a> <a href='#' onclick='return clickdel()'>删除</a> </span> </li><li> 国台办将授权福建等六省市部分赴台管理审批权 <span> 作者：news <a href='#'>修改</a> <a href='#' 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 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="/Web04/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="/Web04/images/logo.jpg" alt="新闻中国" /></div><div id="a_b01"><img src="/Web04/images/a_b01.gif" alt="" /></div></div>
</div>
<div id="admin_bar"><div id="status">管理员： 登录 <a href="#">退出</a></div><div id="channel"> </div>
</div>
<div id="main"><div id="opt_list"><ul><li><a href="../newspages/news_add.jsp">添加新闻</a></li><li><a href="../admin.jsp">编辑新闻</a></li><li><a href="#">查找新闻</a></li><li><a href="../newspages/topic_add.jsp">添加主题</a></li><li><a href="#">编辑主题</a></li></ul></div><div id="opt_area"><h1 id="opt_type"> 添加新闻： </h1><form action="doadd.jsp" method="post"><p><label> 主题 </label><select name="ntid"><option value="1">选择</option><option value='1'> 国内 </option><option value='2'> 国际 </option><option value='3'> 军事 </option><option value='4'> 体育 </option><option value='5'> 娱乐 </option><option value='6'> 社会 </option><option value='7'> 财经 </option><option value='8'> 科技 </option><option value='9'> 健康 </option><option value='10'> 汽车 </option><option value='11'> 教育 </option><option value='12'> 房产 </option><option value='13'> 家居 </option><option value='14'> 旅游 </option><option value='15'> 文化 </option><option value='16'> 其他 </option></select></p><p><label> 标题 </label><input name="ntitle" type="text" class="opt_input" /></p><p><label> 作者 </label><input name="nauthor" type="text" class="opt_input" /></p><p><label> 摘要 </label><textarea name="nsummary" cols="40" rows="3"></textarea></p><p><label> 内容 </label><textarea name="ncontent" cols="70" rows="10"></textarea></p><p><label> 上传图片 </label><input name="file" type="file" class="opt_input" /></p><input name="action" type="hidden" value="addnews"><input type="submit" value="提交" class="opt_sub" /><input type="reset" value="重置" class="opt_sub" /></form></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>这也需要提前准备一个表来接收这些数据，如（已插入的数据）
与登陆界面的原理相同，只不过替换了sql语句，进行插入数据的操作，其实第一要理清思路
，之后的工作还是很简单的啦！还有下一期内容是“绑定&删除&查看&修改”。
ok,今天小刘的分享就到此结束了，还是跟以前一样，有问题与建议的都可以跟小刘说，小刘绝对改进。
关注小刘，每天进步一点点！
javaWeb04（验证码登陆新闻增加）相关推荐
- JavaWeb04(验证码登录新闻增加)
笔记: 一.验证码 实现简单的验证码思路:假设验证码是四位由数字和英文字母组成 1.首先我们需要一个数组来装一下这个随机数(没有1和0是因为提高用户的体验性) //下标:0-33var arr = n ...
- javaWeb(验证码登录$新闻增加)
一.完成简易验证码的制作 $(function(){myf();//给验证码添加点击事件$("#yzm").click(function(){myf();//刷新验证码});})/ ...
- spring boot结合shiro实现用户-角色-权限的控制(包含用户名密码登陆和手机号验证码登陆)
spring boot整合shiro实现权限校验 1.首先导入项目所需jar包 <parent><groupId>org.springframework.boot</gr ...
- JavaWeb04----验证码登录新闻增加
一.验证码 实现简单的验证码思路:假设验证码是四位由数字和英文字母组成 1.首先我们需要一个数组来装下这个随机数(没有1和0是因为为了提高用户的体验感) //下标:0-33var arr = new ...
- JavaWeb验证码登录新闻发布
前言 上次九歌分享了页面的跳转&JDBC 有了JDBC我们可以连上数据库啦,就可以开始做项目学习JavaWeb了,这次的项目是新闻发布系统,我会慢慢做,等完善版出来会做整个项目的文章,敬请期待 ...
- 通过cookies跳过验证码登陆页面，直接访问网站的其它URL
我每次手动访问去NN网的一家酒店,就不需要登陆,一旦我用脚本打开就会让我登陆,而登陆页面又有验证码,不想识别验证码,所以就想:"通过cookies跳过验证码登陆页面,直接访问网站的其它URL ...
- SupeSite后台添加新闻增加【预览】功能
SupeSite后台添加新闻增加[预览]功能 实现目的:为了添加新闻时候更方便! 实现原因:添加新闻时候可能有些样式会出现错误,生成静态页之后再去看的时候会比较浪费时间. 实现步骤: 1.在后台找到a ...
- 启动mysql55命令_mysql服务的启动和停止登陆mysql增加新用命令和方法实例教程
mysql服务的启动和停止登陆mysql增加新用命令和方法实例教程,mysql常见常用操作命令汇总总结,增删查改命令,启动用户管理,数据库管理等. mysql服务的启动和停止 net stop mys ...
- Google新闻增加自定义功能
3月11日,Google 新闻增加自定义页面新功能,可以让用户根据浏览习惯自定义个性化的新闻页面. 这些自定义功能包括每个栏目在页面显示的新闻条数.每个栏目在页面中的位置及自定义的新闻栏 ...
最新文章
- python对文件的_python对文件的读写
- 招商银行行长田惠宇：疫情对信用卡业务造成影响最大，40%催收产能在武汉
- hyper-V环境下虚拟机和宿主机之间时钟不统一
- JavaScript 专题之如何判断两个对象相等
- JavaScript实现跳跃游戏的动态编程自上而下的方法算法（附完整源码）
- CF917D-Stranger Trees【矩阵树定理,高斯消元】
- 暖心！湖北伢雷军为家乡再捐1270万 大批紧缺医护物资连夜运抵武汉
- 对自定义SharePoint WebService的总结
- iOS边练边学--UIScrollView的属性简单使用，代理的简单介绍以及内容缩放
- Ubuntu下Opencv安装与使用
- Qt功能优化：Qt 3D画廊
- linux 极路由救砖,极路由三不死u-boot刷机方法
- Hive新特性reflect函数介绍
- C++ 小游戏 视频及资料集（十）
- 某些Win10无法进入安全模式的修复
- [计算机组成原理]-32/64位、寻址能力
- 记录贴/阴阳师core loop
- ./与../和/的区别
- python百分比堆积条形图_绘制比例数据python（堆积条形图）
- 软件需求工程 高校教学平台 系统维护计划