对javaweb在线投票系统分析与总结

1.源码与sql 百度云盘链接

链接：https://pan.baidu.com/s/1WcKSAxaVQTQwPcKtb8856g 提取码：jog5   

2.项目层次结构

项目基于MVC分层有利于开发， 条理清晰，层次分明

层次结构 com.lj.bean实体类，数据存储的模型com.lj.dao数据访问层 抽象方法，只涉及增删改查com.li.daoImp数据库访问层的实现com.li.filter拦截器com.li.servlet控制层，业务逻辑处理com.li.test测试com.li.util工具类

3.登录初步讲解

采用form表单提交用户名与密码 提交方式post 地址路径LoginServlet 通过注释or web.xml配置

<form action="LoginServlet" method="post" onsubmit="return check();"> <table> <tbody> <tr> <td>账户:</td> <td><input type="text" name="username" id="username"></td> </tr> <tr> <td>密码:</td> <td><input type="password" name="password" id="password"></td> </tr> <tr> <td></td> <td><input type="submit" value=" " style="width: 77px; height: 32px; border: 0; background: url(<%=basePath%>img/button_submit.gif);"> <a href="admin/reg.jsp">新用户注册</a></td> </tr> </tbody> </table> </form>

点击submint 事件触发器οnsubmit="return check();" 通过js前端判断用户名或密码是否为空 ，返回true 执行操作，false不执行

<script> function check() { if (username.value == "" || username.value == null || password.value == "" || password.value == null) { alert("用户名或密码不能为空！") return false } } </script>

3.注册 讲解ajax 局部刷新验证用户名是否重复

function checkname() { //获取id为username的标签的值 var name = document.getElementById("username").value; //地址，json数据,返回函数data接收 $.get("../AjaxRegisterServlet", { "user_name" : name }, function(data) { //获取id为msg的标签的值 var msg = document.getElementById("msg"); //将msg的属性设置为data msg.innerHTML = data; msg.value = data; }); }