精华内容
下载资源
问答
  • 至于如何配值数据库和连接数据库,网上有很多教程,我就不多说,关键就是连接数据库用的JDBC.jar一定要有并且把它放在图中的位置。其他诸如CSS和JS可以自由发挥,不用局限于我的工程文件。工作软件我用的是eclipse和...

    1.工程文件
    在这里插入图片描述
    至于如何配值数据库和连接数据库,网上有很多教程,我就不多说,关键就是连接数据库用的JDBC.jar一定要有并且把它放在图中的位置(sqljdbc4.jar)。其他诸如CSS和JS可以自由发挥,不用局限于我的工程文件。工作软件我用的是eclipse和SQL2008R2(官网可下)

    2.Chack.jsp

    <%@ page language="java" import="java.util.*,java.sql.*" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Check Page</title>
    </head>
    <body>
    <% 
      String username="";
      String password="";
      username=request.getParameter("username");
      username=new String(username.getBytes("iso-8859-1"),"UTF-8");//编码转换,保证识别中文登录名
      password=request.getParameter("password");
      //out.println(username);
      String driverName="com.microsoft.sqlserver.jdbc.SQLServerDriver";
      String dbURL="jdbc:sqlserver://localhost:1433;DatabaseName=login";
      String userName="sa";//数据库用户名
      String userPwd="123456";//数据库密码
      String sql="select Username from users where Username='"+username+"'";
      String sql1="select Password from users where Password='"+password+"'";
      //out.println(sql);
      Class.forName(driverName);
      Connection stmt=DriverManager.getConnection(dbURL,userName,userPwd);
      
      Statement stmt1=stmt.createStatement();
      Statement stmt2=stmt.createStatement();
      ResultSet rs=stmt1.executeQuery(sql);
      ResultSet rs1=stmt2.executeQuery(sql1);
      if(rs.next()&&rs1.next()){
    	  request.getRequestDispatcher("suc.jsp").forward(request, response);
      }
      else{
    	  request.getRequestDispatcher("fail.jsp").forward(request, response);
      }
    %>
    </body>
    </html>
    

    3.fail.jsp

    <%@ page language="java" import="java.util.*,java.sql.*" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>登录失败</title>
    </head>
    <body>
    <%
    String username="";
    String password="";
    username=request.getParameter("username");
    password=request.getParameter("password");
    //out.println(username);
    //out.println(username);
      String driverName="com.microsoft.sqlserver.jdbc.SQLServerDriver";
      String dbURL="jdbc:sqlserver://localhost:1433;DatabaseName=login";
      String userName="sa";
      String userPwd="123456";
      String sql="select Username from users where Username='"+username+"'";
      String sql1="select Password from users where Password='"+password+"'";
      //out.println(sql);
      Class.forName(driverName);
      Connection stmt=DriverManager.getConnection(dbURL,userName,userPwd);
      
      Statement stmt1=stmt.createStatement();
      Statement stmt2=stmt.createStatement();
      ResultSet rs=stmt1.executeQuery(sql);
      ResultSet rs1=stmt2.executeQuery(sql1);
      if(rs.next()){
    	  out.println("密码错误,请重新登录!");
    	  %>
    	  <br><a href="Login.jsp">返回登陆</a>
    	  <%
      }
      else{
    	  out.println("用户名不存在,请注册!");
    	  %>
    	  <br><a href="zhuce.jsp">前往注册!</a>
    	  <br><a href="Login.jsp">返回登陆!</a>
      <%
      }
      %>
    </body>
    </html>
    

    4.Login.jsp

    <%@ page language="java" import ="java.util.*" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>登录界面</title>
    <link rel="stylesheet"  href="CSS/DesignPage.css"  type="text/css"/>
    </head>
    <body>
    
    <div class="center" align="center">
    	<div class="background">
    	<div class="sysname-div">
    	  <img id="logoimg" class="logoimg" src="images/logo.jpg">  
    	     <label for="logoimg"><font color="white">用户登录 </font></label>
    	</div>
    	<div class="lgmain-div">
        <div class="lgtop-div">会员,请登录</div>
    	<div class="lg-div">
        <div id="loginMessage" class="loginMessage"></div>
        
        <form action="Chack.jsp" method="post">
        <div class="login-div">
    	  <input id="username" class="username" name="username" placeholder="用户名" value="" type="text" />
    	</div>
        <div class="login-div">
    	  <input id="password" name="password" class="password" placeholder="密码" value="" type="password" />
    	</div>
        <div class="checkbox-div">
    	<input type="checkbox" id="isRemember" class="isRemember" name="isRemember"/>
    	<label for="isRemember">记住密码</label>	
    	</div>
    	<div class="btn-div">
    	<button id="loginBtn" type="submit" >&nbsp;&nbsp;&nbsp;</button>		
        </div>
        </form>
        
        </div>
        </div>
        </div>
    </div>
    </body>
    </html>
    

    5.suc.jsp

    <%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>登录成功</title>
    </head>
    <body>
    <%
      String username=request.getParameter("username");
      username=new String(username.getBytes("iso-8859-1"),"UTF-8");//防止中文乱码
    %>
    欢迎您登录!<font color="red"><% out.println(username); %></font>
    </body>
    </html>
    

    6.zhuce.jsp

    <%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <link rel="stylesheet" type="text/css" href="CSS/Register.css">
    <link rel="stylesheet" type="text/css" href="CSS/Register-selector.css">
    <script type="text/javascript" src="js/Register-js.js" charset="UTF-8"></script>
    <title>注册界面</title>
    </head>
    <body>
    <div class="background">
    </div>
    <div class="sysname-div">
    <img id="logoimg" class="logoimg" src="images/logo.jpg">  
    <label for="logoimg"><font color="black">用户注册 </font></label>
    </div>
    <div  class="center">
    <div class="lgmain-div">
    <div class="lgtop-div">创建新账户</div>
    <div class="lg-div">
    <form action="zhuceChack.jsp" method = "post">
    <table border="0">
        	<tr><td class="td1"></td><td class = "td2"></td>
        	<tr><td>用户 名</td><td><input class = "input1" name ="username1" type = "text"  value = ""/>
        	<span id = "username1Span" class = "span1"></span></td></tr>
        	<tr><td>密  码</td><td><input class = "input1" name = "password1" type = "password" value = ""/>
        	<span id = "passwordSpan" class = "span1"></span></td></tr>
        	<tr><td>确认密码</td><td><input class = "input1" name = "sureName" type = "password" value = ""/>
        	<span id = "surePswSpan" class = "span1"></span></td></tr>
        	<tr><td>电子邮件</td><td><input class = "input1" name = "mail" type = "text" value = ""/>
        	<span id = "mailSpan" class = "span1"></span></td></tr>
        	<tr><td>电话号码</td><td><input class = "input1" name = "telephone" type = "text" value = ""/>
        	<span id = "telephoneSpan" class = "span1"></span></td></tr>
        	<tr><td>地  址</td><td><input class = "input1" name = "adrress" type = "text" value = ""/>
        	<span id = "adrressSpan" class = "span1"></span></td></tr>
        	<tr><td><input type = "submit"   value = "注&nbsp;&nbsp;&nbsp;册"/></td>
        	<td><input type = "reset" value = "重新填写"/></td></tr>
    </table>
    </form>
    
    </div>
    </div>
    <font color="red">注:用户名和密码不能为空</font><br>
    未实现检查用户名重名和注册时密码是否为空的功能
    </div>
    
    </body>
    </html>
    

    7.zhuceChack.jsp

    <%@ page language="java" import="java.util.*,java.sql.*" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <%
    String username=request.getParameter("username1");
    username=new String(username.getBytes("iso-8859-1"),"UTF-8");//编码转换,保证识别中文登录名
    String password=request.getParameter("password1");
    String mail=request.getParameter("mail");
    String tel=request.getParameter("telephone");
    String adrress=request.getParameter("adrress");
    adrress=new String(adrress.getBytes("iso-8859-1"),"UTF-8");//编码转换,保证识别中文登录名
    //out.println(username);
      String driverName="com.microsoft.sqlserver.jdbc.SQLServerDriver";
      String dbURL="jdbc:sqlserver://localhost:1433;DatabaseName=login";
      String userName="sa";
      String userPwd="123456";
      String sql="insert into users(Username,Password,Mail,Telephone,Adrress) values('"+username+"','"+password+"','"+mail+"','"+tel+"','"+adrress+"')";
      //out.println(sql);
      Class.forName(driverName);
      Connection stmt=DriverManager.getConnection(dbURL,userName,userPwd);
      Statement stmt1=stmt.createStatement();
      stmt1.executeUpdate(sql);
      request.getRequestDispatcher("zhucesuc.jsp").forward(request, response);
    %>
    </body>
    </html>
    

    8.zhucesuc.jsp

    <%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>注册成功</title>
    <link rel="stylesheet" type="text/css" href="CSS/Register.css">
    </head>
    <body>
    <%
      String username=request.getParameter("username1");
      username=new String(username.getBytes("iso-8859-1"),"UTF-8");//编码转换,保证识别中文登录名
      String password=request.getParameter("password1");
      String mail=request.getParameter("mail");
      String tel=request.getParameter("telephone");
      String adrress=request.getParameter("adrress");
      adrress=new String(adrress.getBytes("iso-8859-1"),"UTF-8");//编码转换,保证识别中文登录名
    %>
    <div class="background">
    <div  class="center">
    <div class="lgmain-div">
    <div class="lgtop-div">注册成功!</div><br><br>
    <table border="0">
    <tr><td>用户名:<font color="black"><% out.println(username); %></font></td></tr>
    <tr><td>密码:<font color="black"><% out.println(password); %></font></td></tr>
    <tr><td>电子邮件:<font color="black"><% out.println(mail); %></font></td></tr>
    <tr><td>电话:<font color="black"><% out.println(tel); %></font></td></tr>
    <tr><td>地址:<font color="black"><% out.println(adrress); %></font></td></tr>
    </table>
    <br><a href="Login.jsp">前往登陆</a>
    </div>
    </div>
    </div>
    </body>
    </html>
    

    9.数据库样式
    在这里插入图片描述
    在这里插入图片描述

    效果:

    登录

    在这里插入图片描述

    在这里插入图片描述

    登录成功
    在这里插入图片描述

    登录失败
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    注册界面
    在这里插入图片描述
    注册成功
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • /** ... * FileName: User * Author: ichimoku * Date: 2017/12/5 14:31...@WebServlet(name ="AddUser",urlPatterns="/servlet/AddUser" ) public class AddUser extends HttpServlet { private static ...
    /**
     * Copyright (C), 2017-2017
     * FileName: User
     * Author:   ichimoku
     * Date:     2017/12/5 14:31
     * version:  7.9.0
     * <Author>          <Date>          <version>
     * 作者姓名          修改时间         版本号
     */
    public class User {
    
        //登陆查询  -----  括号内接收从网页传来的用户输入的参数
        public static Boolean CheckUser(String username,String password) {
            int count = 0;
            Connection conn = null;
            PreparedStatement ps = null;
            ResultSet rs = null;
            // 1.加载驱动
            try {
                Class.forName("com.mysql.jdbc.Driver");
            } catch (ClassNotFoundException e) {
                System.out.println("加载驱动失败");
            }
            // 2.建立连接
            try {
                conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/数据库名", "用户名", "密码");
                /*System.out.println("建立连接成功!");*/
    
                String sql = "SELECT id FROM account WHERE name=? AND password=?";
                ps=conn.prepareStatement(sql);
                ps.setString(1,username);
                ps.setString(2,password);
                rs=ps.executeQuery();
    while (rs.next()){ count++; } } catch (SQLException e) { System.out.println("建立连接失败"); } finally { // 3.关闭连接 try { if (null != conn) { conn.close(); } if (null != ps) { ps.close(); } /*System.out.println("关闭连接成功!");*/ } catch (SQLException e) { System.out.println("程序错误"); } } return count>0 ? true:false; } //新增用户 ----- 括号内接收从网页传来的用户输入的参数 public static void AddUser(String username,String password) { Connection conn = null; PreparedStatement ps = null; ResultSet rs = null; // 1.加载驱动 try { Class.forName("com.mysql.jdbc.Driver"); } catch (ClassNotFoundException e) { System.out.println("加载驱动失败"); } // 2.建立连接 try { conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/数据库名", "用户名", "密码"); /*System.out.println("建立连接成功!");*/ String sql = "INSERT INTO account SET (name,password) VALUE (?,?)"; ps=conn.prepareStatement(sql); ps.setString(1,username); ps.setString(2,password); rs=ps.executeQuery(); } catch (SQLException e) { System.out.println("建立连接失败"); } finally { // 3.关闭连接 try { if (null != conn) { conn.close(); } if (null != ps) { ps.close(); } System.out.println("关闭连接成功!!!"); } catch (SQLException e) { System.out.println("程序错误"); } } } //修改密码 --- 括号内接收从网页传来的用户输入的参数 public static void UpdateUser(String newpassword,String username,String password) { Connection conn = null; PreparedStatement ps = null; ResultSet rs = null; // 1.加载驱动 try { Class.forName("com.mysql.jdbc.Driver"); } catch (ClassNotFoundException e) { System.out.println("加载驱动失败"); } // 2.建立连接 try { conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/数据库名", "用户名", "密码"); /*System.out.println("建立连接成功!");*/ String sql = "UPDATE account SET password=? WHERE name=? AND password=?"; ps=conn.prepareStatement(sql); ps.setString(1,newpassword); ps.setString(2,username); ps.setString(3,password); rs=ps.executeQuery(); } catch (SQLException e) { System.out.println("建立连接失败"); } finally { // 3.关闭连接 try { if (null != conn) { conn.close(); } if (null != ps) { ps.close(); } System.out.println("关闭连接成功!"); } catch (SQLException e) { System.out.println("程序错误"); } } } }

     

    /**
     * Copyright (C), 2017-2017
     * FileName: Check
     * Author:   ichimoku
     * Date:     2017/12/5 14:40
     * version:  7.9.0
     * <Author>          <Date>          <version>
     * 作者姓名          修改时间         版本号
     */
    
    @WebServlet(name="CheckUser",urlPatterns="/servlet/CheckUser")
    public class CheckUser extends HttpServlet{
        private static final long serialVersionUID = 1L;
    
        public CheckUser(){
            super();
        }
    
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            doPost(req, resp);
        }
    
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            //从网页获取输入的用户名和密码
            String username = new String(req.getParameter("username").getBytes("iso-8859-1"), "utf-8");
            String password = req.getParameter("password");
    
            //在控制台打印从网页获取到的用户名
            System.out.println(username);
    
            //判断用户名和密码是否为空
            if (username!=null && password!=null){
                boolean flag= User.CheckUser(username,password);
                //通过flag返回值 为true就会执行if,false就会执行else
                if (flag){
                    req.getRequestDispatcher("/pages/user/login_success.html").forward(req, resp);
                }else{
                    //req.getRequestDispatcher("/pages/user//Welcome.jsp").forward(req, resp);
                }
            }else{
                System.out.println("用户的输入为空");
            }
        }
    }

     

    /**
     * Copyright (C), 2017-2017
     * FileName: Add
     * Author:   ichimoku
     * Date:     2017/12/5 16:01
     * version:  7.9.0
     * <Author>          <Date>          <version>
     * 作者姓名          修改时间         版本号
     */
    @WebServlet(name="AddUser",urlPatterns="/servlet/AddUser")
    public class AddUser extends HttpServlet {
        private static final long serialVersionUID = 1L;
    
        public AddUser(){
            super();
        }
    
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            doPost(req, resp);
        }
    
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            //从网页获取输入的用户名和密码
            String username = new String(req.getParameter("username").getBytes("iso-8859-1"), "utf-8");
            String password = req.getParameter("password");
    
            //在控制台打印从网页获取到的用户名
            System.out.println(username);
    
            //判断用户名和密码是否为空
            if (username!=null && password!=null){
                boolean flag=User.CheckUser(username,password);
                //通过flag返回值 为true就会执行if,false就会执行else,因为我们要新增用户,如果返回ture就说明
                //这个账号已经有人使用,所以我们要提示注册失败,如果返回false,说明数据库里没有这个账号,可以注册
                //在else里运行AddUser的方法,成功数据库在数据库里新增注册数据!
                if (flag){
                    //req.getRequestDispatcher("/pages/user//Welcome.jsp").forward(req, resp);
                }else{
                    //req.getRequestDispatcher("/pages/user//Welcome.jsp").forward(req, resp);
                    User.AddUser(username,password);
                    req.getRequestDispatcher("/pages/user/login_success.html").forward(req, resp);
                }
            }else{
                System.out.println("用户的输入为空");
            }
        }
    }

     

    /**
     * Copyright (C), 2017-2017
     * FileName: Update
     * Author:   ichimoku
     * Date:     2017/12/5 16:05
     * version:  7.9.0
     * <Author>          <Date>          <version>
     * 作者姓名          修改时间         版本号
     */
    
    @WebServlet(name="UpdateUser",urlPatterns="/servlet/UpdateUser")
    public class UpdateUser extends HttpServlet {
        private static final long serialVersionUID = 1L;
    
        public UpdateUser(){
            super();
        }
    
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            doPost(req, resp);
        }
    
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            //从网页获取输入的用户名和密码
            String username = new String(req.getParameter("username").getBytes("iso-8859-1"), "utf-8");
            String password = req.getParameter("password");
            String newpassword = req.getParameter("newpassword");
    
            //在控制台打印从网页获取到的用户名
            System.out.println(username);
    
            //判断用户名和密码是否为空
            if (username!=null && password!=null){
                boolean flag=User.CheckUser(username,password);
                //通过flag返回值 为true就会执行if,false就会执行else,因为我们要修改密码,所以当返回true,说明用户输入的账号密码
                // 和数据库匹配成功!所以我们在if下面执行UpdateUser方法,修改数据库数值!
                if (flag){
                    User.UpdateUser(newpassword,username,password);
                    req.getRequestDispatcher("/pages/user/login_success.html").forward(req, resp);
                }else{
                    //req.getRequestDispatcher("/pages/user//Welcome.jsp").forward(req, resp);
                }
            }else {
                System.out.println("用户的输入为空");
            }
        }
    }

     

    转载于:https://www.cnblogs.com/ichimoku/p/7989026.html

    展开全文
  • 打开localhost:8080链接,进入kb-dms数据库管理平台首页 页面自动跳转到登录页面 点击登录框,右上角的按钮,页面跳转到注册页面 注册成功后,页面自动跳转到登录页面 输入注册的账号密码,点击回车键(或登录按钮)...

    登录与注册

    1. 打开localhost:8080链接,进入kb-dms数据库管理平台首页
    2. 页面自动跳转到登录页面
    3. 点击登录框,右上角的按钮,页面跳转到注册页面
    4. 注册成功后,页面自动跳转到登录页面
    5. 输入注册的账号密码,点击回车键(或登录按钮),账号便注册成功
    6. 或者使用系统初始化的管理员账号admin 密码admin 登录
      在这里插入图片描述
      上一篇: WEB数据库管理平台kb-dms:本地安装与启动教程【二】
      下一篇: WEB数据库管理平台kb-dms:团队管理【四】
    展开全文
  • 好啦,不说废话了,进入正题:一、实验情景开发用户注册登录模块,不同的用户对数据库有不同的操作权限(浏览和编辑数据库)。(提示:在注册时将有关信息保存到数据库中,当再次登录时,根据用户输入的用户名和...

    删删减减,修修补补,把我仅有的一点知识储备都全拿出来了。。。做的极度简单,并发、时序以及回滚等这种高端操作木有涉及(再次diss我自己的知识量),主要也没有专门深入研究这一块啦。。。好啦,不说废话了,进入正题:


    一、实验情景

    开发用户注册和登录模块,不同的用户对数据库有不同的操作权限(浏览和编辑数据库)。(提示:在注册时将有关信息保存到数据库中,当再次登录时,根据用户输入的用户名和密码在数据库中查找,不同的用户给出不同的页面进行操作。)

    二、开发目标

    以开发不同权限级别的管理员为例展开,root权限管理员可以增加和删除普通权限管理员,而普通权限管理员只能查看当前系统中所存在的管理员列表。

    三、开发平台

    1. 选取的开发平台为:Pycharm 2016 professional
    2. 服务器端编程语言采用python(解释器为:python2.7.13)
    3. 客户端主要用到的是jquery 和ajax
    4. 数据库采用的是mysql 5.7.12

    四、开发步骤

    1. 首先编写主页的html,需要一个form框输入管理员账号和密码信息。在此只列出主要元素,界面布局详见index.html。
    2. Form框主要元素
    • 两个输入框
    <input type="tel" id="inputAccount" name="inputAccount" class="form-control" placeholder="用户名  ord+5位数字" required autofocus>
    <input type="password" id="inputPassword" name="inputPassword" class="form-control" placeholder="密码  不少于6位(字母+数字)" required>
    • 两个提交按钮,其中,登录由于要返回登录后页面,所以为form添加action,登录页面按钮的属性设置为submit.
    <button id="btn_SignIn" class="btn btn-lg btn-primary btn-block" type="button">注册</button>
    <button id="btn_LogIn" class="btn btn-lg btn-primary btn-block" type="submit" >登录</button>
    • 界面效果图(采用火狐浏览器打开)

    91e771da4a3ad6ce605c1e0b65bc3c88.png

    3. Form框响应事件

    • Form表格动作(为登录设置,注册则采用jquery脚本的按钮响应方式,只需返回alert框)
    <form class="form-signin" action='/manager_validate_login' method='post' onsubmit="return check_manager_info()">
    • 输入用户名和密码完成注册功能(正确输入/错误输入)

    0d61a0c146e755c8829d8c50838027d6.png
    • 注册成功提示框出现后后再次点击登录,弹出框提示管理员已经存在这种错误。

    ca053a4653710e3ec340487b51bc5f23.png

    707165aa9f9546596ed70b7b89865792.png

    caacc3794956c0a1ed9fcbd0f0820186.png
    • 部分脚本的实现

    7444f8530f0f694dda40c14d338cc47d.png
    • 普通管理员登录后界面如下(只可以查看当前存在的管理员用户)

    bfe40a4c4ba64946c2c454c06c4d17d0.png

    4. 编写root管理员和普通管理员的操作界面,其中,root管理员界面需要增加添加和删除普通管理员的对应按钮

    • Root管理员多出的按钮(添加和删除按钮)
    <button data-toggle="modal" data-target="#addMagDlg"><span class="glyphicon glyphicon-plus"></span></button>
    <div class="pull-right action-buttons">
    <a mag-id=${Id} onclick="ConfirmDeleteMag(this)"><span class ="glyphicon glyphicon-trash"></span></a></div>
    • Root管理员多出的模态框(部分代码,详见root_home.html页面
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only"> Close </span></button>
    <h4 class="modal-title" id="editModalLabel">添加管理员</h4></div>
    • 按钮响应事件
    <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss= "modal"> 关闭</button>
    <button type="button" onclick="AddManager()" class="btn btn-primary">添加</button></div>

    5. 对运行结果进行截图:

    • 以root用户的账户登录

    e76b78bf57cfa46725a6099eb849b7bb.png
    • 成功登录后转到如下界面(可以添加新的管理员,看到管理员信息)

    6f980d990b456087302c26735d7f06c2.png
    • 添加管理员,处理错误提示(信息的校验功能类似注册时的校验,错误提示输出也类似,再次不做赘述)

    94bf91426abf5ed797d718387665ca23.png
    • 点击添加后可看到列表里多了一项记录,如下所示:

    537d8aa86a71cea08d58c68c279418cc.png
    • 点击删除按钮,测试删除功能

    8674023ebdf0a9c8f3bc38e8e28e1a6a.png

    删除后页面如下所示:

    f4ff3f3015f88b8fa1dd0f89894c3f40.png

    5. 使用sql语言编写存储过程,包括建立manager表,增加/删除/获得manager表的有关信息。

    1)设置数据库参数

    f58069aeab705c5075ad34381e5382eb.png

    2)编写存储过程(部分存储过程如下所示)

    -- 
    -- Table structure for table `tb_manager`
    -- 
    DROP TABLE IF EXISTS `tb_manager`;
    CREATE TABLE `tb_manager` (
    	`manager_id` bigint(20) NOT NULL AUTO_INCREMENT,
    	`manager_account` varchar(40) DEFAULT NULL,
    	`manager_level` varchar(10) DEFAULT NULL,
    	`manager_password` varchar(256) DEFAULT NULL,
    	PRIMARY KEY(`manager_id`)
    	) ENGINE = InnoDB AUTO_INCREMENT = 1 DEFAULT CHARSET = utf8;

    3)编写服务端相应代码,包括管理员的注册、登录验证、以及增加/删除操作。

    4)服务器端主要流程如下:

    • 判断会话是否有效
    • 接收客户端发来的数据
    • 查询数据库并进行数据处理
    • 返回操作结果给客户端

    5)一个实例如下所示(用python+flask架构来实现):

    c6382311e5cf5b5b54cb92a6ecf70bc5.png

    6)建立manager 数据库,并导入manager.sql的脚本文件

    7) 建立数据库操作比较简单,不做赘述。如下图所示:

    dfe8ec6d53476188ccf34a8f30396080.png

    8) 运行服务器,对代码进行测试。效果截图为了报告的完整性放在了第一部分,详见步骤1。(所有东西均打包在了工程ex6中,脚本manager.sql放入了ex6的文件夹下)

    五、干货总结

    Web开发是多种技术综合运用的体现,如何获取这些技术并优化使用这些技术,进行高效便捷的Web开发是非常值得探究的一个问题。一些web开发的常识如下所示:

    1. 利用js可以完成大部分客户端验证,能大大降低服务器的压力。因此,在Web开发中,合理的利用js做一些基础性的处理工作就显得尤其重要。此外,js网页的动态显示需要依靠js脚本来完成,可以说,是js使网页动起来。
    2. js赋予了网页动态的特性,但网页不具有记忆性,在网页上输入或输出的信息在下次打开网页时就会消失。因此,要长久的保存网页的有关信息,必须使用数据库。
    3. 最开始研究web技术时,找到了一个非常好的学习网站W3C School和菜鸟教程,里边的资料十分详细。在找到了合适的资料后,我就花了一些时间把网上的教程都过了一遍。虽然例子都比较简单,但熟练掌握一些简单的运用后,自己探索起复杂的运用时效率就会更高。
    4. Web开发技术很多,如何选择适合自己的开发技术就成了需要解决的问题。每个人擅长的东西并不一样,因此,在开发过程中要扬长避短,发挥自己最大的优势。
    5. 任何技术光说不练都是学不会的,最主要还是要自己积极主动的去做,并且不断尝试改变,在这个过程中不断提升自我。

    下一篇文章将会写一点有关Web的课程设计,可以完成的课设包括软件工程、数据库、Web技术。。。其实技术和实现原理是差不多的,只要搞懂一个,剩下的就是照着来。不过笔者水平有限,实现的网站也是超级基础的,离商用还差十万八千里,也没有用到什么高端的技术.....就当成是课设入门交流好了,多学点东西总是有用的,就酱~You can get my code on my github:

    KristinKong/Web-Mysqlgithub.com
    87b14aefab3553ab58035d5edbb5b822.png
    展开全文
  • 先创建一数据库登录有动态ASP页面和HTML页面,注册页面类似,注册成功后把数据提交到数据库,再在登录页面可以登录成功
  • 其实登录的业务逻辑的根本就是数据库查询操作 我们通过获取页面input框中的账号密码 然后根据获取的账号密码检索对比数据库是否存有相应的账号密码即可 详情代码如下: xml文件配置 xml配置 <?xml version="1.0" ...
  • 基于asp.net实现的登录注册模块,链接sqlserver数据库
  • 在线登录注册功能(android客户端+javaweb服务端+腾讯云服务器+腾讯云数据库) 完整的项目已上传github仓库,链接在文章最下面 注:笔者在安卓客户端部分写了kotlin语言和java语言两种,编译运行以java的为准,...
  • *系统实现环境:操作系统win10 数据库mysql8.0.18 数据库可视化软件 naivicat premium 15 开发平台:interlij idea2017.1.6,JAVA语言,WebStorm、JDK 8 后端:Spring Boot框架...贴一个链接七天有效,失效后有需要的可
  • web登录验证

    千次阅读 2019-09-08 19:10:49
    web登录验证 一、项目结构 二、一共四个页面,注册登录,首页,错误提示页面 login页面 loginError页面 register页面 index页面 ...重定向登录代码 ...因为没有链接数据库,所以没有做注册功能。 ...
  • 用户注册登录功能 注册功能 用户信息:用户名和密码 在控制台输入信息 登录功能 让用户输入用户名和密码进行登录(用户名和密码同时匹配才能登录) 前提 连接mysql数据库的mysql-...
  • 需要web服务进行注册登录验证。 大致流程: 注册账户(保存到数据库)-&amp;amp;amp;amp;amp;gt;登录(数据库查询验证)-&amp;amp;amp;amp;amp;gt;验证通过 代码实现 前面开发环境已经配置完成,具体这里...
  • 登录注册留言板源码

    2011-12-30 12:40:49
    登录注册留言板程序源码 基本功能: 留言、注册登录、回复、管理 提示: 非常适合新手学习的小程序,程序介绍基本功能都已经实现。 如果能将部分功能封装...使用之前修改web.config中数据库链接字符串,数据库文件
  • 目录 需求 分析 代码实现 创建DBUtil工具类 ...注册页面添加登录链接 登录页面添加注册链接 注册成功跳转到登录页面 注册失败跳转到注册页面 登录成功跳转到用户列表页面 登录失败跳转到登录页面 分析 建库建表
  • 需要web服务进行注册登录验证。 大致流程: 注册账户(保存到数据库)-&amp;amp;amp;amp;amp;gt;登录(数据库查询验证)-&amp;amp;amp;amp;amp;gt;验证通过 具体过程 1.首要安装Node.js 官网下载链接: ...
  • 1.开发环境:VS2008 + SQL2008 2.登录用户:admin 1 3.Source\web\hkpro\bin 点reg 注册一下控件 ...4.在web.config中有两处数据库链接需要修改 物业管理系统开发文档和数据库SQL2008相关说明。
  • 一、题目:WEB界面链接数据库1.考试要求:1登录账号:要求由6到12位字母、数字、下划线组成,只有字母可以开头;(1分)2登录密码:要求显示“• ”或“*”表示输入位数,密码要求八位以上字母、数字组成。(1分)3性别...
  • 2)登录页面加上管理员登录链接(很多网友找不到登录入口) 3)修正管理员账号:admin/admin88 4)web.config:数据库链接新增windows集成验证(无需账号密码) 好消息:微软Teched2011技术大会门票6折(截至2011-8-...
  • 2.修改web.config文件中的数据库链接配置 3.打开dishManagerWeb.csproj文件即可运行 系统权限:游客、注册用户、管理员 主要功能:登录注册、菜品分类、菜品管理、购物车、结算、订单查看、订单管理等
  • 1.4.7 Oracle Web Conference 12 1.5 普通Oracle DBA的日常工作 12 1.6 几点建议 12 1.6.1 知道何时寻求帮助 12 1.6.2 记住你并不孤单 13 1.6.3 站在全局看问题 13 1.6.4 首先是不要造成损害 13 第2...
  • 原文链接 前言:在讲解Web开发模式的时候,曾经写过XML版的用户登陆注册案例!现在在原有的项目上,使用数据库版来完成用户的登陆注册!  本来使用的是XML文件作为小型数据库,现在使用Mysql数据库,代码究竟要改...
  • 72.2使用 Connection对象链接数据库 7.3异常操作 57 731try和 catch块 158 732数据库链接示例 Command对象 ∴161 741 Command对象简介 161 742 Command综合示例 任务实训部分 1:实现进销存系统用户注册 168 2:实现...

空空如也

空空如也

1 2 3 4 5 ... 12
收藏数 228
精华内容 91
关键字:

web注册登录链接数据库