jsp+servlet实现注册，登录等的案例

整体的框架

实体类

public class User {private int id;private String name;private int age;private String password;private String email;public int getId() {return id;}public void setId(int id) {this.id = id;}public String getName() {return name;}public void setName(String name) {this.name = name;}public int getAge() {return age;}public void setAge(int age) {this.age = age;}public String getPassword() {return password;}public void setPassword(String password) {this.password = password;}public String getEmail() {return email;}public void setEmail(String email) {this.email = email;}public User(int id, String name, int age, String password, String email) {super();this.id = id;this.name = name;this.age = age;this.password = password;this.email = email;}public User() {super();}public User(int id) {super();this.id = id;}public User(int id, String name, int age, String password) {super();this.id = id;this.name = name;this.age = age;this.password = password;}public User(String name, int age, String password, String email) {super();this.name = name;this.age = age;this.password = password;this.email = email;}@Overridepublic String toString() {return "User [id=" + id + ", name=" + name + ", age=" + age + ", password=" + password + ", email=" + email+ "]";}}

dao层

public interface UserDao {//关于用户的具体的操作public int addUser(User user);public int delUser(int id);public int updateUser(User user);public User findUserById(int id);public List<User> getAllUser();public User findEmail(String emailaddress);
}

dao层的实现

//继承操作数据库的模板类，就可以直接拿它的方法，不需要new
public class UserDaoImpl extends BaseDaoDbUtils implements UserDao{@Overridepublic int addUser(User user) {int sum=0;String sql="insert into user01(name,age,password,email) value(?,?,?,?)";sum=executeUpdate(sql,user.getName(),user.getAge(),user.getPassword(),user.getEmail());return sum;}@Overridepublic int delUser(int id) {String sql="delete from user01 where id=?";return executeUpdate(sql, id);}@Overridepublic int updateUser(User user) {String sql="update user01 set name=?,age=?,password=?,email=? where id=?";return executeUpdate(sql, user.getName(),user.getAge(),user.getPassword(),user.getEmail(),user.getId());}@Overridepublic User findUserById(int id) {User user=null;String sql="select name,age,password,email from user01 where id=?";ResultSet resultSet=executeQuery(sql, id);try {while(resultSet.next()){user=new User(resultSet.getString(1),resultSet.getInt(2),resultSet.getString(3),resultSet.getString(4));}} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}return user;}@Overridepublic List<User> getAllUser() {String sql="select * from user01";ResultSet resultSet=executeQuery(sql);List<User> list=new ArrayList<User>();try {while(resultSet.next()) {User user=new User(resultSet.getInt(1),resultSet.getString(2),resultSet.getInt(3),resultSet.getString(4),resultSet.getString(5));list.add(user);}} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}return list;}@Overridepublic User findEmail(String emailaddress) {User user=null;String sql="select name,age,password,email from user01 where email=?";ResultSet resultSet=executeQuery(sql, emailaddress);try {while(resultSet.next()){user=new User(resultSet.getString(1),resultSet.getInt(2),resultSet.getString(3),resultSet.getString(4));}} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}return user;}}

工具类

