精华内容
下载资源
问答
  • HTML 登陆界面

    2018-10-23 20:39:12
    用超文本语言HTML写的前端用户登陆界面,仅限前端,不含后台逻辑。
  • HTML登陆界面

    2013-07-01 13:37:49
    好看的蓝色HTML登陆界面,自己用的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns=...
  • 漂亮的html登陆界面

    千次下载 热门讨论 2012-06-14 17:16:37
    浅蓝色漂亮的html登陆界面 PSD与HTML
  • html登陆界面源码

    2018-10-29 12:07:09
    前端超级简洁的html源码实例,带摇晃特效的扁平风格登录注册表单界面
  • django连接html登陆界面 第一步: 引入登陆页面 url.py from django.contrib import admin from django.conf.urls import url from django.shortcuts import HttpResponse,render urlpatterns = [ path('admin/', ...

    django连接html登陆界面

    第一步:
    引入登陆页面
    url.py

    from django.contrib import admin
    from django.conf.urls import  url
    from django.shortcuts import HttpResponse,render
    
    urlpatterns = [
        path('admin/', admin.site.urls),
        url(r'^index/', index),
    ]
    
    

    第二步:templates下添加index.html文件
    在这里插入图片描述
    第三步:
    html中简单的描述例如:html的文本部分加上“登陆成功”
    第四步:web的文件下添加一个static的文件project,文件中添加css,images,js三个文件名,html装饰的这三类文件可放在里面
    在这里插入图片描述
    第五步:setting文件下在static下加

    STATIC_URL = '/static/'
    
    STATICFILES_DIRS= [
        os.path.join(BASE_DIR,'static')
    ]
    
    

    第六步:

    from django.contrib import admin
    from django.conf.urls import  url
    from django.shortcuts import HttpResponse,render
    
    def index(request):
        if request.method=='POST':
            user=request.POST.get('user')
            password=request.POST.get('password')
            #校验
            if user=='Admin' and password=='123456':
                return HttpResponse('登陆成功')
        return render(request,'index.html')
    
    urlpatterns = [
        path('admin/', admin.site.urls),
        url(r'^index/', index),
    ]
    
    

    最后登陆127.0.0.1:8000/index,输入用户名Admin和123456,即登陆成功。

    展开全文
  • ichat_html登陆界面,zip

    2012-01-11 15:11:50
    ichat_html登陆界面,zip 希望对感兴趣的有所帮助
  • html登陆界面(l蓝色)

    2015-11-03 22:11:13
    好看的登陆界面
  • 关于一个简易的html登陆界面并且连接数据库判断所需要:数据库连接池druid,和tomcat服务器login.html初始化的连接数量最大连接数最大等待时间JDBC的工具类,使用Druid连接池创建登陆对象用户登录类判断登录是否成功...

    所需要:数据库连接池druid,和tomcat服务器

    在这里插入图片描述

    login.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <form action="/carrent/UserLoginServlet" method="post">
        用户名:<input type="text" name="username"> <br>
        密码:<input type="password" name="password"><br>
        <input type="submit" value="登录">
    </form>
    </body>
    </html>
    

    druid配置文件

    driverClassName=com.mysql.jdbc.Driver
    url=jdbc:mysql://localhost:3306/carrent
    username=root
    password=root

    初始化的连接数量

    initialSize=5

    最大连接数

    maxActive=10

    最大等待时间

    maxWait=3000

    JDBC的工具类,使用Druid连接池

    package cn.web.utils;
    
    import com.alibaba.druid.pool.DruidDataSourceFactory;
    
    import javax.sql.DataSource;
    import java.io.IOException;
    import java.io.InputStream;
    import java.sql.Connection;
    import java.sql.SQLException;
    import java.util.Properties;
    
    /**
     * JDBC的工具类  使用Druid连接池
     */
    public class JDBCUtils {
        private static DataSource ds;
        static {
            try {
                // 1.加载配置文件
                Properties properties = new Properties();
                //使用Class.loader来加载配置文件,获取字节输入流
                InputStream resourceAsStream = JDBCUtils.class.getClassLoader().getResourceAsStream("druid.properties");
                properties.load(resourceAsStream);
                ds = DruidDataSourceFactory.createDataSource(properties);
            } catch (IOException e) {
                e.printStackTrace();
            } catch (Exception e) {
                e.printStackTrace();
            }
            // 2.初始化连接池
        }
        /**
        * 获取连接池对象
        */
        public static DataSource getDataSource(){
            return ds;
        }
        /**
         * 获取连接Connection对象
         */
        public static Connection getConnection() throws SQLException {
            return ds.getConnection();
        }
    }
    

    创建登陆对象

    package cn.web.person;
    
    public class User {
        private int id;
        private String username;
        private String password;
    
        public int getId() {
            return id;
        }
    
        public void setId(int 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;
        }
    }
    
    

    用户登录类

    package cn.web.login;
    
    import cn.web.person.User;
    import cn.web.utils.JDBCUtils;
    import org.springframework.dao.DataAccessException;
    import org.springframework.jdbc.core.BeanPropertyRowMapper;
    import org.springframework.jdbc.core.JdbcTemplate;
    
    public class UserLogin {
        private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());
        public User Login(User loginUser){
            try {
                //1.编写sql
                String sql = "select *from user where username = ? and password = ?";
                //2.调用query方法
                User user = template.queryForObject(sql,
                        new BeanPropertyRowMapper<>(User.class),
                        loginUser.getUsername(), loginUser.getPassword());
                return user;
            } catch (DataAccessException e) {
                e.printStackTrace();//记录日志
                return null;
            }
        }
    }
    
    

    判断登录是否成功

    package cn.web.UserServlet;
    
    import cn.web.login.UserLogin;
    import cn.web.person.User;
    import org.apache.commons.beanutils.BeanUtils;
    
    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.lang.reflect.InvocationTargetException;
    import java.util.Map;
    
    @WebServlet("/UserLoginServlet")
    public class LoginServlet extends HttpServlet {
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            req.setCharacterEncoding("utf-8");
            Map<String, String[]> parameterMap = req.getParameterMap();
            User loginUser = new User();
            try {
                BeanUtils.populate(loginUser,parameterMap);
            } catch (IllegalAccessException e) {
                e.printStackTrace();
            } catch (InvocationTargetException e) {
                e.printStackTrace();
            }
            UserLogin userLogin = new UserLogin();
            User user = userLogin.Login(loginUser);
            //5.判断user
            if(user == null){
                //登录失败
                req.getRequestDispatcher("/UserFailServlet").forward(req,resp);
            }else {
                //登录成功
                //存储数据
                req.setAttribute("user",user);
                //转发
                req.getRequestDispatcher("/UserSuccessServlet").forward(req,resp);
            }
        }
    
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            this.doGet(req, resp);
        }
    }
    
    

    成功界面

    package cn.web.UserServlet;
    
    
    import cn.web.person.Admin;
    import cn.web.person.User;
    import cn.web.utils.JDBCUtils;
    import org.springframework.jdbc.core.JdbcTemplate;
    
    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("/UserSuccessServlet")
    public class SuccessServlet extends HttpServlet {
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            //获取req域共享的user对象
            User user = (User) req.getAttribute("user");
            if (user != null) {
                //给页面写一句话
                //设置编码
                resp.setContentType("text/html;charset=utf-8");
                //输出
                resp.getWriter().write("登录成功"+ user.getUsername() + ",欢迎您");
        }
    
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            this.doGet(req, resp);
        }
    }
    
    

    失败界面

    package cn.web.UserServlet;
    
    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("/UserFailServlet")
    public class FailServlet extends HttpServlet {
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            //设置编码
            resp.setContentType("text/html;charset=utf-8");
            //输出
            resp.getWriter().write("登录失败,用户名或密码错误");
        }
    
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            this.doGet(req, resp);
        }
    }
    
    

    关于数据库

    这是登录所需要的账号密码

    演示

    登录:

    登录
    登录成功:
    成功
    登录失败:
    登录失败

    如何登录?

    1.首先需要启动启动tomcat服务器,把端口号8080修改为80.
    并且设置虚拟目录为/carrent
    2.进入:因为进入的界面为login.html故网址为:localhost/carrent/login.html,后续只需要输入数据库中存入的数据即可。若没有修改端口号则http://localhost:8080/carrent/login.html.

    展开全文
  • 诺亚今天这篇文章就和大家分享一个HTML简单登录界面的代码,有一定的参考价值,感兴趣的朋友可以看看。实例:制作一个HTML登录页面,包含邮箱,登录密码,立即注册,忘记密码等,代码如下:HTML部分:登 录立即注册...

    每个网站都会有登录页面,那你知道如何写HTML登录页面吗?诺亚今天这篇文章就和大家分享一个HTML简单登录界面的代码,有一定的参考价值,感兴趣的朋友可以看看。

    实例:制作一个HTML登录页面,包含邮箱,登录密码,立即注册,忘记密码等,代码如下:


    HTML部分:

    CSS部分:

    * { margin: 0; padding: 0; }
    html { height: 100%; }
    body { height: 100%; background: #fff url(img/backgroud.png) 50% 50% no-repeat; background-size: cover;}
    .dowebok { position: absolute; left: 50%; top: 50%; width: 430px; height: 550px; margin: -300px 0 0 -215px; border: 1px solid #fff; border-radius: 20px; overflow: hidden;}
    .logo { width: 104px; height: 104px; margin: 50px auto 80px; background: url(img/login.png) 0 0 no-repeat; }
    .form-item { position: relative; width: 360px; margin: 0 auto; padding-bottom: 30px;}
    .form-item input { width: 288px; height: 48px; padding-left: 70px; border: 1px solid #fff; border-radius: 25px; font-size: 18px; color: #fff; background-color: transparent; outline: none;}
    .form-item button { width: 360px; height: 50px; border: 0; border-radius: 25px; font-size: 18px; color: #1f6f4a; outline: none; cursor: pointer; background-color: #fff; }
    #username { background: url(img/emil.png) 20px 14px no-repeat; }
    #password { background: url(img/password.png) 23px 11px no-repeat; }
    .tip { display: none; position: absolute; left: 20px; top: 52px; font-size: 14px; color: #f50; }
    .reg-bar { width: 360px; margin: 20px auto 0; font-size: 14px; overflow: hidden;}
    .reg-bar a { color: #fff; text-decoration: none; }
    .reg-bar a:hover { text-decoration: underline; }
    .reg-bar .reg { float: left; }
    .reg-bar .forget { float: right; }
    .dowebok ::-webkit-input-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}
    .dowebok :-moz-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}
    .dowebok ::-moz-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}
    .dowebok :-ms-input-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}

    @media screen and (max-width: 500px) {
    * { box-sizing: border-box; }
    .dowebok { position: static; width: auto; height: auto; margin: 0 30px; border: 0; border-radius: 0; }
    .logo { margin: 50px auto; }
    .form-item { width: auto; }
    .form-item input, .form-item button, .reg-bar { width: 100%; }
    }

    效果如图所示:

    1fc79bc786dcff391cfc38dbf6c62c31.png

    以上分享了HTML简单登录页面的代码,项目中用的比较多,可以直接拿过去使用或修改自己喜欢的样式,也希望大家多动手尝试,看看自己能不能写出其他的效果,希望这篇文章对你有所帮助!更多相关文章请关注诺亚编程!

    展开全文
  • 简单html登陆界面

    2014-12-05 18:28:11
    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns=" http://www.w3.org/1999/xhtml " > <title>3 function r() { ...
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>3</title>
    <script>
    function r()
    {
    
    	var username=document.getElementById("username");
    
    	var pass=document.getElementById("password");
    	if(username.value=="")
    	{
    		alert("请输入用户名");
    		username.focus();
    		return;
    	}
    	if(pass.value=="")
    	{
    		alert("请输入密码");
    

    return;

    	}
    return true;
    }
    </script>
    </head>
    <body>
    <form>
        <table  width="350" bgcolor="#ccffcc" style="border-color" border="1">
                         <tr align=center>
    			<td>用户名</td><td><input type="text" name="username"  id="username"></td>
    		     </tr>
                         <tr align=center><td>密 码</td><td><input type="password" name="password" id="password"></td></tr>
                         <tr align=center><td>验证码</td><td><input type="text" name="yanzheng"></td></tr>
                         <tr align=center><td colspan="2"><input type="button" value="登 录" οnclick="r();"/>     <input type="reset" value="重 置"/></td></tr>
                                   
        </table>
    </form>
    </body>
    </html>

    展开全文
  • 诺亚今天这篇文章就和大家分享一个HTML简单登录界面的代码,有一定的参考价值,感兴趣的朋友可以看看。实例:制作一个HTML登录页面,包含邮箱,登录密码,立即注册,忘记密码等,代码如下:HTML部分:登 录立即注册...
  • charset=utf-8" /> 一个简单的登录界面</title> <link rel=stylesheet type="text/css" href=div.css> </head> <body> <div id="login"> <h1>LOGIN</h1> <input type="text" /> <input type="password" /> ;...
  • 使用css样式设计一个简单的html登陆界面

    万次阅读 多人点赞 2019-09-05 19:54:26
    利用DIV+CSS布局来制作一个登录...login.html部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <!--引入字体图标库--> ...
  • 我正在做一个小网站,需要登陆才能进入后续操作!打个比方,我有三个页面,a.php、b.php、c.php;其中页面a是用于登陆的,只有登陆了页面a,并且成功后才能进入到页面b或者c!如果想跳过a而访问b则页面自动转到a! ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,329
精华内容 931
关键字:

html登陆界面