精华内容
下载资源
问答
  • Web前端 简单登陆页面设计 代码
    万次阅读 多人点赞
    2019-04-21 17:00:27

    HTML部分

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>登陆页面</title>
            <link rel="stylesheet"href="css/new_file.css"type="text/css"/>
        </head>
        <body>
        <div class="container">
            <div class="main">
                <div class="sideleft">
                    <h1>为天地立心,为生民立命,为往圣继绝学,为万世开太平</h1>
                    <h4>寄意寒星荃不察,我以我血荐轩辕。</h4>
                    </br></br></br>
                    <p>草原之上,雄鹰展翅。</p>
                    <p>如花似朵,含苞待放。</p>
                    <p>广阔天地,策马奔驰。</p>
                    <p>学业有成,扬帆远航。</p>
                </div>
                <div class="sideright">
                    <div class="index">
                        <form action="#" method="get">
                            <p class="headline">用户登陆</p>
                            <p class="astyle">用户名:</p>
                            <input type="text" value="">
                            <p class="astyle">密码:</p>
                            <input type="text" value="">
                            <input type="submit" value="登陆" name="login" >
                            </br>
                        </form>
     
                    </div>
                </div>
            </div>
            <div class="footer">
                    <ul>
                        <li><a href="#">厚德</a></li>
                        <li><a href="#">远志</a></li>
                        <li><a href="#">笃学</a></li>
                        <li><a href="#">创新</a></li>
                        <li><a href="#">河北北方学院</a></li>
                    </ul>
     
            </div>
     
        </div>
    </body>
    </html>

    CSS部分

    *{margin: 0;padding: 0;list-style: none;}
    body{
        background:url(../img/123.png) no-repeat 0 0/cover; ;
        background-size: 100%; 
    }
    .container{
        width: 1200px;
        height: 870px;
        margin: 0 auto;
    }
    .main{
        width:1200px;
        height: 450px;
    }
    .sideleft{
        width:460px;
        height: 250px;
        float: left;
        font-size: 18px;
        padding:130px 130px;
    }
    .sideright{
        width: 480px;
        height: 450px;
        float: right;
    }
    .sideright .index{
        width: 330px;
        height: 350px;
        background-color:rgba(255,255,255,0.75);
        margin: 155px 90px;
    }
    .headline{
        font-size: 22px;
        text-align: center;
        padding: 20px;
    }
    input[type="text"],
    input[type="submit"]{
        -web-kit-appearance:none;
          -moz-appearance: none;
          display: block;
          margin: 0 auto;
          width: 260px;
    }
    input[type="text"]{
        height:35px;
        border-radius:3px;
        border:2px solid #c8cccf;
        color:#6a6f77;
        outline:0;
    }
    input[type="submit"]{
        margin-top: 25px;
        height: 35px;
        background: #357eb8;
        color: #bcedff;
        font-weight: bold;
        font-size: 20px;
    }
    .astyle{
        margin: 5px 0 5px 42px;
        font-size:22px; 
        color: #6a6f77;
    }
    .cstyle a{
        text-decoration: none;
    }
    .footer{
        width: 1000px;
        margin:100px auto;
    }
    .footer ul{
        margin-left: 100px;
    }
    .footer ul li{
        float: left;
    }
    .footer ul li a{
        text-decoration: none;
        color: black;
        border-left: 5px solid black;
        padding:0 10px;
    }

    更多相关内容
  • 主要介绍了Java Web 登录页面的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 简单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>
    
    展开全文
  • 把文档里的代码复制到Form.vb中,然后创建相关控件即可实现密码登录的功能。
  • 在数据库中建立表T_BOOK,它包含图书ID、...编写一个应用,在登录页面中让用户选择“是否保存登录状态”,如果保存,后面用户访问各个页面时由过滤器来进行Cookie检查,如果Cookie检查通过验证,则直接跳转到欢迎页面
  • 简单的JavaWeb注册登录案例

    千次阅读 2021-06-12 13:11:37
    简单的JavaWeb注册登录案例1.注册页面register.htmlregister姓名:电话:邮箱:qq: 2.注册案例实现程序register.java/*** 注册案例实现程序* @author lucky**/public class register extends HttpServlet {public ...

    简单的JavaWeb注册登录案例

    1.注册页面register.html

    register

    姓名:

    电话:

    邮箱:

    qq:

    45b9d9ca1f536dfdbb077d5de0f96d21.png

    2.注册案例实现程序register.java

    /**

    * 注册案例实现程序

    * @author lucky

    *

    */

    public class register extends HttpServlet {

    public void doGet(HttpServletRequest request, HttpServletResponse response) {

    //获取表单提交过来的信息

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

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

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

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

    //调用database中的insert方法,将新用户添加到数据库中

    database db = new database();

    try {

    db.insert(username, telephone, email, qq);

    } catch (Exception e) {

    e.printStackTrace();

    }

    }

    }

    3.登录页面enter.html

    Insert title here

    用户:

    密码:

    9a064bebfa1adee29af05ca371afe432.png

    4.登录案例实现程序enter.java

    /**

    * 登录案例实现代码

    * @author lucky

    *

    */

    public class enter extends HttpServlet{

    public void doGet(HttpServletRequest request,HttpServletResponse response) {

    //获取表单提交的信息

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

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

    //标记,i=2:出现错误 i=1:登录成功 i=0:登录失败

    int i = 2;

    //调用database方法read查询数据库

    //用户名密码(qq)匹配则i=1 不匹配则i=0

    database db = new database();

    try {

    i = db.read(username, qq);

    } catch (Exception e) {

    // TODO Auto-generated catch block

    e.printStackTrace();

    }

    System.out.println(i);

    }

    }

    5.数据库操作相关程序database.java

    /*

    * 数据库操作相关程序

    */

    public class database {

    /*

    * 用户注册,像数据库中添加信息

    */

    public void insert(String username,String telephone,String email,String qq) throws Exception {

    //连接池

    ComboPooledDataSource cp = new ComboPooledDataSource();

    Connection conn = cp.getConnection();

    String sql = "insert into user(username,telephone,email,qq) values(?,?,?,?);";

    //语句预编译执行者

    PreparedStatement pt = conn.prepareStatement(sql);

    //插入参数

    pt.setString(1, username);

    pt.setString(2, telephone);

    pt.setString(3, email);

    pt.setString(4, qq);

    //执行sql语句,输出结果

    int i = pt.executeUpdate();

    System.out.println(i);

    }

    /*

    * 用户登录 向数据库查询用户输入信息是否正确

    */

    public int read(String username,String qq) throws Exception {

    ComboPooledDataSource cp = new ComboPooledDataSource();

    Connection conn = cp.getConnection();

    //通过提交的用户名对比查询相应的qq 结果一致则输入正确 不一致则输入错误

    String sql = "select qq from user where username = ?;";

    //用pwd接受数据库中查询出来的qq信息

    String pwd = null;

    PreparedStatement pt = conn.prepareStatement(sql);

    pt.setString(1, username);

    //re接收结果集

    ResultSet rs = pt.executeQuery();

    //对比qq信息是否一致

    while(rs.next()){

    pwd = rs.getString("qq");

    System.out.println("qq"+pwd);

    }

    //输出结果

    if(pwd.equals(qq)) return 1;

    elsereturn 0;

    }

    }

    6.web.xml

    registerenter

    register

    web.register

    register

    /register

    enter

    web.enter

    enter

    /enter

    新人学习记录,有问题可以一起探讨。

    展开全文
  • NETBEANS做的WEB登录页面

    热门讨论 2013-01-03 18:46:17
    NETBEANS做的WEB登录页面 做的不好,仅供NETBEANS的初学者参考。 我是来赚积分的……之后还有其他的页面
  • WEB前端实战——制作登录页面

    千次阅读 2021-01-31 10:02:15
    参考视频:https://ke.qq.com/course/320021 代码 <!DOCTYPE html> <html lang="en"> <...登录页面</title> <style> body { background-image: url("img/星空.jpg");

    参考视频: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>
    

    效果

    在这里插入图片描述

    展开全文
  • 将实验2中的系统用户登录和注册页面改为JSP页面,并部署自己的Web应用于Tomcat服务器中 具体要求: 完成登录JSP页面设计和注册页面设计 在登录页面表单中使用request对象获取用户信息,建立新的JSP页面完成登录验证...
  • 主要介绍了编写Python脚本使得web页面上的代码高亮显示,主要使用了pygments工具,需要的朋友可以参考下
  • import wx class MyFrame(wx.Frame): def __init__(self,parent,id): wx.Frame.__init__(self,parent,id,title='hello baby',size... title=wx.StaticText(pane1,label='登录界面',pos=(100,20)) self.lable_use.
  • html网站后台登录首页,响应式页面。适合初学者学习使用
  • 这是一个简单的Java Web登录程序,基于Struts2的程序
  • div> div> form> div> {% endblock %} 修改 views.py 页面代码,实现登录简单逻辑部分。 # 登录视图 def login(request): if request.user.is_authenticated: return HttpResponseRedirect(reverse("default")) # ...
  • 简单javaweb有关登录界面代码实现

    千次阅读 2019-07-16 17:41:19
    登录界面代码实现 要求 一个注册页面(form表单,servlet) username(文本框) password:密码(密码框) passwordYes :再次输入密码(密码框) hobby(多选框) sex(单选框) info(文本域) servlet处理注册...
  • html网页设计:一个简单的登录界面代码!在html网页设计中,一个“登录”按钮怎么编写代码?列如所给图片的“登录”按钮怎么用html代码显示出来,要求能够识别是否输入用户名和密码!是这样的效果吗?3function r(){...
  • web前端之登录界面

    千次阅读 2020-08-16 21:32:13
    1.首先构建HTML代码(骨骼): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Register</title> <link rel="stylesheet" href="css/test2.css"&...
  • webget vc++编写界面代码,一些界面操作源码。
  • 一个简单带验证码的登录界面。本教程附带代码,html+php两部分,需要快速创建一个登录界面网页或学习html的小伙伴赶紧下载吧,本教程简单实用哈!
  • 使用vue编写登录页面详细过程

    万次阅读 多人点赞 2020-08-13 15:55:22
    } } </style> route文件夹下index.js编写路由: import Vue from 'vue' import VueRouter from 'vue-router' import login from "../components/login"; Vue.use(VueRouter) const routes = [ { path: '/', ...
  • 这篇文章就和大家分享一个HTML简单登录界面代码,有一定的参考价值,感兴趣的朋友可以看看。**实例:**制作一个HTML登录页面,包含邮箱,登录密码,立即注册,忘记密码等,代码如下:HTML部分:>>>>&...
  • java用户登录界面代码

    千次阅读 2021-03-08 07:44:41
    如何用JAVA编写一个简单用户登陆界面什么都不说了 直接给你代码吧 package com.moliying.ui; import java.awt.BorderLayout; import java.awt.Container; import java.awt.FlowLayout; import java.awt.List; import...
  • JavaWeb小项目-简单Web登录注册界面

    千次阅读 2020-09-14 16:44:42
    Java小项目-简单Web登录注册界面 为了完成一个作业弄的。 Java+servlet+Mysql 本次项目的原型作者是“WANGZIC” 这是它原项目的下载链接 原代码有一些问题,本项目作出了一些改动,值得一提的是漏洞很多,仅供新手...
  • 这篇文章主要介绍了用Python实现web端用户登录和注册功能的教程,需要的朋友可以参考下用户管理是绝大部分Web网站都需要解决的问题。用户管理涉及到用户注册和登录。用户注册相对简单,我们可以先通过API把用户注册这...
  • 敏捷UI-敏捷工具包的用户界面框架敏捷工具包是用PHP编写的低代码框架。 敏捷的UI实施服务器端渲染引擎和50多个UI通用组件,用于与您的数据模型进行交互。 敏捷UI-敏捷工具包的用户界面框架敏捷工具包是用PHP编写的低...
  • 编写高质量代码-Web前端开发经验

    千次阅读 2017-03-02 09:45:26
    编写高质量代码-Web前端开发经验 1. Web标准由一些列标准组合而成,其核心理念就是将网页的结构、样式和行为分离开来,所以它可以分为三大部分:结构标准、样式标准和行为标准。结构标准包括XML标准、XHTML标准...
  • 本文章来为各位介绍一个python的例子,这个就是bootstrap+flask写登录页面的例子,希望文章能够对各位有所帮助。 Flask是一个使用 Python 编写的轻量级 Web 应用框架。其 WSGI 工具箱采用 Werkzeug ,模板引擎则...
  • Java Web学习之简易版登录界面

    万次阅读 多人点赞 2019-07-15 15:02:11
    Java Web学习之登录界面 ​ 今天给大家带来的是Java web登录界面的实现。 ​ 功能:通过登录界面输入正确的用户名和密码点击登录到正确的页面。 ​ 功能实现:主要通过前端使用jsp,通过form表单的提交功能将信息...
  • Web编译器是用Java编写Web服务,它允许用户在服务器端发送和编译其代码。 特征 支持Java(8-15)和Golang(1.08-1.13) 返回Java的.class 返回Go的可执行文件 提供发送标志和选项给编译器的方法 允许用户自定义...
  • Web入门——HTML代码编写规范

    千次阅读 2017-03-25 10:36:46
    本文总结了30条html代码编写指南,只要在编写HTML代码的过程中牢记它们,灵活运用,你一定会写出一手漂亮的代码,早日迈入专业开发者的行列。 1、一定要闭合HTML标签 在以往的页面代码里,经常看到这样的语句: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 428,984
精华内容 171,593
关键字:

web编写登录页面代码