//这是一个具体的工具类，主要完成数据库的连接和具体的数据库的操作
//增，删，改为一个方法，查找为一个方法
public class BaseDaoDbUtils {//连接数据库的属性private static final String driver="com.mysql.cj.jdbc.Driver";private static final String url="jdbc:mysql://localhost:3306/bigdata06?useUnicode=true&characterEncoding=utf8&useSSL=false&&serverTimezone=UTC";private static final String user="root";private static final String password="1234";//进行数据库操作的时候的资源Connection connection=null;//连接java.sql.PreparedStatement preparedStatement=null;//发送数据ResultSet resultSet=null;//结果集//加载驱动static {try {Class.forName(driver);System.out.println("加载驱动成功");} catch (ClassNotFoundException e) {e.printStackTrace();}}//获取连接public Connection getConnection() {try {connection=DriverManager.getConnection(url,user,password);System.out.println("建立连接成功");} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}return connection;//返回连接}//关闭资源public void closeAll() {try {if(resultSet!=null) {resultSet.close();}} catch (SQLException e) {e.printStackTrace();}try {if(preparedStatement!=null) {preparedStatement.close();}} catch (SQLException e) {e.printStackTrace();}try {if(resultSet!=null) {resultSet.close();}} catch (SQLException e) {e.printStackTrace();}}//数据库的增加，删除，查找操作public int executeUpdate(String sql,Object...objects) {int sum=0;//总共有几条数据更新getConnection();//获取数据库的连接try {preparedStatement=connection.prepareStatement(sql);//执行sql语句for(int i=0;i<objects.length;i++) {preparedStatement.setObject(i+1, objects[i]);}sum=preparedStatement.executeUpdate();} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}finally {closeAll();}return sum;}//数据库的查询操作public ResultSet executeQuery(String sql,Object...objects) {getConnection();try {preparedStatement=connection.prepareStatement(sql);for(int i=0;i<objects.length;i++) {preparedStatement.setObject(i+1, objects[i]);}resultSet=preparedStatement.executeQuery();} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}return resultSet;}}

public class Email {// 发件人的 邮箱 和 密码（替换为自己的邮箱和密码）// PS: 某些邮箱服务器为了增加邮箱本身密码的安全性，给 SMTP 客户端设置了独立密码（有的邮箱称为“授权码”）, 对于开启了独立密码的邮箱, 这里的邮箱密码必需使用这个独立密码（授权码）。public static String myEmailAccount = "******";//自己的账号public static String myEmailPassword = "*******";//自己的授权码// 发件人邮箱的 SMTP 服务器地址, 必须准确, 不同邮件服务器地址不同, 一般(只是一般, 绝非绝对)格式为: smtp.xxx.com// 网易163邮箱的 SMTP 服务器地址为: smtp.163.compublic static String myEmailSMTPHost = "smtp.163.com";// 收件人邮箱（替换为自己知道的有效邮箱）public static String receiveMailAccount = "";// 1. 创建参数配置, 用于连接邮件服务器的参数配置static  Properties props = new Properties();  public void sendEmail(String receiveMailAccount,String username,String Password ) throws Exception{// 参数配置1props.setProperty("mail.transport.protocol", "smtp");   // 使用的协议（JavaMail规范要求）props.setProperty("mail.smtp.host", myEmailSMTPHost);   // 发件人的邮箱的 SMTP 服务器地址props.setProperty("mail.smtp.auth", "true");            // 需要请求认证// PS: 某些邮箱服务器要求 SMTP 连接需要使用 SSL 安全认证 (为了提高安全性, 邮箱支持SSL连接, 也可以自己开启),//     如果无法连接邮件服务器, 仔细查看控制台打印的 log, 如果有有类似 “连接失败, 要求 SSL 安全连接” 等错误,//     打开下面 /* ... */ 之间的注释代码, 开启 SSL 安全连接。/*// SMTP 服务器的端口 (非 SSL 连接的端口一般默认为 25, 可以不添加, 如果开启了 SSL 连接,//                  需要改为对应邮箱的 SMTP 服务器的端口, 具体可查看对应邮箱服务的帮助,//                  QQ邮箱的SMTP(SLL)端口为465或587, 其他邮箱自行去查看)final String smtpPort = "465";props.setProperty("mail.smtp.port", smtpPort);props.setProperty("mail.smtp.socketFactory.class", "javax.net.ssl.SSLSocketFactory");props.setProperty("mail.smtp.socketFactory.fallback", "false");props.setProperty("mail.smtp.socketFactory.port", smtpPort);*/// 2. 根据配置创建会话对象, 用于和邮件服务器交互Session session = Session.getDefaultInstance(props);session.setDebug(true);                                 // 设置为debug模式, 可以查看详细的发送 log// 3. 创建一封邮件MimeMessage message = createMimeMessage(session, myEmailAccount, receiveMailAccount,username,Password);// 4. 根据 Session 获取邮件传输对象Transport transport = session.getTransport();// 5. 使用 邮箱账号 和 密码 连接邮件服务器, 这里认证的邮箱必须与 message 中的发件人邮箱一致, 否则报错// //    PS_01: 成败的判断关键在此一句, 如果连接服务器失败, 都会在控制台输出相应失败原因的 log,//           仔细查看失败原因, 有些邮箱服务器会返回错误码或查看错误类型的链接, 根据给出的错误//           类型到对应邮件服务器的帮助网站上查看具体失败原因。////    PS_02: 连接失败的原因通常为以下几点, 仔细检查代码://           (1) 邮箱没有开启 SMTP 服务;//           (2) 邮箱密码错误, 例如某些邮箱开启了独立密码;//           (3) 邮箱服务器要求必须要使用 SSL 安全连接;//           (4) 请求过于频繁或其他原因, 被邮件服务器拒绝服务;//           (5) 如果以上几点都确定无误, 到邮件服务器网站查找帮助。////    PS_03: 仔细看log, 认真看log, 看懂log, 错误原因都在log已说明。transport.connect(myEmailAccount, myEmailPassword);// 6. 发送邮件, 发到所有的收件地址, message.getAllRecipients() 获取到的是在创建邮件对象时添加的所有收件人, 抄送人, 密送人transport.sendMessage(message, message.getAllRecipients());// 7. 关闭连接transport.close();}/*** 创建一封只包含文本的简单邮件** @param session 和服务器交互的会话* @param sendMail 发件人邮箱* @param receiveMail 收件人邮箱* @return* @throws Exception*/public static MimeMessage createMimeMessage(Session session, String sendMail, String receiveMail,String username,String password) throws Exception {// 1. 创建一封邮件MimeMessage message = new MimeMessage(session);// 2. From: 发件人（昵称有广告嫌疑，避免被邮件服务器误认为是滥发广告以至返回失败，请修改昵称）message.setFrom(new InternetAddress(sendMail, "人员管理系统", "UTF-8"));//    Cc: 抄送（可选）message.setRecipient(MimeMessage.RecipientType.CC, new InternetAddress("hfcwxy@163.com", "USER_EE", "UTF-8"));// 3. To: 收件人（可以增加多个收件人、抄送、密送）message.setRecipient(MimeMessage.RecipientType.TO, new InternetAddress(receiveMail, username+"用户", "UTF-8"));// 4. Subject: 邮件主题（标题有广告嫌疑，避免被邮件服务器误认为是滥发广告以至返回失败，请修改标题）message.setSubject("找回密码", "UTF-8");// 5. Content: 邮件正文（可以使用html标签）（内容有广告嫌疑，避免被邮件服务器误认为是滥发广告以至返回失败，请修改发送内容）message.setContent("尊敬的"+username+"你好,你的密码为:"+password, "text/html;charset=UTF-8");// 6. 设置发件时间message.setSentDate(new Date());// 7. 保存设置message.saveChanges();return message;}
}

/*** 用户注册*/
@WebServlet("/LoginAddUserServlet")
public class LoginAddUserServlet extends HttpServlet {private static final long serialVersionUID = 1L;public LoginAddUserServlet() {super();}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doPost(request, response);}protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");response.setContentType("text/html;charset=utf-8");//从前端获取doString dos=request.getParameter("do");//使用printwriter打印信息PrintWriter printWriter=response.getWriter();//打印jsUserDao userDao=new UserDaoImpl();//调用注册的方法addList(dos, request, response, printWriter, userDao);}//从前端获取数据，封装对象，写入数据库public void addList(String dos,HttpServletRequest request, HttpServletResponse response,PrintWriter printWriter,UserDao userDao) {if(dos.equals("addlist")) {String name=request.getParameter("name");//名字要和jsp中的名字一样String password=request.getParameter("password");int age=Integer.valueOf(request.getParameter("age"));String email=request.getParameter("email");User user=new User(name, age, password, email);userDao.addUser(user);printWriter.print("<script>alert('注册成功');window.location.href='login.jsp';</script>");}else {printWriter.print("<script>alert('注册失败,请重新注册');window.location.href='login.jsp';</script>");}}
}

/*** 接收login.jsp过来的数据并验证*/
@WebServlet("/LoginServlet")
public class LoginServlet extends HttpServlet {private static final long serialVersionUID = 1L;public LoginServlet() {super();}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doPut(request, response);}protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");response.setContentType("text/html;charset=utf-8");//连接服务器失败，让js弹窗PrintWriter printWriter=response.getWriter();//前端传过来的标识，用它来进行具体的工作String dos=request.getParameter("do");if(dos==null||dos.equals("")) {dos="login";//登录失败，返回到登录页面}login(dos, request, response);loginValidate(printWriter, dos, request, response);}//登录为空标签时的方法public void login(String dos,HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//传过来的标签时login,重定向到登录界面if(dos.equals("login")) {request.getRequestDispatcher("login.jsp").forward(request, response);}}//传过来的标签不为空的方法  验证方法：接收前端数据，查询数据库，对比public void loginValidate(PrintWriter printWriter,String dos,HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {UserDao userDao=new UserDaoImpl();if(dos.equals("loginValidate")) {String username=request.getParameter("username");String password=request.getParameter("password");List<User>list=userDao.getAllUser();for(int i=0;i<list.size();i++) {if(list.get(i).getName().equals(username) && list.get(i).getPassword().equals(password)) {request.getRequestDispatcher("index.jsp").forward(request, response);return;}else {printWriter.print("<script>alert('你输入的账号或密码不对，请查证后再登录');window.location.href='login.jsp';</script>");}}}}
}

找回密码

