完美的javaweb系统除了坚挺的后台还要灵活的javascript--验证与确认

xiaoxiao2021-02-28  70

        UIM“项目"是我迄今为止做的比较完整的javaweb项目,后台采用底层jsp+servlet,包括增删改查,登录,过滤,监听;前端的验证确认,checkbox全选反选,分页较为完整,提取知识点以供今后工作学习使用。

一、过滤器实现登陆拦截

List<String> list=new ArrayList<String>(); //不过滤的内容 public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletRequest req=(HttpServletRequest) request; String url=req.getServletPath(); if(list.contains(url)){ chain.doFilter(request, response); }else{ cm_operator cmo=(cm_operator)req.getServletContext().getAttribute("co"); //从context获取“既存”的cmo对象 if(cmo!=null){ chain.doFilter(request, response); }else{ HttpServletResponse res=(HttpServletResponse) response; res.sendRedirect("index.jsp"); } } } /** * @see Filter#init(FilterConfig) */ public void init(FilterConfig fConfig) throws ServletException { // TODO Auto-generated method stub list.add("/index.jsp"); list.add("/Login.do"); list.add("/images/index_04.gif"); }xml文件的内容,拦截.jsp和.do,供参考

<filter> <display-name>loginFilter</display-name> <filter-name>loginFilter</filter-name> <filter-class>com.whp.filter.loginFilter</filter-class> </filter> <filter-mapping> <filter-name>loginFilter</filter-name> <url-pattern>*.jsp</url-pattern> <url-pattern>*.do</url-pattern> </filter-mapping> 二、监听器实现访问统计

List<User> list=new ArrayList<User>(); int count=0; public void attributeAdded(HttpSessionBindingEvent event) { //在attribute add的时候触发 // TODO Auto-generated method stub count++; event.getSession().getServletContext().setAttribute("count", count); //设置count,存储count String name=event.getName(); //调用event.getName();方法获得attribute的name if(name.equals("user")){ list.add((User)event.getValue()); event.getSession().getServletContext().setAttribute("list", list); } } /** * @see HttpSessionAttributeListener#attributeRemoved(HttpSessionBindingEvent) */ public void attributeRemoved(HttpSessionBindingEvent event)  {         count--;         System.out.println("Attribute已销毁"+event.getSession());         System.out.println("在线人数"+count);         list=(List<User>)event.getSession().getAttribute("list");         event.getSession().getServletContext().setAttribute("list", list);                   // TODO Auto-generated method stub   }三、分页

1.分页sql

     

select * from w_User limit a,b;a----从第几条记录开始;

b----查多少个

2.pageInfo类

public class pageInfo { int currentPage=1;//当前页号 int recordCount;//记录总数 public int pageSize=5;//每页记录数 String url; List <?>list;//所有记录 ..................3.js---setPage()

function page_setPage(currentPage){ location.href="${page.url }"+"?currentPage="+currentPage; }4.调用setPage方法,实现翻页

四、register页面的验证

var un=document.getElementById("un"); var f1=document.getElementById("f1"); //........ //........ /** *普通checkInput */   function checkUn(){ if(un.value==""){ f1.innerHTML="用户名不能为空"; return false; }else{ f1.innerHTML=""; return true; } } /** *checkRepeatPwd */ function checkPwd2(){ if(pwd.value!=pwd2.value){ f3.innerHTML="密码不一致!"; return false; }else{ f3.innerHTML=""; return true; } } /** *checkRadio */

function checkSex(){ var flag=0; for(var i=0;i<sex.length;i++){ if(sex[i].checked){ flag++; } } if(flag!=1){ f4.innerHTML="性别不能为空!"; return false; }else{ f4.innerHTML=""; return true; } } /** *check正则表达式 */ function checkEmail(){ var reg=/\w{2,}@\w{2,}\.(com|cn|net)/; if(!reg.test(email.value)){ f6.innerHTML="邮箱格式不符"; return false; }else{ f6.innerHTML=""; return true; } } /** *切入方法 */ function index(){ var Rabbit=new Array(); Rabbit[0]=checkEmail(); //....  var result=0; for(var i=0;i<6;i++){ if(Rabbit[i]){ result++; } } if(result==6){ var form= document.getElementById("form1"); form.method="post"; form.action="register.do"; form.submit(); }else{ alert("请根据要求填写"); } } 注:根据这个小例子,我得出结论:

     1表单.验证最好用 onkeyup();

     2.select无需验证;

五、删除确认

var del=document.getElementById("delete"); //删除超链接 function deleteUser(id){ var flag=confirm("真的要删除吗"); if(flag){ location.href="delete.do?id="+id; } }

六、批量删除:用form+deleteAll.do,表单提交

感谢您的阅读,希望我找到好工作。

转载请注明原文地址: https://www.6miu.com/read-94912.html

最新回复(0)