精华内容
下载资源
问答
  • web登陆页面
    千次阅读 多人点赞
    2021-01-31 10:02:15

    参考视频:https://ke.qq.com/course/320021

    代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>登录页面</title>
        <style>
            body {
                background-image: url("img/星空.jpg");
                background-repeat: no-repeat;
                background-size: 100% 100%;
                background-attachment: fixed;      /*图片铺满整个页面*/
            }
            .main {
                width: 500px;
                height: 300px;
                box-shadow: 0 5px 20px 0 #e8e8e8;
                background-color: white;
                border-radius: 10px;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: auto;
            }
            .main h2 {
                color: lightseagreen;
                margin-left: 150px;
            }
            .form {
                margin-top: 30px;
                margin-left: 60px;
            }
            .form input {
                width: 300px;
                height: 25px;
                border: 1px solid lightgray;
                outline: none;      /*输入内容时不显示边框*/
            }
            .form button {
                width: 150px;
                height: 30px;
                color: white;
                background-color: lightseagreen;
                border-style: none;
                border-radius: 5px;
                font-size: 15px;
                margin-top: 15px;
                margin-left: 130px;
                outline: none;
                cursor: pointer;    /*光标放到上面有小手*/
            }
        </style>
    </head>
    <body>
        <div class="main">
            <h2>欢迎访问管理系统</h2>
            <form action="" method="get" class="form">
                用户名: <input type="text", name="username"><br>    <!--输入的用户名保存到username变量,传回后端-->&nbsp;&nbsp;&nbsp;码: <input type="password", name="password"><br>
                <button type="submit">登录</button><br>
            </form>
        </div>
    </body>
    </html>
    

    效果

    在这里插入图片描述

    更多相关内容
  • web 登陆页面

    千次阅读 2022-03-24 13:11:07
    web程序设计的登陆页面,仅供参考

     目录

     

    前言

    1. 连接池概述

    2. c3p0概述

    登陆步骤

    一、准备工作

    1. 设置自动编译

    2. 放入架包

    3. 测试连接池

    二、连接数据库

    1. 创建数据库连接池 c3p0-config.xml

    2. 创建工具类 C3P0Utils

    三、登陆页面

    表现层

    1. MVC中的 controller 控制器

    MVC中的 model 模型

    MVC中的 view 视图

    业务逻辑层 :service

    接口

    对应的实现类 impl

    控制层 → 业务逻辑层

    ServletLogin 调用 UsersService

    数据访问层:

    创建接口

    对应的实现类

    业务逻辑层 → 数据访问层

    【常见问题】

    【总代码】

    controller 控制层

    ServletLogin

    entity 模型,实体

    Users

    web 视图

    login.jsp

    service 业务逻辑层

    UsersService 接口

    UsersServiceImpl 实现类

    dao 数据访问层

    UsersDao 接口

    UsersDaoImpl 实现类

    utils 连接池

    C3P0Utils

    c3p0-config.xml


    前言

    1. 连接池概述

    Java为数据库连接池提供了公共的接口: javax.sql.DataSource,各个厂商需要让自己的连接池实现这个接口。这样应用程序可以方便的切换不同厂商的连接池!

    常见的连接池:DBCP、C3PO、Druid(阿里。功能强大)。

    2. c3p0概述

    使用第三方工具需要导入jar包,c3p0使用时还需要添加配置文件 c3pO-config xml.


    登陆步骤

    一、准备工作

    1. 设置自动编译

    2. 放入架包

    3. 测试连接池

    这个只是测试,真正的项目不

    二、连接数据库

    1. 创建数据库连接池 c3p0-config.xml

    c3p0-config.xml文件一定要放在src里!!!

    <?xml version='1.0' encoding='UTF-8'?>

    <c3p0-config>

    <!-- 默认配置 -->

    <default-config>

    <property name="driverClass">com.mysql.cj.jdbc.Driver</property>

    <!--<property name="jdbcUrl">jdbc:mysql://127.0.0.1:3306/igeek?useUnicode=true&characterEncoding=utf8</property>-->

    <property name="jdbcUrl">jdbc:mysql://localhost:3306/usersystem?serverTimezone=UTC&amp;useSSL=false&amp;useUnicode=true&amp;characterEncoding=utf8</property>

    <property name="user">root</property>

    <property name="password">123456</property>

    </default-config>

    <named-config name="cl">

    <!-- 连接数据库的4项基本参数 -->

    <property name="driverClass">com.mysql.cj.jdbc.Driver</property>

    <property name="jdbcUrl">jdbc:mysql://localhost:3306/usersystem?serverTimezone=UTC&amp;useSSL=false&amp;useUnicode=true&amp;characterEncoding=utf8</property>

    <property name="user">root</property>

    <property name="password">root</property>

    <!-- 如果池中数据连接不够时一次增长多少个 -->

    <property name="acquireIncrement">5</property>

    <!-- 初始化连接数 不加也有初始值的-->

    <property name="initialPoolSize">20</property>

    <!-- 最小连接受 -->

    <property name="minPoolSize">10</property>

    <!-- 最大连接数 -->

    <property name="maxPoolSize">40</property>

    <!-- -JDBC的标准参数,用以控制数据源内加载的PreparedStatements数量 -->

    <property name="maxStatements">0</property>

    <!-- 连接池内单个连接所拥有的最大缓存statements数 -->

    <property name="maxStatementsPerConnection">5</property>

    </named-config>

    </c3p0-config>

    2. 创建工具类 C3P0Utils

    三、登陆页面

    三层架构和MVC

    MVC:M:model模型 实体类 V:view视图 jsp页面 C:controller控制器 servlet

    三层架构:表现层、业务逻辑层、数据访问层

    表现层:用户肉眼可以看的到的页面 MVC

    业务逻辑层:逻辑运算

    数据访问层:连接数据库的


    登录:用户输入用户名和密码,验证用户名和密码在数据库中是否存在,存在提示用户登陆成功,不存在提示用户登录失败

    模型(实体):用户 users

    视图:登录页

    控制器:controller包 --> loginServlet.java

    业务逻辑层:service--->

    数据访问层:dao--->

    页面---》控制器---》业务逻辑层---》数据访问层---》连接数据库 ---》数据访问层---》业务逻辑层---》页面

    表现层

    1. MVC中的 controller 控制器

    loginservlet

    package com.cl.controller;

    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 java.io.IOException;

    @WebServlet("/login")

    public class ServletLogin extends HttpServlet {

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }

    }

    重启,

    在新页面的网址后面加login,回车跳转页面,页面跳转成功后是空白的

    http://localhost:8080/test4_war_exploded/login

    打开数据库,成功导入数据,说明c3p0连接数据库成功

    2. MVC中的 model 模型

    Users 实体 entity

    3. MVC中的 view 视图

    login.jsp 页面

    业务逻辑层 :service

    1. 接口

    UsersService

    2. 对应的实现类 impl

    UsersServiceImpl

    • 控制层 → 业务逻辑层

    ServletLogin 调用 UsersService

    实例化一个对象

    防止中文乱码:

    response.setCharacterEncoding("utf8");

    response.setCharacterEncoding("gbk"); //utf8 不行就换 gbk

    • 数据访问层:

    1. 创建接口

    UsersDao

    2. 对应的实现类

    UsersDaoImpl

    注意这里注册的账号用户名不可重名,看一下数据有没有重名,有的话手动更改,如果不改会报错

    • 业务逻辑层 → 数据访问层

    UsersServiceImpl 访问 UsersDaoImpl

    重启,

    http://localhost:8080/test4_war_exploded/login.jsp

    【常见问题】

    ps:开发类项目不要放在中文目录下,会报错

    问题:地址不存在

    解决方法:改成("/login")

    【总代码】

    • controller 控制层

    ServletLogin

    com.cl.controller.ServletLogin

    package com.cl.controller;

    import com.cl.entity.Users;

    import com.cl.service.UsersService;

    import com.cl.service.impl.UsersServiceImpl;

    import com.cl.utils.C3P0Utils;

    import org.apache.commons.dbutils.QueryRunner;

    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 java.io.IOException;

    import java.sql.SQLException;

    @WebServlet("/login")

    public class ServletLogin extends HttpServlet {

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    response.setCharacterEncoding("gbk"); //防止中文乱码

    //获得用户名和密码

    String username = request.getParameter("username");

    String pwd = request.getParameter("pwd");

    Users users = new Users();

    users.setUsername(username);

    users.setPwd(pwd);

    //页面---》控制器---》业务逻辑层---》数据访问层---》连接数据库 ---》数据访问层---》业务逻辑层---》页面

    //控制层调用业务逻辑层--实例化一个对象

    UsersService usersService = new UsersServiceImpl();

    boolean flag = usersService.login(users);

    if(flag){

    response.getWriter().println("登录成功");

    }else{

    response.getWriter().println("登陆失败");

    }

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    //核心类

    QueryRunner queryRunner = new QueryRunner(C3P0Utils.getDataSource());

    //sql

    //int count = queryRunner.update("insert into users(username,pwd) values('admin','111') --然后抛出异常

    String sql = "insert into users(username,pwd) values('admin','111')";

    int count = 0;

    try {

    count = queryRunner.update(sql);

    } catch (SQLException e) {

    e.printStackTrace();

    }

    System.out.println(count);

    }

    }

    • entity 模型,实体

    Users

    com.cl.entity.Users

    package com.cl.entity;

    public class Users {

    private Integer id;

    private String username;

    private String pwd;

    private String sex;

    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 getPwd() {

    return pwd;

    }

    public void setPwd(String pwd) {

    this.pwd = pwd;

    }

    public String getSex() {

    return sex;

    }

    public void setSex(String sex) {

    this.sex = sex;

    }

    }

    • web 视图

    login.jsp

    web.login.jsp

    <%--

    Created by IntelliJ IDEA.

    User: 19935

    Date: 2022/3/21

    Time: 18:25

    To change this template use File | Settings | File Templates.

    --%>

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>

    <html>

    <head>

    <title>登录</title>

    </head>

    <body>

    <form action="login" method="post">

    <p>

    用户名:<input name="username">

    </p>

    <p>

    密码:<input name="pwd">

    </p>

    <p>

    <input type="submit" name="登录">

    </p>

    </form>

    </body>

    </html>

    • service 业务逻辑层

    UsersService 接口

    com.cl.service.UsersService

    package com.cl.service;

    import com.cl.entity.Users;

    public interface UsersService {

    public boolean login(Users users);

    }

    UsersServiceImpl 实现类

    com.cl.service.UsersServiceImpl

    package com.cl.service.impl;

    import com.cl.dao.UsersDao;

    import com.cl.dao.impl.UsersDaoImpl;

    import com.cl.entity.Users;

    import com.cl.service.UsersService;

    public class UsersServiceImpl implements UsersService {

    @Override

    public boolean login(Users users) {

    UsersDao usersDao = new UsersDaoImpl();//访问数据层

    Users u = usersDao.login(users);//返回结果

    if(u==null) {

    return false;

    }else

    return true;

    }

    }

    • dao 数据访问层

    UsersDao 接口

    com.cl.dao.UsersDao

    package com.cl.dao;

    import com.cl.entity.Users;

    public interface UsersDao {

    public Users login(Users users);

    }

    UsersDaoImpl 实现类

    com.cl.dao.UsersDaoImpl

    package com.cl.dao.impl;

    import com.cl.dao.UsersDao;

    import com.cl.entity.Users;

    import com.cl.utils.C3P0Utils;

    import org.apache.commons.dbutils.QueryRunner;

    import org.apache.commons.dbutils.handlers.BeanHandler;

    import java.sql.SQLException;

    public class UsersDaoImpl implements UsersDao {

    @Override

    public Users login(Users users) {

    //连接数据库

    QueryRunner queryRunner = new QueryRunner(C3P0Utils.getDataSource());

    String sql = "select * from users where username=? and pwd=?";

    Object[] param = {users.getUsername(),users.getPwd()};

    //注册的账号用户名不可重名--注意数据库里的不要重名否则会报错

    Users u = null;

    try {

    u = queryRunner.query(sql,new BeanHandler<>(Users.class),param);

    } catch (SQLException e) {

    e.printStackTrace();

    }

    return u;

    }

    }

    • utils 连接池

    C3P0Utils

    com.cl.utils.C3P0Utils

    package com.cl.utils;

    import com.mchange.v2.c3p0.ComboPooledDataSource;

    import javax.sql.DataSource;

    import java.sql.Connection;

    import java.sql.SQLException;

    public class C3P0Utils {

    //获得连接池

    private static ComboPooledDataSource dataSource = new ComboPooledDataSource();

    //连接数据源

    public static DataSource getDataSource(){

    return dataSource;

    }

    public static Connection getConnection() throws SQLException {

    return dataSource.getConnection();

    }

    }

    • c3p0-config.xml

    src. c3p0-config.xml

    <?xml version='1.0' encoding='UTF-8'?>

    <c3p0-config>

    <!-- 默认配置 -->

    <default-config>

    <property name="driverClass">com.mysql.cj.jdbc.Driver</property>

    <!--<property name="jdbcUrl">jdbc:mysql://127.0.0.1:3306/igeek?useUnicode=true&characterEncoding=utf8</property>-->

    <property name="jdbcUrl">jdbc:mysql://localhost:3306/usersystem?serverTimezone=UTC&amp;useSSL=false&amp;useUnicode=true&amp;characterEncoding=utf8</property>

    <property name="user">root</property>

    <property name="password">123456</property>

    </default-config>

    <named-config name="cl">

    <!-- 连接数据库的4项基本参数 -->

    <property name="driverClass">com.mysql.cj.jdbc.Driver</property>

    <property name="jdbcUrl">jdbc:mysql://localhost:3306/usersystem?serverTimezone=UTC&amp;useSSL=false&amp;useUnicode=true&amp;characterEncoding=utf8</property>

    <property name="user">root</property>

    <property name="password">root</property>

    <!-- 如果池中数据连接不够时一次增长多少个 -->

    <property name="acquireIncrement">5</property>

    <!-- 初始化连接数 不加也有初始值的-->

    <property name="initialPoolSize">20</property>

    <!-- 最小连接受 -->

    <property name="minPoolSize">10</property>

    <!-- 最大连接数 -->

    <property name="maxPoolSize">40</property>

    <!-- -JDBC的标准参数,用以控制数据源内加载的PreparedStatements数量 -->

    <property name="maxStatements">0</property>

    <!-- 连接池内单个连接所拥有的最大缓存statements数 -->

    <property name="maxStatementsPerConnection">5</property>

    </named-config>

    </c3p0-config>

    展开全文
  • web开发用例jsp的几个注册页面登录用例
  • web登录页面

    热门讨论 2013-01-21 16:38:49
    好看的web登录页面,简洁、实用。 好看的web登录页面,简洁、实用。
  • 终端、’认证、注册、登录使用web页面html模板
  • 网站web登录页面模板

    2017-06-21 10:35:41
    网站登录页面模板,特别漂亮,可直接粘贴使用
  • 很好看的登录页面,3D效果,适合网络安全系统二次开发。
  • web登陆页面的用户注册、插入、修改、查找、删除等功能的JSP实现
  • one.rar_web登录页面

    2022-09-23 08:04:06
    只能登录一的实现方法,主要针对web页面的,希望对你有用
  • 主要介绍了Java Web 登录页面的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 无法登陆路由器WEB管理界面,意味着我们对路由进行任何操作,多么严重的一件事哈,接下来针对这个情况做了一下分类及解决,感兴趣的你可以参考下或许对你有所帮助
  • 用springboot写一个简单的web登录页面

    千次阅读 2021-01-13 16:00:08
    (可以在service文件夹下新建impl文件放业务实现类,也可以把业务实现类单独放一个文件夹下,更清晰) (4)Web层:就是Controller层,实现与web前端的交互 最后附上学习的博主文章(写的是真滴好) ...

    前言

    先简单建一个springboot项目试试,看看运行以后,localhost:8080能否进入,还有maven包是否已经导入。

    springboot介绍:
    在这里插入图片描述

    项目目录

    在这里插入图片描述

    具体实现

    1.按照目录,依次将包建好,我的项目名叫test。
    2.bean包内建立“Userbean”

    package com.example.test.bean;
    
    public class UserBean {
        private int id;
        private String name;
        private String password;
    
        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 String getPassword() {
            return password;
        }
    
        public void setPassword(String password) {
            this.password = password;
        }
    }
    

    3.controller包内建立"LoginController"

    package com.example.test.controller;
    
    import com.example.test.bean.UserBean;
    import com.example.test.service.UserService;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RequestMethod;
    
    @Controller
    public class LoginController {
    
        //将Service注入Web层
        @Autowired
        UserService userService;
    
        @RequestMapping("/login")
        public String show(){
            return "login";
        }
    
        @RequestMapping(value = "/loginIn",method = RequestMethod.POST)
        public String login(String name,String password){
            UserBean userBean = userService.loginIn(name,password);
            if(userBean!=null){
                return "success";
            }else {
                return "error";
            }
        }
    
    
    
    }
    

    4.mapper文件夹下建立"Usermapper"(DAO层访问数据库接口文件: )

    package com.example.test.mapper;
    
    import com.example.test.bean.UserBean;
    
    public interface UserMapper {
    
        UserBean getInfo(String name,String password);
    
    }
    

    5.service文件夹下建立"Userservice"(Service层业务实现类编写,注意要注解@Service,注入DAO)

    
    package com.example.test.service;
    
    import com.example.test.bean.UserBean;
    
    public interface UserService {
    
        UserBean loginIn(String name,String password);
    
    }
    

    6.ServiceImpl文件夹下建立"UserServiceImpl"

    package com.example.test.serviceImpl;
    
    import com.example.test.bean.UserBean;
    import com.example.test.mapper.UserMapper;
    import com.example.test.service.UserService;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Service;
    
    @Service
    public class UserServiceImpl implements UserService {
    
        //将DAO注入Service层
        @Autowired
        private UserMapper userMapper;
    
        @Override
        public UserBean loginIn(String name, String password) {
            return userMapper.getInfo(name,password);
        }
    }
    

    7.启动java的TestApplication(项目启动类要添加注解@MapperScan项目启动时扫描mapper接口,否则会报错找不到mapper文件)

    package com.example.test;
    
    import org.mybatis.spring.annotation.MapperScan;
    import org.springframework.boot.SpringApplication;
    import org.springframework.boot.autoconfigure.SpringBootApplication;
    
    @SpringBootApplication
    @MapperScan("com.example.test.mapper")
    public class TestApplication {
    
        public static void main(String[] args) {
            SpringApplication.run(TestApplication.class, args);
        }
    
    }
    

    8.在下面的resources文件夹下要再建立一个mapper文件夹,里面建立Usermapper.xml(xml第一行不能空,不然会报错)

    (DAO层访问数据库实现文件(需在resource包下创建mapper文件夹,然后再创建一个UserMapper.xml.在application配置文件中mybatis:mapper-locations:对应的就是该文件地址),注意标签的namespace属性要填写 访问数据库接口类文件路径:)

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
    <mapper namespace="com.example.test.mapper.UserMapper">
    
        <select id="getInfo" parameterType="String" resultType="com.example.test.bean.UserBean">
            SELECT * FROM user WHERE name = #{name} AND password = #{password}
        </select>
    
    </mapper>
    

    9.下面的application.yml如果不是yml格式,可以先右键Refactor然后Rename修改为yml格式
    然后代码如下:(url都是一样的,不同于在你的数据库名,用户名和密码基本都是root,123456,不过也得看你自己的。数据库驱动一定要加,如果报错,更新maven包试试)

    spring:
      datasource:
        name: test  #数据库名
        url: jdbc:mysql://localhost:3306/test #url
        username: root  #用户名
        password: 123456  #密码
        driver-class-name: com.mysql.jdbc.Driver  #数据库链接驱动
    
    
    mybatis:
      mapper-locations: classpath:mapper/*.xml  #配置映射文件
      type-aliases-package: com.example.test.bean #配置实体类
    
    

    10.最后在temlplates添加login.html success.html error.html 即可

    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>login</title>
    </head>
    <body>
    <form role="form" action = "/loginIn" method="post">
        账号:<input type="text" id="name" name = "name"> <br>
        密码:<input type="password" id = "password" name = "password"> <br>
        <input type="submit" id = "login" value = "login">
    </form>
    
    </body>
    </html>
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>success</title>
    </head>
    <body>
    <h1>登录成功!</h1>
    </body>
    </html>
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>error</title>
    </head>
    <body>
    <h1>登录失败!</h1>
    </body>
    </html>
    

    总结:

    SpringBoot项目大概分为四层:

    (1)DAO层:包括XxxMapper.java(数据库访问接口类),XxxMapper.xml(数据库链接实现);(这个命名,有人喜欢用Dao命名,有人喜欢用Mapper,看个人习惯了吧)

    (2)Bean层:也叫model层,模型层,entity层,实体层,就是数据库表的映射实体类,存放POJO对象;

    (3)Service层:也叫服务层,业务层,包括XxxService.java(业务接口类),XxxServiceImpl.java(业务实现类);(可以在service文件夹下新建impl文件放业务实现类,也可以把业务实现类单独放一个文件夹下,更清晰)

    (4)Web层:就是Controller层,实现与web前端的交互

    最后附上学习的博主文章(写的是真滴好)
    https://blog.csdn.net/baidu_39298625/article/details/98102453?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-4.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-4.control

    展开全文
  • 移动web登录页面源码

    2017-06-14 20:13:44
    基于mui框架开发的移动web app登录注册页面源码,demo均来自国外大触公开参考案例
  • 简单WEB登录页面代码实现

    万次阅读 2020-03-03 20:57:40
    longin.html:登录页面,此处action引用**/**类型的地址,JSP可以用${ pageContext.request.contextPath }/LS <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR...

    longin.html:登录页面,此处action引用**/**类型的地址,JSP可以用${ pageContext.request.contextPath }/LS
    登录页面展示,比较丑,看代码即可

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                               "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
      <body>
        <form action="/lianxiti/LS",method="post">
        	
    	    用户名: <input name="username" type="text" /><br/>
    		密码:<input name="password" type="password" /><br/>	
    			    <input type="submit" value="提交" id="bt" />
        </form>
      </body>
    

    LoginServlet.java用户和前台WEB页面数据进行交互

    package it.tongyou.web.servlet;
    
    import java.io.IOException;
    import java.io.PrintWriter;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    public class LoginServlet extends HttpServlet {
    	public void doGet(HttpServletRequest request, HttpServletResponse response)
    			throws ServletException, IOException {
    	//乱码解决
    	response.setContentType("text/html;charset-utf-8");
    	//获取页面传过来的数据
    	String username=request.getParameter("username");
    	String password=request.getParameter("password");
    	//判断账号密码
    	if(("xm").equals(username) && ("123").equals(password)){
    		response.sendRedirect("/lianxiti/success.html");
    	}else{
    		response.sendRedirect("/liantixi/longin.html");
    	}
    	}
    	public void doPost(HttpServletRequest request, HttpServletResponse response)
    			throws ServletException, IOException {
    		doGet(request, response);
    	}
    }
    

    web.xml应用路径配置/LS和longin.html引用地址一定要一样,因为此处需要把WEB页面的数据提交到对应的servlet中;

    <?xml version="1.0" encoding="UTF-8"?>
    <web-app version="2.5" 
    	xmlns="http://java.sun.com/xml/ns/javaee" 
    	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
      
      <!-- 页面WEB跳转servlet层 -->
      <servlet>
        <servlet-name>LoginServlet</servlet-name>
        <servlet-class>it.tongyou.web.servlet.LoginServlet</servlet-class>
      </servlet>
      <servlet-mapping>
        <servlet-name>LoginServlet</servlet-name>
        <url-pattern>/LS</url-pattern>
      </servlet-mapping>
    
     <!-- 打开项目优先展示页面 --> 
      <welcome-file-list>
        <welcome-file>longin.html</welcome-file>
      </welcome-file-list>
    </web-app>
    

    成功后跳到success.html页面
    登录成功后显示的页面

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                               "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
      <body>
        成功登录
      </body>
    </html>
    
    展开全文
  • 即该用例执行的目的或方法5) Web登录界面测试用例设计 软件测试 1、一个好的用例的表述要点,即用例中应当包含的信息 一个优秀的测试用例,应该包含以下信息: 1)软件或项目的名称 2)软件或项目的版本(内部...
  • 交换机web 登陆页面搭建

    千次阅读 2020-04-30 11:27:18
    设备管理-Console登录方法 1 环境搭建及连接方式 1.1 需要的工具及软件 l Console线:一端是RJ-45水晶头(网口),一端是DB9的串口(9针头)。台式机通常自带COM口,连接线缆的DB9串口,如果是笔记本,则可以.....
  • web登录注册页面

    万次阅读 多人点赞 2021-07-09 16:34:45
    目录web登录注册页面效果图结构图Java代码User.javaUserMapper.javaIndexServlet.javaRegisterServlet.javaDButil.javaxml配置文件mybatis-config.xmldb.propertiesweb.xmlhtml与cssindex.jspindex.cssregister....
  • 我们在做网站开发时,老板要求不同风格的界面,就连登陆界面也要求不一样。上网找了一些比较不错收藏起来。直接上图
  • Javaweb登录页面login.zip

    2020-05-24 09:21:15
    Javaweb登录页面login.zip
  • 将用户、密码、确认密码是否为空,用Javascript完成; 头像图片上传(图片自己设定); 后端代码,提交成功后直接跳转回登录页面
  • 如何使用Python登录web页面

    千次阅读 2020-12-08 16:02:32
    我在localhost\administration上有一个登录页面,我使用以下代码登录:import urllibimport http.cookiejar as ckjlg = {'nick':'john','pass':'password'}url = '...urllib....
  • Web教程---登录页面

    万次阅读 2019-07-01 11:28:51
    登录页面login代码check代码success代码 web项目下文件: login代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>登录</title&...
  • 漂亮的web登陆界面

    2020-12-20 10:30:28
    漂亮的web登陆界面
  • 注册登录页面的模板注册登录页面的模板注册登录页面的模板注册登录页面的模板注册登录页面的模板注册登录页面的模板注册登录页面的模板注册登录页面的模板注册登录页面的模板注册登录页面的模板注册登录页面的模板...
  • web前端的登陆页面制作

    千次阅读 2019-08-18 14:19:01
    web前端的登陆页面制作 登陆页面中有要登陆系统(网站)的名称,输入账号密码的输入框,以及登陆按钮这几个重要部分,其余的可以随便添加,但是页面布局要合理 标陆页面题在页面输入框之前的图像是特殊的字体,...
  • golang_webgolang简单web服务器(登录小例子),效果预览:![golang_web]()##目录结构bin--gobuild生成的执行程序目录/template --静态文件(和执行程序同级)src--源代码/golang_web --包template--静态文件(编译之后,将...
  • NETBEANS做的WEB登录页面

    热门讨论 2013-01-03 18:46:17
    NETBEANS做的WEB登录页面 做的不好,仅供NETBEANS的初学者参考。 我是来赚积分的……之后还有其他的页面。
  • 这是一个简单的web登录注册页面,含有基础的JS登录验证语法,入门级页面源码文件,需要的,自行下载了解。
  • 其实这些问题同样适用于登录页面,对于登录页面,是否有足够的魅力让用户在登录过程中不感到烦躁,是否能准确的区分所要填写的信息(如:是填用户名或是电话,快速切换的按钮在哪等),是否能准确找到登录或注册按钮,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 507,308
精华内容 202,923
关键字:

web登陆页面