/*** 找回密码*/
@WebServlet("/PasswordFindServlet")
public class PasswordFindServlet extends HttpServlet {private static final long serialVersionUID = 1L;public PasswordFindServlet() {super();}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doPost(request, response);}protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");response.setContentType("text/html;charset=utf-8");//从前端获取doString dos=request.getParameter("do");//使用printwriter打印信息PrintWriter printWriter=response.getWriter();UserDao userDao=new UserDaoImpl();   try {email(userDao,dos, printWriter, request, response);} catch (Exception e) {// TODO Auto-generated catch blocke.printStackTrace();}}//发送email的方法public void email(UserDao userDao,String dos,PrintWriter printWriter,HttpServletRequest request, HttpServletResponse response) throws Exception {if(dos.equals("email")) {String emailaddress=request.getParameter("email");//一般要对email进行正则表达式验证//根据email查询数据库，查出name和passwordUser user=userDao.findEmail(emailaddress);if(user!=null) {String username=user.getName();String password=user.getPassword();//通过工具类完成发送邮件Email email=new Email();email.sendEmail(emailaddress, username, password);printWriter.print("<script>alert('你的密码和用户名已发送到邮箱，请注意查收');window.location.href='login.jsp';</script>");return;}else {printWriter.print("<script>alert('邮箱输入错误或不存在');window.location.href='login.jsp';</script>");return;}}}
}

查找并展示

/*** 查找并展示*/
@WebServlet("/SelectServlet")
public class SelectServlet extends HttpServlet {private static final long serialVersionUID = 1L;public SelectServlet() {super();}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doPost(request, response);}//进入到用户管理列出所有的列protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");response.setContentType("text/html;charset=utf-8");String dos=request.getParameter("do");PrintWriter printWriter=response.getWriter();UserDao userDao=new UserDaoImpl();HttpSession session=request.getSession();selectList(dos, session, request, response, printWriter, userDao);}//从数据库中查询数据，封装对象，写入sessionpublic void selectList(String dos,HttpSession session,HttpServletRequest request, HttpServletResponse response,PrintWriter printWriter,UserDao userDao) throws ServletException, IOException {if(dos.equals("user-list")) {List<User> user_list=userDao.getAllUser();session.setAttribute("user_list", user_list);//重定向request.getRequestDispatcher("user-list.jsp").forward(request,response);return;}}
}

修改

/*** 修改*/
@WebServlet("/EditServlet")
public class EditServlet extends HttpServlet {private static final long serialVersionUID = 1L;public EditServlet() {super();}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doPost(request, response);}protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");response.setContentType("text/html;charset=utf-8");String dos=request.getParameter("do");int id=Integer.valueOf(request.getParameter("id"));HttpSession session=request.getSession();UserDao userDao=new UserDaoImpl();PrintWriter printWriter=response.getWriter();edit(dos, id, userDao, session, request, response);edituser(printWriter,dos, userDao, session, request, response);}public void edit(String dos,int id,UserDao userDao,HttpSession session,HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {if(dos.equals("getEdit")) {User user=userDao.findUserById(id);user.setId(id);session.setAttribute("user", user);request.getRequestDispatcher("user-edit.jsp").forward(request, response);return;}}public void edituser(PrintWriter printWriter,String dos,UserDao userDao,HttpSession session,HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {if(dos.equals("edit")) {int id=Integer.valueOf(request.getParameter("id"));String name=request.getParameter("name");int age=Integer.valueOf(request.getParameter("age"));String password=request.getParameter("password");String email=request.getParameter("email");User user=new User(id, name, age, password, email);userDao.updateUser(user);printWriter.print("<script>alert('更新数据成功');window.location.href='user-list.jsp';</script>");      }}
}

jsp直接在网上找到稍微修改就可以用了，以下是我用到的jsp

css.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>
<link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/><link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/><link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/><link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/><link href="media/css/style.css" rel="stylesheet" type="text/css"/><link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/><link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/><link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/><body>

foot.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>
<!-- BEGIN FOOTER --><div class="footer"><div class="footer-inner">2013 &copy; Metronic by keenthemes.Collect from <a href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a> - More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a></div><div class="footer-tools"><span class="go-top"><i class="icon-angle-up"></i></span></div></div><!-- END FOOTER -->

head.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>
<!-- BEGIN HEADER --><div class="header navbar navbar-inverse navbar-fixed-top"><!-- BEGIN TOP NAVIGATION BAR --><div class="navbar-inner"><div class="container-fluid"><!-- BEGIN LOGO --><a class="brand" href="index.jsp"><img src="media/image/logo.png" alt="logo"/></a><!-- END LOGO --><!-- BEGIN RESPONSIVE MENU TOGGLER --><a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse"><img src="media/image/menu-toggler.png" alt="" /></a>          <!-- END RESPONSIVE MENU TOGGLER -->            <!-- BEGIN TOP NAVIGATION MENU -->              <ul class="nav pull-right"><!-- BEGIN NOTIFICATION DROPDOWN -->   <li class="dropdown" id="header_notification_bar"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-warning-sign"></i><span class="badge">6</span></a><ul class="dropdown-menu extended notification"><li><p>你有14个新通知</p></li><li><a href="#"><span class="label label-success"><i class="icon-plus"></i></span>新用户注册.<span class="time">现在</span></a></li><li><a href="#"><span class="label label-important"><i class="icon-bolt"></i></span>服务器超载12.<span class="time">15 分钟</span></a></li><li><a href="#"><span class="label label-warning"><i class="icon-bell"></i></span>服务器#2未响应.<span class="time">22 分钟</span></a></li><li><a href="#"><span class="label label-info"><i class="icon-bullhorn"></i></span>应用程序错误.<span class="time">40 分钟</span></a></li><li><a href="#"><span class="label label-important"><i class="icon-bolt"></i></span>数据库 超载 68%.<span class="time">2 小时</span></a></li><li><a href="#"><span class="label label-important"><i class="icon-bolt"></i></span>2 个用户ip锁定.<span class="time">5 小时</span></a></li><li class="external"><a href="#">想看更多信息... <i class="m-icon-swapright"></i></a></li></ul></li><!-- END NOTIFICATION DROPDOWN --><!-- BEGIN INBOX DROPDOWN --><li class="dropdown" id="header_inbox_bar"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-envelope"></i><span class="badge">5</span></a><ul class="dropdown-menu extended inbox"><li><ip>你有12个新信息</p></li><li><a href="inbox.html?a=view"><span class="photo"><img src="media/image/avatar2.jpg" alt="" /></span><span class="subject"><span class="from">高圆圆</span><span class="time">现在</span></span><span class="message">你好！今天是七夕，一起个饭，晚上看个电影可好！</span>  </a></li><li><a href="inbox.html?a=view"><span class="photo"><img src="./media/image/avatar3.jpg" alt="" /></span><span class="subject"><span class="from">赵又廷</span><span class="time">16 分钟</span></span><span class="message">你好！今天是七夕，一起个饭，晚上看个电影可好！</span>  </a></li><li><a href="inbox.html?a=view"><span class="photo"><img src="./media/image/avatar1.jpg" alt="" /></span><span class="subject"><span class="from">隔壁老王</span><span class="time">2 小时</span></span><span class="message">你好！今天是七夕，一起个饭，晚上看个电影可好！</span>  </a></li><li class="external"><a href="inbox.html">查看所有信息 <i class="m-icon-swapright"></i></a></li></ul></li><!-- END INBOX DROPDOWN --><!-- BEGIN TODO DROPDOWN --><li class="dropdown" id="header_task_bar"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-tasks"></i><span class="badge">5</span></a><ul class="dropdown-menu extended tasks"><li><p>你的12个没有解决的任务</p></li><li><a href="#"><span class="task"><span class="desc">新版本V1.2</span><span class="percent">30%</span></span><span class="progress progress-success "><span style="width: 30%;" class="bar"></span></span></a></li><li><a href="#"><span class="task"><span class="desc">应用部署</span><span class="percent">65%</span></span><span class="progress progress-danger progress-striped active"><span style="width: 65%;" class="bar"></span></span></a></li><li><a href="#"><span class="task"><span class="desc">手机应用程序发布</span><span class="percent">98%</span></span><span class="progress progress-success"><span style="width: 98%;" class="bar"></span></span></a></li><li><a href="#"><span class="task"><span class="desc">数据库迁移</span><span class="percent">10%</span></span><span class="progress progress-warning progress-striped"><span style="width: 10%;" class="bar"></span></span></a></li><li><a href="#"><span class="task"><span class="desc">Web服务器升级</span><span class="percent">58%</span></span><span class="progress progress-info"><span style="width: 58%;" class="bar"></span></span></a></li><li><a href="#"><span class="task"><span class="desc">移动开发</span><span class="percent">85%</span></span><span class="progress progress-success"><span style="width: 85%;" class="bar"></span></span></a></li><li class="external"><a href="#">查看更多的任务 <i class="m-icon-swapright"></i></a></li></ul></li><!-- END TODO DROPDOWN --><!-- BEGIN USER LOGIN DROPDOWN --><li class="dropdown user"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><img alt="" src="media/image/avatar1_small.jpg" /><span class="username">admin</span><i class="icon-angle-down"></i></a><ul class="dropdown-menu"><li><a href="extra_profile.html"><i class="icon-user"></i> 我的简介</a></li><li><a href="page_calendar.html"><i class="icon-calendar"></i>我的日历</a></li><li><a href="inbox.html"><i class="icon-envelope"></i> 我的收件箱(3)</a></li><li><a href="#"><i class="icon-tasks"></i> 我的任务</a></li><li class="divider"></li><li><a href="extra_lock.html"><i class="icon-lock"></i> 锁定屏幕</a></li><li><a href="login.jsp"><i class="icon-key"></i> 退出系统</a></li></ul></li><!-- END USER LOGIN DROPDOWN --></ul><!-- END TOP NAVIGATION MENU --> </div></div><!-- END TOP NAVIGATION BAR --></div><!-- END HEADER -->

