精华内容
下载资源
问答
  • 用户在网页登录注册的功能简单界面以及登录注册后台处理代码,在笔记本工具手动敲代码生成.asp文件,部署IIS后可在本机通过127.0.0.1:端口号/文件名.asp直接访问。
  • web交互设计课程实验源代码,用户登录注册设计,参考黎老师课程
  • 自己做的最简单的网页,有登录注册、信息维护、密码找回、查看个人信息等功能,含加密与解密。数据库的创建为 Create table userinfo( Username varchar primary key, Pwd varchar, Gender varchar, Email varchar...
  • 注册网页 注册信息存入localStorage (web下存储) 登录网页 注册完成跳转登录界面 验证登录完成 延时跳转至目标网页 实现效果如下:(没来得及美化页面) 登录界面 注册界面 注册完成界面 验证登录界面 **...

    Html、Js基于web储存localStorage下的注册界面、登录界面及登录验证成功弹出跳转的简单网页

    实现结果:

    1. 注册网页 注册信息存入localStorage (web下存储)
    2. 登录网页 注册完成跳转登录界面 验证登录完成 延时跳转至目标网页

    实现效果如下:(没来得及美化页面)

    登录界面

    在这里插入图片描述

    注册界面

    在这里插入图片描述

    注册完成界面

    在这里插入图片描述

    验证登录界面

    在这里插入图片描述


    代码实现
    1.Login.html

    <!-- /**
     * 基于localStorage储存信息的网站登录
     */ -->
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>登录界面</title>
    		<style type="text/css">
    			body{
    				text-align: center;
    			}
    		</style>
    	</head>
    	<body>
    		<font size="6">登&nbsp;录</font>
    		<br />
    		用户名:
    		<input type="text" name="user_name" id="user_name" placeholder="请输入用户名" />
    		<br />
    		密码:
    		<input type="password" name="user_password" id="user_password" value="" placeholder="请输入密码" />
    		<br>
    		<button type="button" id="login">登录</button>
    		<button type="button" id="register">注册</button>
    		<br />
    		<p id="login_sucss"></p>
    	</body>
    	<script type="text/javascript">
    		var login_btn = document.getElementById("login");
    		var register_btn = document.getElementById("register");
    		//登陆按钮实现
    		login_btn.addEventListener("click",function(){
    			var user_name = document.getElementById("user_name").value;
    			var user_password = document.getElementById("user_password").value;
    			var user_nameArr = new Array(localStorage.length);
    			//将储存的记录存入数组中
    			for(i=0;i<localStorage.length;i++){
    				user_nameArr[i] = localStorage.key(i);
    			}
    			if(user_nameArr.includes(user_name)){
    				var store_password = localStorage.getItem(user_name);
    				 if(user_password == store_password){
    					 confirm("登陆成功,是否前往");  //选择弹框
    					 window.location.href = "https://blog.csdn.net/weixin_44609873";
    					 
    				 } else{
    					 document.getElementById("login_sucss").innerHTML = "密码错误!";
    				 }
    			}
    			else{
    				document.getElementById("login_sucss").innerHTML = "用户名不存在!";
    			}
    		})
    		//注册按钮实现
    		register_btn.addEventListener("click",function(){
    			window.location.href = 'Register.html';
    		})
    	</script>
    </html>
    
    

    2.Register.html

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>注册</title>
    		<style type="text/css">
    			body{
    				text-align: center;
    				margin-left: auto;
    				margin-right: auto;
    			}
    		</style>
    	</head>
    	<body>
    		<font size="6" color="">注&nbsp;册</font>
    		<br />
    		用户名:
    		<input type="text" name="reg_name" id="reg_name" value="" />
    		<br />
    		密码:
    		<input type="password" name="reg_password" id="reg_password" value="" />
    		<br />
    		<button type="button" id="register_btn">注&nbsp;册</button>
    		<br />
    	</body>
    	<script type="text/javascript">
    		var register_btn = document.getElementById("register_btn");
    		//点击注册触发事件
    		register_btn.addEventListener("click",function(){
    			var user_name = document.getElementById("reg_name").value;
    			var user_password = document.getElementById("reg_password").value;
    			if(user_name.length == 0||user_password.length ==0){
    				alert("请输入需要注册的用户名或密码!");
    			}
    			//注册成功存入localStorage,并且弹回登录界面
    			else{
    				localStorage.setItem(user_name,user_password);
    				alert("注册成功!正在跳转。。。");
    				//注册完成实现延时跳转登录 
    				//第二种延时跳转
    				setTimeout(function(){
    					window.location.href = "Login1.html";
    				},1000);  //1秒
    			}
    		})
    	</script>
    </html>
    
    
    展开全文
  • 实例探析 任务5-1 探析手机麦包包网的用户注册网页 效果展示 手机麦包包网的用户注册网页0501.html的浏览效果如图5-1所示 ;网页探析 1网页0501.html的HTML代码探析 网页0501.html的HTML代码如表5-1所示;续表;2网页...
  • Java web系列三--简单的网页注册登录

    千次阅读 2017-09-07 00:34:38
    1.写网页有html,jsp,servlet....2.本项目使用jsp+servlet来实现一个简单的网页注册登录,需要一点jsp的语法基础,比如插入java代码%>、<a herf=""></a>表示转发。form跟html一样表示表单。<!---- --

    1.写网页有html,jsp,servlet.但是三者有各自的优缺点,html适合写一些静态的显示,jsp适合写动态可变的显示,servlet适合处理业务逻辑,分发转向,DAO数据中转。

    2.本项目使用jsp+servlet来实现一个简单的网页注册和登录,需要一点jsp的语法基础,比如<% 插入java代码%>、<a herf=""></a>表示转发。form跟html一样表示表单。<!---- ----->表示注释。
    <%! %>申明全局变量等基础的语法,还有几个指令page include taglib

    3.建立一个web网页,默认生成一个web.xml文件。工程名为webServletTest 在java Resouces目录下建立一个webservlet.java。

    package webJspDemo.com;
    
    import java.io.IOException;
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    /**
     * Servlet implementation class LoginServlet
     */
    @WebServlet("/servlet/loginservlet")
    public class LoginServlet extends HttpServlet {
        private static final long serialVersionUID = 1L;
    
        /**
         * @see HttpServlet#HttpServlet()
         */
        public LoginServlet() {
            super();
            // TODO Auto-generated constructor stub
        }
    
        /**
         * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
         */
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            // TODO Auto-generated method stub
            response.getWriter().append("Served at: ").append(request.getContextPath());
            //获取表单数据
            response.setContentType("text/html; charset=UTF-8");
            request.setCharacterEncoding("UTF-8");
            String userName = request.getParameter("userName");
            String pwd = request.getParameter("pwd");
            if("tom".equals(userName)&&"123".equals(pwd)){
                request.getSession().setAttribute("name", userName);
                request.getRequestDispatcher("/register.jsp").forward(request, response);
            }else{
                request.setAttribute("msg", "用户名或者密码不正确");
                request.getRequestDispatcher("/login.jsp").forward(request, response);
            }
    
            //分发转向
        }
    
        /**
         * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
         */
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            // TODO Auto-generated method stub
            doGet(request, response);
        }
    
    }
    

    4.修改web.xml的映射关系和类名

      <servlet>
        <servlet-name>LoginServlet</servlet-name>
        <servlet-class>webJspDemo.com.LoginServlet</servlet-class>
      </servlet>
      <servlet-mapping>
        <servlet-name>LoginServlet</servlet-name>
        <url-pattern>/login</url-pattern>
      </servlet-mapping>

    5.在WEB-INF目录下建立3个jsp,分别为home.jsp、login.jsp、register.jsp文件。

    home.jsp代码为

    <body>
        <h1>欢迎来到本站!</h1>
        <%
            String userName =(String)session.getAttribute("name");
        out.print(userName);
        %>
    </body>

    login.jsp代码为:

    <body>
        <%
            String msg = (String)request.getAttribute("msg");
          if(msg !=null){
              out.print(msg);     
          }
    
        %>
        <form action="/webJspDemo1/servlet/loginservlet" method="get">
            用户名:<input type="text" name="userName"/><br/>
            密码:<input type="password" name="pwd"/><br/>
            <input type="submit" value="登录"/><br/>
    
        </form>
    </body>

    register.jsp代码为:

    <body>
        欢迎你登录:
        <% 
            String userName =(String)session.getAttribute("name");
            out.print(userName);        
        %>
        <a href="/webJspDemo1/home.jsp">跳到主页 </a>
    </body>

    5.实验结果
    在浏览器中输入:http://localhost:8080/webJspDemo1/login
    在表单中输入tom和123之后就会跳转到register.jsp界面,然后在到home.jsp界面,基本上就完成一个简单的注册流程。

    展开全文
  • 列:简单的web项目实现 数据库实现 java代码实现 java代码个类实现步骤 导包 html代码 properties代码 DBUtils代码 封装数据 数据实现 service实现 servlet实现类 列2:实现输入用户名和密码,并显示在...

    目录

    Servlet 是什么?

    servlet生命周期

    request常用方法

    获取请求头信息

    解析请求头信息

    列:简单的web项目实现

    数据库实现

    java代码实现

    java代码个类实现步骤

    导包

    html代码

    properties代码

    DBUtils代码

    封装数据

    数据实现

    service实现

    servlet实现类

    列2:实现输入用户名和密码,并显示在网页上

    结果:

    数据库实现

    java代码实现

    导入包

    html代码

    propeties文件

    工具类实现

    封装数据

    数据操作

    service实现

    servlet实现


    Servlet 为创建基于 web 的应用程序提供了基于组件、独立于平台的方法,可以不受 CGI 程序的性能限制。Servlet 有权限访问所有的 Java API,包括访问企业级数据库的 JDBC API。

    Servlet 是什么?

    Java Servlet 是运行在 Web 服务器或应用服务器上的程序,它是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层

    使用 Servlet,您可以收集来自网页表单的用户输入,呈现来自数据库或者其他源的记录,还可以动态创建网页。

    Servlet 可以使用 javax.servlet 和 javax.servlet.http 包创建,它是 Java 企业版的标准组成部分,Java 企业版是支持大型开发项目的 Java 类库的扩展版本。

     创建servlet有两种方式

    •  实现servlet接口
    • 继承HTTPServlet类

    servlet生命周期

    • 1 实例化  第一次请求时,实例化servlet对象
    • 2 init()初始化  获取servlet初始化配置信息,只执行一次
    • 3 service()处理客户端请求   service/doget/dopost反复的执行
    • 4 destroy()销毁  服务器/tomcat停止

    request常用方法

    		System.out.println("获取服务器名称:"+request.getServerName());
    		System.out.println("获取端口号"+request.getServerPort());
    		System.out.println("获取协议"+request.getScheme());
    		System.out.println("上下文对象:"+request.getServletContext());
    		System.out.println("servlet路径:"+request.getServletPath());    
    		System.out.println("上下文路径/根路径:"+request.getContextPath());  
    		System.out.println("客户端IP地址:"+request.getRemoteAddr()); 
    		System.out.println("获取请求方式:"+request.getMethod());  //get,post
    		System.out.println("获取请求参数列表信息"+request.getQueryString());

    获取请求头信息

    String host=request.getHeader("Host");
    		System.out.println("解析请求头信息host="+host);

     

    解析请求头信息

    		//Enumeration为枚举
    		Enumeration<String> enums=request.getHeaderNames(); //获取请求头信息的键值
    		while(enums.hasMoreElements()){
    			String aname=enums.nextElement();//
    			String value=request.getHeader(aname);
    			System.out.println(aname+"--"+value);
    		}

    列:简单的web项目实现

    数据库实现

    java代码实现

    java代码个类实现步骤

    导包

    将三个包复制到 lib文件夹下。注:不需要构建puild path,只需复制

    html代码

    创建register.html页面

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		
    		<form action="register.do">
    			
    			<table>
    				<tr>
    					<td>用户名:</td>
    					<td><input type="text" name="username" size="30"/></td>
    				</tr>
    				<tr>
    					<td>密&nbsp;&nbsp;码:</td>
    					<td><input type="password" name="psw"/></td>
    				</tr>
    				<tr>
    					<td>性别:</td>
    					<td>
    						<input type="radio" name="sex" value="M" checked="checked"/>男
    					    <input type="radio" name="sex" value="W"/>女
    					</td>
    				</tr>
    				<tr>
    					<td>爱好:</td>
    					<td>
    						<input type="checkbox" name="loves" value="music"/>音乐
    					    <input type="checkbox" name="loves" value="internate" checked="checked"/>网络
    					    <input type="checkbox" name="loves" value="sports" checked="checked"/>运动
    					</td>
    				</tr>
    				<tr>
    					<td>城市:</td>
    					<td>
    					    <select name="city" multiple="multiple" size="3">
    					    	 <option value="sz">深圳</option>
    					    	 <option value="sh" selected="selected">上海</option>
    					    	 <option value="bj">北京</option>
    					    	 <option value="nb">宁波</option>
    					    </select>
    					</td>
    				</tr>
    				
    				<tr>
    					<td>备注:</td>
    					<td>
    						
    					   <textarea name="address" rows="10" cols="50">地址不详...</textarea>
    					</td>
    				</tr>
    				<tr>
    					
    					<td><input type="submit" value="注册"/></td>
    					
    				</tr>
    			</table>
    		</form>
    	</body>
    </html>

    properties代码

    driver=com.mysql.jdbc.Driver
    url=jdbc:mysql://localhost:3306/0602web
    username=root
    password=123

    DBUtils代码

    public class DBUTils {
    	public static String driver;
    	public static String url;
    	public static String user;
    	public static String password;
    	public static Properties prop;
    	static {
    		// 只执行一次
    		try {
    			prop = new Properties();
    			prop.load(Thread.currentThread().getContextClassLoader().getResourceAsStream("db.properties"));
    			driver = prop.getProperty("driver");
    			url = prop.getProperty("url");
    			user = prop.getProperty("username");
    			password = prop.getProperty("password");
    
    		} catch (IOException e) {
    			// TODO Auto-generated catch block
    			e.printStackTrace();
    		}
    
    	}
    
    	public static Connection getConn() {
    		try {
    			Class.forName(driver); // 加载驱动
    			Connection conn = DriverManager.getConnection(url, user, password);
    			System.out.println("conn===" + conn);
    			return conn;
    		} catch (Exception e) {
    			// TODO: handle exception
    			e.printStackTrace();
    			return null;
    		}
    	}
    }

    封装数据

    public class User {
    	private Integer id;
    	private String userName;
    	private String password;
    	private String sex;
    	private String loves;
    	private String city;
    	private String memo;
    
    	public User() {
    	}
    
    	public User(String userName, String password, String sex, String loves, String city, String memo) {
    		super();
    		this.userName = userName;
    		this.password = password;
    		this.sex = sex;
    		this.loves = loves;
    		this.city = city;
    		this.memo = memo;
    	}
    
    	public Integer getId() {
    		return id;
    	}
    
    	public void setId(Integer id) {
    		this.id = id;
    	}
    
    	public String getUserName() {
    		return userName;
    	}
    
    	public void setUserName(String userName) {
    		this.userName = userName;
    	}
    
    	public String getPassword() {
    		return password;
    	}
    
    	public void setPassword(String password) {
    		this.password = password;
    	}
    
    	public String getSex() {
    		return sex;
    	}
    
    	public void setSex(String sex) {
    		this.sex = sex;
    	}
    
    	public String getLoves() {
    		return loves;
    	}
    
    	public void setLoves(String loves) {
    		this.loves = loves;
    	}
    
    	public String getCity() {
    		return city;
    	}
    
    	public void setCity(String city) {
    		this.city = city;
    	}
    
    	public String getMemo() {
    		return memo;
    	}
    
    	public void setMemo(String memo) {
    		this.memo = memo;
    	}
    
    	@Override
    	public String toString() {
    		return "User [id=" + id + ", userName=" + userName + ", password=" + password + ", sex=" + sex + ", loves="
    				+ loves + ", city=" + city + ", memo=" + memo + "]";
    	}
    }

    数据实现

    创建接口

    public interface UserDao {
        public  int addUser(User user);
    }
    

    数据操作

    public class UserDaoImpl implements UserDao {
    	private QueryRunner qr=new QueryRunner();
        private Connection conn;
    	@Override
    	public int addUser(User user) {
    		// TODO Auto-generated method stub
    	     try {
    			conn=DBUTils.getConn();
    			String sql="insert into tb_user (userName,password,sex,loves,city,memo ) values(?,?,?,?,?,?)";
    			int count=qr.update(conn, sql, user.getUserName(),user.getPassword(),user.getSex(),user.getLoves(),user.getCity(),user.getMemo());
    			return count;
    		} catch (Exception e) {
    			// TODO: handle exception
    			e.printStackTrace();
    			return -1;        //找不到数据是返回-1
    		}
    	}
    }

    service实现

    service接口

    public interface UserService {
        public int register(User user);
    }

    service接口实现类

    public class UserServiceImpl implements UserService {
        private UserDao userDao=new UserDaoImpl();//获取数据操作类
    	@Override
    	public int register(User user) {
    		return  userDao.addUser(user);
    	}
    }

    servlet实现类

    创建servlet类

     

    import java.io.IOException;
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import com.iotek.po.User;
    import com.iotek.user.service.UserService;
    import com.iotek.user.service.UserServiceImpl;
    
    /**
     * Servlet implementation class RegisterServlet
     */
    @WebServlet("/register.do")
    public class RegisterServlet extends HttpServlet {
    	private static final long serialVersionUID = 1L;
        private UserService us=new UserServiceImpl();
    	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		// TODO Auto-generated method stub
    		System.out.println("doget...");
    		//从html获取name的值
    		String userName=request.getParameter("username");
    		String password=request.getParameter("psw");
    		String sex=request.getParameter("sex");
    		//获取html中复选框的值,
    		String []loves=request.getParameterValues("loves");
    		String city=request.getParameter("city");
    		String address=request.getParameter("address");
    		
    		String love="";
    		for(String lv:loves){
    			love=","+lv+love;
    		}
    		System.out.println("love=="+love);
    		User user=new User(userName,password,sex,love.substring(1),city,address);
    		int rs=us.register(user);//添加数据
    		if(rs>0){
    			response.sendRedirect("success.html");//添加成功返回success.html界面
    		}else{
    			response.sendRedirect("register.html");//添加失败返回到register.html界面
    		}
    	}
    }

    列2:实现输入用户名和密码,并显示在网页上

    页面输入一个用户,包含 编号  用户名 密码   性别(单选按钮) 
    年龄 爱好 (复选框 至少两个)
     1.添加用户到数据库表myusers
    2.显示用户列表到成功页面

    结果:

     

    数据库实现

    java代码实现

    导入包

    html代码

    usermassage.html

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>第三题</title>
    </head>
    <body>
    	<form action="usermassage.po">
    
    		<table>
    			<tr>
    				<td>用户名:</td>
    				<td><input type="text" name="username"  /></td>
    			</tr>
    			<tr>
    				<td>年&nbsp;&nbsp;龄:</td>
    				<td><input type="text" name="age" /></td>
    			</tr>
    			<tr>
    				<td>性别:</td>
    				<td><input type="radio" name="sex" value="M" checked="checked" />男
    					<input type="radio" name="sex" value="W" />女</td>
    			</tr>
    			<tr>
    				<td>爱好:</td>
    				<td><input type="checkbox" name="loves" value="music" />音乐 <input
    					type="checkbox" name="loves" value="internate" checked="checked" />网络
    					<input type="checkbox" name="loves" value="sports"
    					checked="checked" />运动</td>
    			</tr>
    		
    			<tr>
    
    				<td><input type="submit" value="添加信息" /></td>
    
    			</tr>
    		</table>
    	</form>
    </body>
    </html>

    success.html

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>第二题</title>
    </head>
    <body>
    	<form action="succeful.po">success
    	
    	
    
    				<td><input type="submit" value="显示所有信息" /></td>
    
    			
    	</form>
    </body>
    </html>

    propeties文件

    dirver=com.mysql.jdbc.Driver
    url=jdbc:mysql://localhost:3306/0602web
    username=root
    password=123

    工具类实现

    import java.sql.Connection;
    import java.sql.DriverManager;
    import java.sql.SQLException;
    import java.util.Properties;
    
    public class DBUTils {
    	public static String driver;
    	public static String url;
    	public static String user;
    	public static String password;
    
    	public static Properties properties;
    	static {
    		try {
    			properties = new Properties();
    			properties.load(Thread.currentThread().getContextClassLoader().getResourceAsStream("db.properties"));
    			driver = properties.getProperty("driver");
    			url = properties.getProperty("url");
    			user = properties.getProperty("username");
    			password = properties.getProperty("password");
    			System.out.println(driver+url+user+password);
    
    		} catch (Exception e) {
    			// TODO: handle exception
    			e.printStackTrace();
    		}
    
    	}
    	public static Connection getConn() throws SQLException, ClassNotFoundException {
    		Class.forName(driver);
    		Connection connection=DriverManager.getConnection(url, user, password);
    		System.out.println(connection+"------");
    		return connection;
    		
    	}
    
    }

    封装数据

    public class MyUser {
    	private Integer id;
    	private String name;
    	private String sex;
    	private Integer age;
    	private String love;
    	public MyUser(Integer id, String name, String sex, Integer age, String love) {
    		super();
    		this.id = id;
    		this.name = name;
    		this.sex = sex;
    		this.age = age;
    		this.love = love;
    	}
    	public MyUser(String name, String sex, Integer age, String love) {
    		super();
    		this.name = name;
    		this.sex = sex;
    		this.age = age;
    		this.love = love;
    	}
    	public MyUser() {
    		super();
    	}
    	public Integer getId() {
    		return id;
    	}
    	public void setId(Integer id) {
    		this.id = id;
    	}
    	public String getName() {
    		return name;
    	}
    	public void setName(String name) {
    		this.name = name;
    	}
    	public String getSex() {
    		return sex;
    	}
    	public void setSex(String sex) {
    		this.sex = sex;
    	}
    	public Integer getAge() {
    		return age;
    	}
    	public void setAge(Integer age) {
    		this.age = age;
    	}
    	public String getLove() {
    		return love;
    	}
    	public void setLove(String love) {
    		this.love = love;
    	}
    	@Override
    	public String toString() {
    		return "MyUser [id=" + id + ", name=" + name + ", sex=" + sex + ", age=" + age + ", love=" + love + "]";
    	}
    	
    }
    

    数据操作

    数据操作

    public class MyUserDao {
    	private QueryRunner queryRunner = new QueryRunner();
    	private Connection conn;
    
    	/**
    	 * 添加数据
    	 */
    	public int addDate(MyUser user) {
    		try {
    			conn = DBUTils.getConn();
    			String sql = "insert into myregister(name,sex,age,love) values(?,?,?,?)";
    			int count = queryRunner.update(conn, sql, user.getName(), user.getSex(), user.getAge(), user.getLove());
    			return count;
    		} catch (Exception e) {
    			// TODO: handle exception
    			e.printStackTrace();
    			return -1;
    		}
    
    	}
    	/**
    	 * 查询所有数据
    	 */
    	public List<MyUser> getQueryAll(){
    		try {
    			conn=DBUTils.getConn();
    			String sql="select * from myregister";
    			List<MyUser> user = queryRunner.query(conn, sql, new BeanListHandler<MyUser>(MyUser.class));
    			return user;
    		} catch (Exception e) {
    			// TODO: handle exception
    		}
    		return null;
    		
    	}
    }
    

    service实现

    service类

    public class MyuserService {
    	private MyUserDao myUserDao = new MyUserDao();
    
    	public int add(MyUser user) {
    		return myUserDao.addDate(user);
    
    	}
    
    	public List<MyUser> getQuery() {
    		return myUserDao.getQueryAll();
    
    	}
    }
    

     

    servlet实现

    public class SuccefSelvet extends HttpServlet {
    	private static final long serialVersionUID = 1L;
    	private MyuserService myuserService=new MyuserService();
    
    	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		response.setContentType("text/html;charset=utf-8");
    		PrintWriter printWriter = response.getWriter();
    		printWriter.println("<html>");
    		printWriter.println("<head>");
    		printWriter.println("<title>first servlet </title>");
    		printWriter.println("</heda>");
    		printWriter.println("<body>");
    		printWriter.println("<font color='red'>查询所有数据</font>"+myuserService.getQuery());
    		
    		printWriter.println("</body>");
    		printWriter.println("</html>");
    	}
    
    }

     

     

     

     

     

     

    展开全文
  • 今天学习了 SpringMVC ,最后做了一个小的项目,熟悉的登录注册1.项目结构: 源代码传送门2 . 导包介绍:5 个 Spring 基础包 : beans, context, core, expression + commons 日志包1 个 aop 包2 个 web 包 :web ...

    今天学习了 SpringMVC ,最后做了一个小的项目,熟悉的登录注册

    1.项目结构:

    这里写图片描述
    这里写图片描述

    源代码传送门

    2 . 导包介绍:

    5 个 Spring 基础包 : beans, context, core, expression + commons 日志包

    1 个 aop 包

    2 个 web 包 :web webmvc

    2个 html 的 jstl 包:jstl , standard ;

    3. 项目结构说明:

    1. User的model类
    
    2. UserDao/UserDaoiml
    
    3. UserService/UserServiceImpl 
    
    4. Util工具类
    
    5. controller类
    
    6. 3个配置文件: applicationContext.xml    spring-mvc.xml    web.xml
    

    4. 三个配置文件的代码 :

    @ applicationContext.xml

    
    <?xml version="1.0" encoding="UTF-8"?>
    
    <beans xmlns="http://www.springframework.org/schema/beans"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xmlns:context="http://www.springframework.org/schema/context"
        xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context.xsd">
    
    
        <context:component-scan base-package="com.zhiyou100"/>
        <!-- 为了对注解的支持 -->
    
    
    </beans>

    @ spring-mvc.xml

    <?xml version="1.0" encoding="UTF-8"?>
    
    <beans xmlns="http://www.springframework.org/schema/beans"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"
        xmlns:mvc="http://www.springframework.org/schema/mvc"
        xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc.xsd">
    
        <context:component-scan base-package="com.zhiyou100.controller"></context:component-scan>
    
        <mvc:annotation-driven />
    
        <bean
            class="org.springframework.web.servlet.view.InternalResourceViewResolver">
            <property name="prefix" value="/view/"></property>
            <property name="suffix" value=".jsp"></property>
    
        </bean>
    
    </beans>
    

    @ web.xml

    <?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
      <display-name>SSTesst1_Stu</display-name>
      <welcome-file-list>
        <welcome-file>index.html</welcome-file>
        <welcome-file>index.htm</welcome-file>
        <welcome-file>index.jsp</welcome-file>
        <welcome-file>default.html</welcome-file>
        <welcome-file>default.htm</welcome-file>
        <welcome-file>default.jsp</welcome-file>
      </welcome-file-list>
    
      <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:applicationContext.xml</param-value>
      </context-param>
    
      <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
      </listener>
    
    
      <servlet>
        <servlet-name>dispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
          <param-name>contextConfigLocation</param-name>
          <param-value>classpath:spring-mvc.xml</param-value>
        </init-param>
      </servlet>
    
      <servlet-mapping>
        <servlet-name>dispatcherServlet</servlet-name>
        <url-pattern>/</url-pattern>
      </servlet-mapping>
    </web-app>

    5 . 关于配置的解析说明

    -------------------------------------------
    ------------- spring ----------------------
    -------------------------------------------
    
    2. 在 src 下创建 spring 的配置文件 
    
        2.1 复制粘贴
    
    <?xml version="1.0" encoding="UTF-8"?>
    
    <beans xmlns="http://www.springframework.org/schema/beans"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"
        xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context.xsd">
    
    </beans>
    
        2.2 <context:component-scan base-package="com.zhiyou100"/>
            增加对注解的支持
    
    3. 在 web.xml 中增加监听器读取 spring 的配置文件
        3.1 增加监听器 listener 和 listener-class 两个标签
        3.2 class 是 ContextLoaderListener 的全名 = 包名 + 类名
    
    
    4. 在 web.xml 增加标签设置 spring 配置文件的位置
        4.1 增加 context-param 和 param-name、param-value 标签
        4.2 param-name:contextConfigLocation
        4.3 param-value:classpath:applicationContext.xml
    
    
    -----------------------------------------------
    ------------- spring-mvc ----------------------
    -----------------------------------------------
    
    5. 在 src 下创建 spring-mvc 的配置文件
        5.1 复制粘贴
    <beans xmlns="http://www.springframework.org/schema/beans"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xmlns:mvc="http://www.springframework.org/schema/mvc"
        xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc.xsd">
    </beans>
    
        5.2 使用默认的 handleMapping 和启用 mvc 中的注解
            <mvc:annotation-driven/>
    
        5.3 增加页面解析类 InternalResourceViewResolver
            5.3.1 增加 bean 标签
            5.3.2 设置 class = 全名 = 包名 + 路径
    
        5.4 增加 prefix 和 suffix 设置页面路径的前缀和后缀
            设置前缀以后将来所有的 jsp 必须放在 view 文件夹下
    
        <property name="prefix" value="/view/"></property>
            <property name="suffix" value=".jsp"></property>
    
    6. 去 web.xml 中配置唯一的 Servlet
        6.1 增加 servlet和 servlet-mapping 标签
    
        6.2 配置 servlet 标签,name 随便起,class 是 DispatcherServlet
    
        6.3 配置 servlet-mapping,name 和上边保持一致,url-pattern 是 /
    
        6.4 在 servlet 标签中增加 init-param 标签设置 spring-mvc 配置文件的路径
    
        6.5 param-name:contextConfigLocation
    
        6.6 param-value:classpath:spring-mvc.xml
    
    

    6. 配置完成后,去 实现 功能:

    -----------------------------------------------
    ------------- 登录注册 ------------------------
    -----------------------------------------------
    
    1. 在 src 下创建 controller,service,dao,model,util 包
    
    2. 在 WebContent 下创建 view 文件夹,存放我们所有的 jsp 文件
    
    3. 创建 model 类 User,三个属性 username,password,email
    
    4. 创建 UserService 接口,定义方法
    
    5. 创建 UserDao 接口,定义方法
    
    6. 创建 UserDaoImpl 类实现 UserDao 接口,添加 @Repository 注解
        方便将来注入到 Service 中使用
    
    7. 创建 DBUtil 类,添加 @Component
        默认就是单例模式,方便我们使用
    
    8. 回到 UserDaoImpl,增加 DBUtil 属性和对应的 setter 方法。
    
    9. 在 DBUtil 属性上增加 @Autowired 注解
        创建 UserDaoImpl 的时候,IoC 容器会自动把 DBUtil 对象赋值给这个属性
    
    10. 实现 UserDaoImpl 中的所有功能
    
    11. 创建 UserServiceImpl 实现 UserService 接口,添加 @Service 注解
        方便将来注入到 Controller 中使用
    
    12. 增加 UserDao 属性和对应的 setter 方法。
    
    13. 在 UserDao 属性上增加 @Autowired 注解
        创建 UserServiceImpl 的时候,IoC 容器会自动把 UserDaoImpl 对象赋值给这个属性
    
    14.实现 UserServiceImpl 功能
    
    15. 增加 test 源文件夹和 UserServiceTest 测试类,对 Service 进行测试
    
    16. 在 UserServiceTest 中增加 @RunWith(SpringJUnit4ClassRunner.class)
    
    17. 在 UserServiceTest 中增加 @ContextConfiguration("classpath:applicationContext.xml")
    
    18. 创建 UserController 增加 @Controller 注解,注入 UserService,完成功能
    
    19. 导入 jstl,页面中的所有路径都使用绝对路径
        <a href='<c:url value="/login"></c:url>'>登录</a>

    7. modelController 的代码:

    package com.zhiyou100.controller;
    
    import java.util.Collection;
    
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    import com.zhiyou100.model.User;
    import com.zhiyou100.service.UserService;
    
    @Controller
    public class UserController {
    
        @Autowired
        private UserService service;
    
        @RequestMapping("/login")
        public String login(User user,Model model) {
    
            if(service.login(user)){
    
                model.addAttribute("username", user.getUsername());
    
                return "welcome";
            }else {
                model.addAttribute("error", "登陆失败");
    
                return "login";
            }
    
        }
    
        @RequestMapping("/register")
        public String register(User user,Model model) {
    
            if(service.register(user)){
    
                model.addAttribute("username", user.getUsername());
    
                return "welcome";
            }else {
                model.addAttribute("error", "注册失败");
    
                return "register";
            }
    
        }
    
        @RequestMapping("/reset")
        public String resetPassword(User user,Model model) {
    
            if(service.resetPassword(user)){
    
                model.addAttribute("username", user.getUsername());
    
                return "welcome";
            }else {
                model.addAttribute("error", "重置失败");
    
                return "reset";
            }
    
        }
    
        @RequestMapping("/list")
        public String listUsers(Model model) {
    
            Collection<User> list = service.listUser();
    
            model.addAttribute("list", list);
    
            return "list";
        }
    }
    

    8. 效果截图:

    1 . 首页

    这里写图片描述

    2. 注册

    这里写图片描述

    3. 注册完成

    这里写图片描述

    4. 登录

    这里写图片描述

    多注册了几个

    这里写图片描述

    5. 展示所有

    这里写图片描述

    展开全文
  • 一份网页案例供学习者参考,提供提供源代码,学习者可以依据自己的知识对代码进行修改/删减/增加. 网页的结构与分解 主要分以下几个版块: 一:主页版块 二:登录版块 三:注册板块 四:个人设置板块 五:分享...
  • ASP.NET的网页代码模型及生命周期

    热门讨论 2009-07-28 14:22:11
    第4章 ASP.NET的网页代码模型及生命周期 从本章开始,就进入了ASP.NET应用程序开发的世界。在了解了C#的结构,以及面向对象的概念后,就可以从面向对象的思想开发ASP.NET应用程序。在ASP.NET中,能够使用面向对象的...
  • 本文介绍了以Java作为后台语言,以Tomcat搭建本地服务器,同时连接MySQL数据库实现的一个简单的网页注册和登陆功能的实现。前端页面主要使用了html,JavaScript 和 Processing。   实现的代码如下。     ...
  • Web网页可视化编程解决方案:“hello world”的实现 本文介绍:网页可视化编程+js,编写安卓应用的方案。 一共需要十步: 步骤一:访问http://ikaiwei.com:8889/ctrljs/#/login,注册帐号并登录 步骤二:点击“主...
  • 首先访问一个网页,进入的是首页,代码中是main.index一个简单的欢迎页面.这个页面需要forms.py表单并且渲染html,页面上可以跳转到注册登录页面,那么就需views.py来提供跳转路径.假设我们已经注册,或者说...
  • 不得不说,大作业真的难受 写了很长时间,报告放出来先,效果已经截图 想要全份代码的请csdn下载 ...二:登录注册版块(这部分简陋) 三:手机和电脑模板页板块 四:手机和电脑购物车具体页面板块 五:其他...
  • 今天研究了一下怎么用PHP实现MD5加密的登录注册.(pS:我是用DW制作的.)之前在网上看到了一个ASP实现MD5注册登录的教程.他是把代码写成一个专门的MD5文件.然后再调用过来使用.我使用的方法比较简单.只需要在代码写入...
  • 没有登录注册功能,纯属熟悉一下许久未用的html5代码。。嘤~这是一个在网页中通过文本框输入或者下拉框选择用户名和密码,然后添加到界面显示的表格中去的页面1.settings.py的templates需要修改,才能显示出...
  • 在公众号平台——》开发——》接口权限——》功能服务和网页服务里面的微信支付都要开通 3,到微信商户平台https://pay.weixin.qq.com/index.php/apply/applyment_home/guide_normal 注册一个商户账号,并关联你...
  • 提示:尽量使用头条APP阅读,头条网页展示代码会有问题。目录介绍原有的用户退出功能思路修改include.jsp添加处理用户退出请求的动作总结介绍前面的文章我们实现了租房网平台的用户注册、用户登录、会话跟踪等功能,...
  • 网页授权三、springboot后台代码四、测试五、关于前台1.前台配置网页授权2.页面校验登录,解决登录后没机会localStorage.setItem 前言 准备好微信公众平台提供的的APPID、APPSECRET。编译器idea、webstorm。 一、...
  • html是基于HTML的静态网页,他的内容褒词不变,其页面内容使用的仅仅是标准的HTML代码;aspx是ASP.NET页面的扩展名,是静态HTML网页里嵌入了动态的指令(这些动态指令使由各种脚本语言编写的,是由IIS服务器上脚本...
  • Web安全问题梳理

    2020-01-02 19:45:30
    一、XSS(Cross-Site Scripting) ...恶意攻击者在web页面里插入可执行的网页脚本代码,当用户浏览该页之时,嵌入其中的脚本代码就会被执行,从而可以达到攻击者盗取用户信息或其他隐私的目的。 目的 在正...
  • 实验要求: 1. 配置Tomcat ... 网页代码 …… 2). Servlet代码 …… 3). 数据表设计 …… 二、设计网页和Servlet,使用注册的用户名和密码登录 1).网页代码 …… 2).Servlet代码 ……
  • XCTF web bug

    2019-09-06 21:58:59
    注册后登陆,发现有manage,点击一下,说不是管理员,没有权限,那就得想办法获得管理员权限 退出,回到登录界面,点击Findpwd ... 登录admin,再点击manage,ip不允许,修改...在网页代码中发现传参,把do设为uplo...
  • 酷狗音乐网页版.zip

    2019-12-18 22:38:04
    上传的资源为酷狗网页版(仿写),基本语言采用的是Java与web动态项目,内含mysql数据库脚本与项目源代码。实现了音乐播放(首页中间部分的8首),用户登录注册,登录,歌曲查询,个人信息编辑。功能比较简单,适合...
  • 用eclipse制作简单网页

    千次阅读 2019-12-08 19:51:09
    近期学习JSP和Web,突发奇想,想做一个可以下载游戏、听音乐,看电影的网页,前前后后,共用时44小时,编写代码1834行,实现了拥有这些功能的网页。 主界面: 游戏页面: 音乐页面: 电影页面: 注册/登录页面...
  • NTUCTF web——admin

    2019-11-26 23:43:32
    打开网页,看到右上角,注册一个账号并登录。 查看源代码 “你不是管理者!” 那就去注册一个name为管理者的账号,发现是成功不了的 GitHub是用于版本控制和协作的代码托管平台。它使您和其他人可以在任何地方...
  • 这篇文章是作者《中小型网站开发及web设计》课程给同学们分享的网页设计在线知识,主要涉及Dreamweaver实现网站布局、简单站点开发、区域跳转、注册登录界面、图片查看器等内容,课程前期已经详细讲解了TXT撰写HTML...
  • 对于网页性能来说,没有...自2016年在全球化以来,公司发现许多新用户不仅使用移动设备进行注册,而且还使用不太理想的设备进行登录。 通过改进用于 Netflix.com 注册流程,使用预请求 JavaScript 的技术,开发人...
  • 接下来记录最近学习的flask连接mysql数据库,完善用户登录系统,加入注册和查询用户信息的功能。 由于初次学习,所写的代码和展示的页面都比较简陋,各位大佬就看看图一乐,发现有错误之处请指出。我主要是记录所学...

空空如也

空空如也

1 2 3 4 5 ... 9
收藏数 177
精华内容 70
关键字:

web登录注册网页代码