js.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>
<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script><script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script><!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip --><script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>      <script src="media/js/bootstrap.min.js" type="text/javascript"></script><!--[if lt IE 9]><script src="media/js/excanvas.min.js"></script><script src="media/js/respond.min.js"></script>  <![endif]-->   <script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script><script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>  <script src="media/js/jquery.cookie.min.js" type="text/javascript"></script><script src="media/js/jquery.uniform.min.js" type="text/javascript" ></script><!-- END CORE PLUGINS --><!-- BEGIN PAGE LEVEL PLUGINS --><script type="text/javascript" src="media/js/select2.min.js"></script><script type="text/javascript" src="media/js/jquery.dataTables.js"></script><script type="text/javascript" src="media/js/DT_bootstrap.js"></script><!-- END PAGE LEVEL PLUGINS --><!-- BEGIN PAGE LEVEL SCRIPTS --><script src="media/js/app.js"></script><script src="media/js/table-editable.js"></script>

nav.jsp


<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>
<ul class="page-sidebar-menu"><li><!-- BEGIN SIDEBAR TOGGLER BUTTON --><div class="sidebar-toggler hidden-phone"></div> <!-- BEGIN SIDEBAR TOGGLER BUTTON --></li><li><!-- BEGIN RESPONSIVE QUICK SEARCH FORM --><form class="sidebar-search"><div class="input-box"><a href="javascript:;" class="remove"></a> <input type="text"placeholder="搜索..." /> <input type="button" class="submit"value=" " /></div></form> <!-- END RESPONSIVE QUICK SEARCH FORM --></li><li class="start active "><a href="index.jsp"> <iclass="icon-home"></i> <span class="title">后台首页</span> <spanclass="selected"></span></a></li><li class="last"><a href="javascript:;"> <i class="icon-user"></i><span class="title">用户管理</span> <span class="arrow "></span></a><ul class="sub-menu"><li><a href="SelectServlet?do=user-list">用户管理</a></li><li><a href="AddServlet?do=add">添加用户</a></li></ul></li><!--权限管理  --><li class="last"><a href="javascript:;"> <iclass="icon-lock"></i> <span class="title">商品管理</span> <spanclass="arrow "></span></a><ul class="sub-menu"><li><a href="GoodsSelectServlet?do=goods-list">商品管理</a></li><li><a href="AddGoodsServlet?do=add">添加商品</a></li></ul></li><!--菜单管理  --><li class="last"><a href="javascript:;"> <iclass="icon-sitemap"></i> <span class="title">菜单管理</span> <spanclass="arrow "></span></a><ul class="sub-menu"><li><a href="user-list.jsp">菜单列表</a></li><li><a href="user-list.jsp">添加菜单</a></li></ul></li></ul>

pagehesd.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>
<div class="row-fluid"><div class="span12"><!-- BEGIN STYLE CUSTOMIZER --><div class="color-panel hidden-phone"><div class="color-mode-icons icon-color"></div><div class="color-mode-icons icon-color-close"></div><div class="color-mode"><p>主题色</p><ul class="inline"><li class="color-black current color-default" data-style="default"></li><li class="color-blue" data-style="blue"></li><li class="color-brown" data-style="brown"></li><li class="color-purple" data-style="purple"></li><li class="color-grey" data-style="grey"></li><li class="color-white color-light" data-style="light"></li></ul><label><span>布局</span><select class="layout-option m-wrap small"><option value="fluid" selected>Fluid</option><option value="boxed">Boxed</option></select></label><label><span>头部</span><select class="header-option m-wrap small"><option value="fixed" selected>Fixed</option><option value="default">Default</option></select></label><label><span>侧边栏</span><select class="sidebar-option m-wrap small"><option value="fixed">Fixed</option><option value="default" selected>Default</option></select></label><label><span>底部</span><select class="footer-option m-wrap small"><option value="fixed">Fixed</option><option value="default" selected>Default</option></select></label></div></div><!-- END BEGIN STYLE CUSTOMIZER -->    <!-- BEGIN PAGE TITLE & BREADCRUMB--><h3 class="page-title">后台首页</h3><ul class="breadcrumb"><li><i class="icon-home"></i><a href="index.jsp">首页</a><i class="icon-angle-right"></i></li><li><a href="#">后台管理</a></li><li class="pull-right no-text-shadow"><div id="dashboard-report-range" class="dashboard-date-range tooltips no-tooltip-on-touch-device responsive" data-tablet="" data-desktop="tooltips" data-placement="top" data-original-title="Change dashboard date range"><i class="icon-calendar"></i><span></span><i class="icon-angle-down"></i></div></li></ul><!-- END PAGE TITLE & BREADCRUMB--></div></div><!-- END PAGE HEADER-->

index.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%><!DOCTYPE html><!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]--><!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]--><!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]--><!-- BEGIN HEAD --><head><meta charset="utf-8" /><title>Metronic | Admin Dashboard Template</title><meta content="width=device-width, initial-scale=1.0" name="viewport" /><meta content="" name="description" /><meta content="" name="author" /><!-- BEGIN GLOBAL MANDATORY STYLES --><link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/><link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/><link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/><link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/><link href="media/css/style.css" rel="stylesheet" type="text/css"/><link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/><link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/><link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/><!-- END GLOBAL MANDATORY STYLES --><!-- BEGIN PAGE LEVEL STYLES --> <link href="media/css/jquery.gritter.css" rel="stylesheet" type="text/css"/><link href="media/css/daterangepicker.css" rel="stylesheet" type="text/css" /><link href="media/css/fullcalendar.css" rel="stylesheet" type="text/css"/><link href="media/css/jqvmap.css" rel="stylesheet" type="text/css" media="screen"/><link href="media/css/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/><!-- END PAGE LEVEL STYLES --><link rel="shortcut icon" href="media/image/favicon.ico" /></head><!-- END HEAD --><!-- BEGIN BODY --><body class="page-header-fixed"><jsp:include page="pageResources/head.jsp"></jsp:include><div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div><!-- BEGIN CONTAINER --><div class="page-container"><!-- BEGIN SIDEBAR --><div class="page-sidebar nav-collapse collapse"><!-- BEGIN SIDEBAR MENU -->        <jsp:include page="pageResources/nav.jsp"></jsp:include><!-- END SIDEBAR MENU --></div><!-- END SIDEBAR --><!-- BEGIN PAGE --><div class="page-content"><!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM--><div id="portlet-config" class="modal hide"><div class="modal-header"><button data-dismiss="modal" class="close" type="button"></button><h3>Widget Settings</h3></div><div class="modal-body">Widget settings form goes here</div></div><!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM--><!-- BEGIN PAGE CONTAINER--><div class="container-fluid"><!-- BEGIN PAGE HEADER--><jsp:include page="pageResources/pagehead.jsp"></jsp:include><div id="dashboard"><!-- BEGIN DASHBOARD STATS --><div class="row-fluid"><div class="span3 responsive" data-tablet="span6" data-desktop="span3"><div class="dashboard-stat blue"><div class="visual"><i class="icon-comments"></i></div><div class="details"><div class="number">1349</div><div class="desc">                           实时消息</div></div><a class="more" href="#">更多... <i class="m-icon-swapright m-icon-white"></i></a>                 </div></div><div class="span3 responsive" data-tablet="span6" data-desktop="span3"><div class="dashboard-stat green"><div class="visual"><i class="icon-shopping-cart"></i></div><div class="details"><div class="number">549</div><div class="desc">实时订单</div></div><a class="more" href="#">更多... <i class="m-icon-swapright m-icon-white"></i></a>                 </div></div><div class="span3 responsive" data-tablet="span6  fix-offset" data-desktop="span3"><div class="dashboard-stat purple"><div class="visual"><i class="icon-globe"></i></div><div class="details"><div class="number">+89%</div><div class="desc">知名度</div></div><a class="more" href="#">更多... <i class="m-icon-swapright m-icon-white"></i></a>                 </div></div><div class="span3 responsive" data-tablet="span6" data-desktop="span3"><div class="dashboard-stat yellow"><div class="visual"><i class="icon-bar-chart"></i></div><div class="details"><div class="number">12,5M$</div><div class="desc">总利润</div></div><a class="more" href="#">更多... <i class="m-icon-swapright m-icon-white"></i></a>                 </div></div></div><!-- END DASHBOARD STATS --><div class="clearfix"></div><div class="row-fluid"><div class="span6"><!-- BEGIN PORTLET--><div class="portlet solid bordered light-grey"><div class="portlet-title"><div class="caption"><i class="icon-bar-chart"></i>实时状况</div><div class="tools"><div class="btn-group pull-right" data-toggle="buttons-radio"><a href="" class="btn mini">用户量</a><a href="" class="btn mini active">反馈信息</a></div></div></div><div class="portlet-body"><div id="site_statistics_loading"><img src="media/image/loading.gif" alt="loading" /></div><div id="site_statistics_content" class="hide"><div id="site_statistics" class="chart"></div></div></div></div><!-- END PORTLET--></div><div class="span6"><!-- BEGIN PORTLET--><div class="portlet solid light-grey bordered"><div class="portlet-title"><div class="caption"><i class="icon-bullhorn"></i>应用</div><div class="tools"><div class="btn-group pull-right" data-toggle="buttons-radio"><a href="" class="btn blue mini active">用户</a><a href="" class="btn blue mini">订单</a></div></div></div><div class="portlet-body"><div id="site_activities_loading"><img src="media/image/loading.gif" alt="loading" /></div><div id="site_activities_content" class="hide"><div id="site_activities" style="height:100px;"></div></div></div></div><!-- END PORTLET--><!-- BEGIN PORTLET--><div class="portlet solid bordered light-grey"><div class="portlet-title"><div class="caption"><i class="icon-signal"></i>服务加载</div><div class="tools"><div class="btn-group pull-right" data-toggle="buttons-radio"><a href="" class="btn red mini active"><span class="hidden-phone">数据</span><a href="" class="btn red mini">Web应用</a></div></div></div><div class="portlet-body"><div id="load_statistics_loading"><img src="media/image/loading.gif" alt="loading" /></div><div id="load_statistics_content" class="hide"><div id="load_statistics" style="height:108px;"></div></div></div></div><!-- END PORTLET--></div></div><div class="clearfix"></div><div class="row-fluid"><div class="span6"><div class="portlet box purple"><div class="portlet-title"><div class="caption"><i class="icon-calendar"></i>数据统计</div><div class="actions"><a href="javascript:;" class="btn yellow easy-pie-chart-reload"><i class="icon-repeat"></i>刷新</a></div></div><div class="portlet-body"><div class="row-fluid"><div class="span4"><div class="easy-pie-chart"><div class="number transactions"  data-percent="55"><span>+55</span>%</div><a class="title" href="#">交易量 <i class="m-icon-swapright"></i></a></div></div><div class="margin-bottom-10 visible-phone"></div><div class="span4"><div class="easy-pie-chart"><div class="number visits"  data-percent="85"><span>+85</span>%</div><a class="title" href="#">新访问 <i class="m-icon-swapright"></i></a></div></div><div class="margin-bottom-10 visible-phone"></div><div class="span4"><div class="easy-pie-chart"><div class="number bounce"  data-percent="46"><span>-46</span>%</div><a class="title" href="#">二次交易 <i class="m-icon-swapright"></i></a></div></div></div></div></div></div><div class="span6"><div class="portlet box blue"><div class="portlet-title"><div class="caption"><i class="icon-calendar"></i>服务器状态</div><div class="tools"><a href="" class="collapse"></a><a href="#portlet-config" data-toggle="modal" class="config"></a><a href="" class="reload"></a><a href="" class="remove"></a></div></div><div class="portlet-body"><div class="row-fluid"><div class="span4"><div class="sparkline-chart"><div class="number" id="sparkline_bar"></div><a class="title" href="#">网络加载 <i class="m-icon-swapright"></i></a></div></div><div class="margin-bottom-10 visible-phone"></div><div class="span4"><div class="sparkline-chart"><div class="number" id="sparkline_bar2"></div><a class="title" href="#">CPU使用 <i class="m-icon-swapright"></i></a></div></div><div class="margin-bottom-10 visible-phone"></div><div class="span4"><div class="sparkline-chart"><div class="number" id="sparkline_line"></div><a class="title" href="#">负荷率 <i class="m-icon-swapright"></i></a></div></div></div></div></div></div></div><div class="clearfix"></div><div class="row-fluid"><div class="span6"></div><div class="clearfix"></div><div class="row-fluid"></div></div></div><!-- END PAGE CONTAINER-->    </div><!-- END PAGE --></div><!-- END CONTAINER --><!-- BEGIN FOOTER --><div class="footer"><div class="footer-inner"><!--2013 &copy; Metronic by keenthemes.Collect from <a href="http://www.cssmoban.com/" title="后台管理平台"</a> - More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a>
--></div><div class="footer-tools"><span class="go-top"><i class="icon-angle-up"></i></span></div></div><!-- END FOOTER --><!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --><!-- BEGIN CORE PLUGINS --><script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script><script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script><!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip --><script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>      <script src="media/js/bootstrap.min.js" type="text/javascript"></script><!--[if lt IE 9]><script src="media/js/excanvas.min.js"></script><script src="media/js/respond.min.js"></script>  <![endif]-->   <script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script><script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>  <script src="media/js/jquery.cookie.min.js" type="text/javascript"></script><script src="media/js/jquery.uniform.min.js" type="text/javascript" ></script><!-- END CORE PLUGINS --><!-- BEGIN PAGE LEVEL PLUGINS --><script src="media/js/jquery.vmap.js" type="text/javascript"></script>   <script src="media/js/jquery.vmap.russia.js" type="text/javascript"></script><script src="media/js/jquery.vmap.world.js" type="text/javascript"></script><script src="media/js/jquery.vmap.europe.js" type="text/javascript"></script><script src="media/js/jquery.vmap.germany.js" type="text/javascript"></script><script src="media/js/jquery.vmap.usa.js" type="text/javascript"></script><script src="media/js/jquery.vmap.sampledata.js" type="text/javascript"></script>  <script src="media/js/jquery.flot.js" type="text/javascript"></script><script src="media/js/jquery.flot.resize.js" type="text/javascript"></script><script src="media/js/jquery.pulsate.min.js" type="text/javascript"></script><script src="media/js/date.js" type="text/javascript"></script><script src="media/js/daterangepicker.js" type="text/javascript"></script>     <script src="media/js/jquery.gritter.js" type="text/javascript"></script><script src="media/js/fullcalendar.min.js" type="text/javascript"></script><script src="media/js/jquery.easy-pie-chart.js" type="text/javascript"></script><script src="media/js/jquery.sparkline.min.js" type="text/javascript"></script>  <!-- END PAGE LEVEL PLUGINS --><!-- BEGIN PAGE LEVEL SCRIPTS --><script src="media/js/app.js" type="text/javascript"></script><script src="media/js/index.js" type="text/javascript"></script>        <!-- END PAGE LEVEL SCRIPTS -->  <script>jQuery(document).ready(function() {    App.init(); // initlayout and core pluginsIndex.init();Index.initJQVMAP(); // init index page's custom scriptsIndex.initCalendar(); // init index page's custom scriptsIndex.initCharts(); // init index page's custom scriptsIndex.initChat();Index.initMiniCharts();Index.initDashboardDaterange();Index.initIntro();});</script><!-- END JAVASCRIPTS --></body><!-- END BODY --></html>

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html><!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--><!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--><!--[if !IE]><!--> <html lang="en"> <!--<![endif]--><!-- BEGIN HEAD --><head><meta charset="utf-8" /><title>Metronic | 后台登录</title><meta content="width=device-width, initial-scale=1.0" name="viewport" /><meta content="" name="description" /><meta content="" name="author" /><!-- BEGIN GLOBAL MANDATORY STYLES --><link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/><link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/><link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/><link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/><link href="media/css/style.css" rel="stylesheet" type="text/css"/><link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/><link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/><link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/><!-- END GLOBAL MANDATORY STYLES --><!-- BEGIN PAGE LEVEL STYLES --><link href="media/css/login-soft.css" rel="stylesheet" type="text/css"/><!-- END PAGE LEVEL STYLES --><link rel="shortcut icon" href="media/image/favicon.ico" /></head><!-- END HEAD --><!-- BEGIN BODY --><body class="login"><!-- BEGIN LOGO --><div class="logo"><!-- <img src="media/image/logo-big.png" alt="" />  --><h1>后台管理平台</h1></div><!-- END LOGO --><!-- BEGIN LOGIN --><div class="content"><!-- BEGIN LOGIN FORM --><form class="form-vertical login-form" action="LoginServlet?do=loginValidate" method="post"><h3 class="form-title">登录到你的账户</h3><div class="alert alert-error hide"><button class="close" data-dismiss="alert"></button><span>请你输入你的账号和密码.</span></div><div class="control-group"><!--ie8, ie9 does not support html5 placeholder, so we just show field title for that--><label class="control-label visible-ie8 visible-ie9">用户名</label><div class="controls"><div class="input-icon left"><i class="icon-user"></i><input class="m-wrap placeholder-no-fix" type="text" placeholder="用户名/手机号/微信号" name="username"/></div></div></div><div class="control-group"><label class="control-label visible-ie8 visible-ie9">密码</label><div class="controls"><div class="input-icon left"><i class="icon-lock"></i><input class="m-wrap placeholder-no-fix" type="password" placeholder="密码" name="password"/></div></div></div><div class="form-actions"><label class="checkbox"><input type="checkbox" name="remember" value="1"/> 记住我</label><button type="submit" class="btn blue pull-right">登录 <i class="m-icon-swapright m-icon-white"></i></button>            </div><div class="forget-password"><h4>忘记了你的密码 ?</h4><p>不用担心，点击 <a href="javascript:;" class="" id="forget-password">这里</a>找回你的密码！！！</p></div><div class="create-account"><p>如果你还没有账号 ?&nbsp; <a href="javascript:;" id="register-btn" class="">创建账户</a></p></div></form><!-- END LOGIN FORM -->        <!-- BEGIN FORGOT PASSWORD FORM --><form class="form-vertical forget-form" action="PasswordFindServlet?do=email" method="post"><h3 class="">忘记密码 ?</h3><p>请输入您的电子邮件地址以重置密码.</p><div class="control-group"><div class="controls"><div class="input-icon left"><i class="icon-envelope"></i><input class="m-wrap placeholder-no-fix" type="text" placeholder="Email" name="email" /></div></div></div><div class="form-actions"><button type="button" id="back-btn" class="btn"><i class="m-icon-swapleft"></i> 返回</button><button type="submit" class="btn blue pull-right">提交 <i class="m-icon-swapright m-icon-white"></i></button>            </div></form><!-- END FORGOT PASSWORD FORM --><!-- BEGIN REGISTRATION FORM --><form class="form-vertical register-form" action="LoginAddUserServlet?do=addlist" method="post"><h3 class="">注册</h3><p>输入您的帐户详情如下：</p><div class="control-group"><label class="control-label visible-ie8 visible-ie9">Username</label><div class="controls"><div class="input-icon left"><i class="icon-user"></i><input class="m-wrap placeholder-no-fix" type="text" placeholder="用户名/手机号/微信号" name="name"/></div></div></div><div class="control-group"><label class="control-label visible-ie8 visible-ie9">Password</label><div class="controls"><div class="input-icon left"><i class="icon-lock"></i><input class="m-wrap placeholder-no-fix" type="password" id="register_password" placeholder="密码" name="password"/></div></div></div><div class="control-group"><label class="control-label visible-ie8 visible-ie9">重新键入密码</label><div class="controls"><div class="input-icon left"><i class="icon-ok"></i><input class="m-wrap placeholder-no-fix" type="password" placeholder="重新键入密码" name="rpassword"/></div></div></div><div class="control-group"><label class="control-label visible-ie8 visible-ie9">年龄</label><div class="controls"><div class="input-icon left"><i class="icon-ok"></i><input class="m-wrap placeholder-no-fix" type="text" placeholder="年龄" name="age"/></div></div></div><div class="control-group"><!--ie8, ie9 does not support html5 placeholder, so we just show field title for that--><label class="control-label visible-ie8 visible-ie9">邮箱</label><div class="controls"><div class="input-icon left"><i class="icon-envelope"></i><input class="m-wrap placeholder-no-fix" type="text" placeholder="Email" name="email"/></div></div></div><div class="control-group"><div class="controls"><label class="checkbox"><input type="checkbox" name="tnc"/>同意 <a href="#" >服务条款</a> 和 <a href="#">隐私政策</a></label>  <div id="register_tnc_error"></div></div></div><div class="form-actions"><button id="register-back-btn" type="button" class="btn"><i class="m-icon-swapleft"></i>  返回</button><button type="submit" id="register-submit-btn" class="btn blue pull-right">提交 <i class="m-icon-swapright m-icon-white"></i></button>            </div></form><!-- END REGISTRATION FORM --></div><!-- END LOGIN --><!-- BEGIN COPYRIGHT --><div class="copyright">2013 &copy; 通用系统后台管理平台.</div><!-- END COPYRIGHT --><!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --><!-- BEGIN CORE PLUGINS --><script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script><script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script><!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip --><script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>      <script src="media/js/bootstrap.min.js" type="text/javascript"></script><!--[if lt IE 9]><script src="media/js/excanvas.min.js"></script><script src="media/js/respond.min.js"></script>  <![endif]-->   <script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script><script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>  <script src="media/js/jquery.cookie.min.js" type="text/javascript"></script><script src="media/js/jquery.uniform.min.js" type="text/javascript" ></script><!-- END CORE PLUGINS --><!-- BEGIN PAGE LEVEL PLUGINS --><script src="media/js/jquery.validate.min.js" type="text/javascript"></script><script src="media/js/jquery.backstretch.min.js" type="text/javascript"></script><!-- END PAGE LEVEL PLUGINS --><!-- BEGIN PAGE LEVEL SCRIPTS --><script src="media/js/app.js" type="text/javascript"></script><!--  <script src="media/js/login-soft.js" type="text/javascript"></script>      --><!-- END PAGE LEVEL SCRIPTS --> <script>jQuery(document).ready(function() {     App.init();Login.init();});/*丢失密码的时候显示找回页面  */jQuery('#forget-password').click(function () {jQuery('.login-form').hide();jQuery('.forget-form').show();});jQuery('#back-btn').click(function () {jQuery('.login-form').show();jQuery('.forget-form').hide();});/*没有注册的时候点击跳转到注册页面  */jQuery('#register-btn').click(function () {jQuery('.login-form').hide();jQuery('.register-form').show();});jQuery('#register-back-btn').click(function () {jQuery('.login-form').show();jQuery('.register-form').hide();});$.backstretch(["media/image/bg/1.jpg","media/image/bg/2.jpg","media/image/bg/3.jpg","media/image/bg/4.jpg"], {fade: 1000,duration: 4000});</script><!-- END JAVASCRIPTS --></body><!-- END BODY --></html>

user-edit.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%><!DOCTYPE html><!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--><!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--><!--[if !IE]><!--> <html lang="en"> <!--<![endif]--><!-- BEGIN HEAD --><head><meta charset="utf-8" /><title>修改用户信息页面</title><meta content="width=device-width, initial-scale=1.0" name="viewport" /><meta content="" name="description" /><meta content="" name="author" /><!-- BEGIN GLOBAL MANDATORY STYLES --><jsp:include page="pageResources/css.jsp"></jsp:include><!-- END GLOBAL MANDATORY STYLES --><!-- BEGIN PAGE LEVEL STYLES --><link rel="stylesheet" type="text/css" href="media/css/select2_metro.css" /><link rel="stylesheet" href="media/css/DT_bootstrap.css" /><!-- END PAGE LEVEL STYLES --><link rel="shortcut icon" href="media/image/favicon.ico" /></head><!-- END HEAD --><!-- BEGIN BODY --><body class="page-header-fixed"><jsp:include page="pageResources/head.jsp"></jsp:include><!-- BEGIN CONTAINER --><div class="page-container row-fluid"><!-- BEGIN SIDEBAR --><div class="page-sidebar nav-collapse collapse"><jsp:include page="pageResources/nav.jsp"></jsp:include>   </div><!-- END SIDEBAR --><!-- BEGIN PAGE --><div class="page-content"><!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM--><div id="portlet-config" class="modal hide"><div class="modal-header"><button data-dismiss="modal" class="close" type="button"></button><h3>portlet Settings</h3></div><div class="modal-body"><p>Here will be a configuration form</p></div></div><!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM--><!-- BEGIN PAGE CONTAINER-->        <div class="container-fluid"><!-- BEGIN PAGE HEADER--><jsp:include page="pageResources/pagehead.jsp"></jsp:include><!-- END PAGE HEADER--><div class="portlet-body form"><form action="EditServlet?do=edit" method="post" class="horizontal-form"><div class="row-fluid"><div class="span12 "><div class="control-group"><label class="control-label">姓名</label><div class="controls"><input type="text" name="name" value="${user.name }"  class="m-wrap span12"></div></div></div></div><div class="row-fluid"><div class="span12 "><div class="control-group"><label class="control-label">年龄</label><div class="controls"><input type="text" name="age" value="${user.age }" class="m-wrap span12"></div></div></div></div><div class="row-fluid"><div class="span12 "><div class="control-group"><label class="control-label">密码</label><div class="controls"><input type="password"  name="password" value="${user.password }" class="m-wrap span12"><input type="hidden"  name="id" value="${user.id }"></div></div></div></div><div class="row-fluid"><div class="span12 "><div class="control-group"><label class="control-label">邮箱</label><div class="controls"><input type="text" name="email" value="${user.email }" class="m-wrap span12"></div></div></div></div><div class="form-actions"><button type="submit" class="btn blue"><i class="icon-ok"></i> 提交</button><button type="button" class="btn">取消</button></div></form></div></div><!-- END PAGE CONTAINER--></div><!-- END PAGE --></div><!-- END CONTAINER --><jsp:include page="pageResources/foot.jsp"></jsp:include><!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --><!-- BEGIN CORE PLUGINS --><jsp:include page="pageResources/js.jsp"></jsp:include><script>jQuery(document).ready(function() {       App.init();TableEditable.init();});</script></body><!-- END BODY --></html>

user-list.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><!DOCTYPE html><!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--><!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--><!--[if !IE]><!-->
<html lang="en">
<!--<![endif]--><!-- BEGIN HEAD --><head><meta charset="utf-8" /><title>用户管理</title><meta content="width=device-width, initial-scale=1.0" name="viewport" /><meta content="" name="description" /><meta content="" name="author" /><!-- BEGIN GLOBAL MANDATORY STYLES --><jsp:include page="pageResources/css.jsp"></jsp:include><!-- END GLOBAL MANDATORY STYLES --><!-- BEGIN PAGE LEVEL STYLES --><link rel="stylesheet" type="text/css"href="media/css/select2_metro.css" /><link rel="stylesheet" href="media/css/DT_bootstrap.css" /><!-- END PAGE LEVEL STYLES --><link rel="shortcut icon" href="media/image/favicon.ico" /></head><!-- END HEAD --><!-- BEGIN BODY --><body class="page-header-fixed"><jsp:include page="pageResources/head.jsp"></jsp:include><!-- BEGIN CONTAINER --><div class="page-container row-fluid"><!-- BEGIN SIDEBAR --><div class="page-sidebar nav-collapse collapse"><jsp:include page="pageResources/nav.jsp"></jsp:include></div><!-- END SIDEBAR --><!-- BEGIN PAGE --><div class="page-content"><!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM--><div id="portlet-config" class="modal hide"><div class="modal-header"><button data-dismiss="modal" class="close" type="button"></button><h3>portlet Settings</h3></div><div class="modal-body"><p>Here will be a configuration form</p></div></div><!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM--><!-- BEGIN PAGE CONTAINER--><div class="container-fluid"><!-- BEGIN PAGE HEADER--><jsp:include page="pageResources/pagehead.jsp"></jsp:include><!-- END PAGE HEADER--><!-- BEGIN EXAMPLE TABLE PORTLET--><div class="portlet box blue"><div class="portlet-title"><div class="caption"><i class="icon-edit"></i>用户列表</div><div class="tools"><a href="javascript:;" class="collapse"></a> <ahref="#portlet-config" data-toggle="modal" class="config"></a> <ahref="javascript:;" class="reload"></a> <a href="javascript:;"class="remove"></a></div></div><div class="portlet-body"><div class="clearfix"><div class="btn-group"><button id="sample_editable_1_new" class="btn green">添加 <i class="icon-plus"></i></button> </div><div class="btn-group pull-right"><button class="btn dropdown-toggle" data-toggle="dropdown">工具 <i class="icon-angle-down"></i></button><ul class="dropdown-menu pull-right"><li><a href="#">打印</a></li><li><a href="#">保存为PDF</a></li><li><a href="#">导出到 Excel</a></li></ul></div></div><table class="table table-striped table-hover table-bordered"id="sample_editable_1"><thead><tr><th>编号</th><th>用户名</th><th>年龄</th><th>邮箱</th><th>操作</th></tr></thead><tbody><!-- ulist是servlet放到serssion中的，这里循环把他们取出来 --><c:forEach items="${user_list}" var="list"><tr><td>${list.id }</td><td>${list.name }</td><td>${list.age }</td><td>${list.email }</td><td><a href="EditServlet?do=getEdit&id=${list.id }">修改</a><a href="DeleteServlet?do=del&id=${list.id}" οnclick="javascript:return confirm('确认删除吗？');">删除</a></td></tr></c:forEach></tbody></table></div></div><!-- END EXAMPLE TABLE PORTLET--></div><!-- END PAGE CONTAINER--></div><!-- END PAGE --></div><!-- END CONTAINER --><!-- BEGIN FOOTER --><jsp:include page="pageResources/foot.jsp"></jsp:include><!-- END FOOTER --><!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --><!-- BEGIN CORE PLUGINS --><jsp:include page="pageResources/js.jsp"></jsp:include><script>jQuery(document).ready(function() {       App.init();TableEditable.init();});</script></body><!-- END BODY --></html>

jsp+servlet实现注册，登录等的案例相关推荐

Jsp+Servlet+MYSQL注册登录案例(界面难看，ε=(´ο｀*)))唉)
注册登录界面尤为常见,我的界面尤为难看,勉为其难的写吧,前端不熟就是这样... 这个案例运用到了: 1.Jsp动态页面--->动态页面 2.Servlet逻辑判断后台---->实现界面与数 ...
基于 JSP + Servlet 的用户登录验证
综合案例--基于 JSP + Servlet 的用户登录验证 [例6-1] 实现一个简单的用户登录验证程序,如果用户名是 abc ,密码是 123,则显示欢迎用户的信息,否则显示"用户名或密 ...
基于Java+JSP+Servlet的网上商城源码案例
源码编号:F-B15 项目类型:Java web项目(开源免费) 项目名称:基于JSP+Servlet的网上商城(交易吧) 项目架构:B/S架构开发语言:Java语言前端技术:HTML.CSS.J ...
jsp+servlet实现简单登录页面功能Demo
小白新路历程-1 实现功能: 模拟简单登录功能,登录成功跳转新页面,登录失败在原登录界面提示登录失败信息开发环境: eclipse Tomcat-8.0 预备知识: HTML标签,Servlet相关 ...
JSP连接数据库实现注册登录
1.使用单例来连接数据库 //数据库的连接使用单例来连接一次即可,执行完sql语句后如果没有结束就不能关流不然后边就不能再去执行sql语句 public class JDBCUtils1 { ...
【java项目学习笔记】基于servlet+jsp+jdbc的注册登录系统
目录项目介绍准备工作前端实现后端实现项目介绍实现效果: 首先进行注册,注册成功后自动跳转到登录界面,用先前注册的账号进行登录注册成功和登录成功的信息会在后端控制台打印用户注册的信息记录 ...
Jsp/Servlet中实现登录注册功能
目录 index.jsp: login.jsp: register.jsp: personCenter.jsp: User.java: DBUtil.java: LoginServlet.java: ...
编程小白的计算机毕业设计指导开发教程-JSP+Servlet实现注册登陆功能
一.Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBean模式(MVC)适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp ...
JSP连接数据库实现注册登录（附带上传头像）
完成登录程序,可进行注册,需进行头像的上传,登录成功之后,可进行注销和进行个人信息修改,并且可以修改头像. 公共方法: 文件自动取名FileNameAuto package cn.lizhi.pub; ...

jsp+servlet实现注册，登录等的案例

jsp+servlet实现注册，登录等的案例

jsp+servlet实现注册，登录等的案例相关推荐

最新文章

热门文章