精华内容
参与话题
问答
  • html简单登录页面代码

    万次阅读 多人点赞 2016-12-06 10:18:50
    简单登录HTML

    图片必须是在Imges下的否则显示不出来(复制代码的话把图片换成你的图片就好了)

    代码如下

    <html>
    <head>
    <title>test</title> 
    </head>
    <body >
    <fieldset>
    <table background="images\bg_img1.jpg " width="933" height="412">
     <tr height="170">
     <td width="570px"> </td>
     <td> </td>
     </tr> 
     <tr>
    <td> </td>        
    <td><table>
    <form method ="POST" action="http://localhost:8080/test/hello.html?login=%B5%C7%C2%BC" name="frmLogin"  >
     <tr>
     <td>用户名:</td>
     <td><input type="text" name="username" value="Your name" size="20" maxlength="20" οnfοcus="if (this.value=='Your name')  this.value='';" /></td>
     <td > </td>
     <td> </td>
     </tr>
     <tr>
     <td>密  码:</td>
     <td><input type="password" name="password" value="Your password" size="20" maxlength="20" οnfοcus="if (this.value=='Your password')  this.value='';" /></td>
     <td> </td>
     <td> </td>
     </tr>
     <tr>
     <td>验证码:</td>
     <td><input type="text" size="" name="inputcode" value="Your code" οnfοcus="if (this.value=='Your code')  this.value='';" /></td>
     <td><img src="images\bg_img2.gif" alt="打不开网页"> </td>
     <td><a href="#" οnclick="shuaxin();">刷新</a></td>
     </tr>
     <tr>
     <td><input type="checkbox" name="zlogin" value="1">自动登录</td>
     </tr>
     </table>
     </td>
      <tr>
      <td> </td>   
      <td><table>
       <tr>
      <td><input type="submit" name="login" value="登录" onClick="return validateLogin()"/></td>
      <td><input type="reset" name="rs" value="重置"></td>
      <td><input type="button" name="button" value="注册" οnclick="location.href='http://localhost:8080/test/zc.html?login=%B5%C7%C2%BC'"></td>
      </tr>
     </tr>
     </table>
     </td>
     </table>
    </fieldset>
    </form>
    <script language="javascript">
      function validateLogin(){
        var sUserName = document.frmLogin.username.value ;
        var sPassword = document.frmLogin.password.value ;
        var sinputCode =document.frmLogin.inputcode.value ;  
        if ((sUserName =="") || (sUserName=="Your name")){
         alert("请输入用户名!");
         return false ;
        }
         
        if ((sPassword =="") || (sPassword=="Your password")){
         alert("请输入密码!");
         return false ;
        }
        if ((sinputCode =="") || (sinputCode=="Your code")){
            alert("请输入验证码!");
            return false ;
           }
       } 
      </script>
    </body>
    </html>


    执行后如图???




    展开全文
  • 使用Vue写一个登录页面

    万次阅读 多人点赞 2018-07-31 11:24:20
    上一博客讲到构建了一个vue项目,现在在那个项目之上实现一个登录页面。 1.构建项目的目录 2.App.vue &lt;template&gt; &lt;div id="app"&gt; &lt;router-view/&gt; &...

    上一博客讲到构建了一个vue项目,现在在那个项目之上实现一个登录页面。

    1.构建项目的目录

    2.App.vue

    <template>
      <div id="app">
        <router-view/>
      </div>
    </template>
    
    <script>
      export default {
        name: 'App'
      }
    </script>
    

    main.js

    // The Vue build version to load with the `import` command
    // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
    import Vue from 'vue'
    import App from './App'
    import router from './router'
    
    import ElementUI from 'element-ui'
    import 'element-ui/lib/theme-chalk/index.css'
    
    //自己写的样式
    import './style/theme.css'
    import './style/characters.css'
    
    // 注册element-ui
    Vue.use(ElementUI)
    
    Vue.config.productionTip = false
    
    /* eslint-disable no-new */
    new Vue({
      el: '#app',
      router,
      components: { App },
      template: '<App/>'
    })
    

    theme.css

    body {
      padding: 0;
      margin:0;
      font-family: "Microsoft YaHei UI Light";
    }
    
    .outer_label {
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      height: 220px;
      background: -webkit-linear-gradient(left, #000099, #2154FA); /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(right, #000099, #2154FA); /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(right, #000099, #2154FA); /* Firefox 3.6 - 15 */
      background: linear-gradient(to right, #000099 , #2154FA); /* 标准的语法 */
      /*background-color: #000099;*/
      text-align: center;
      filter: brightness(1.4);
    }
    .inner_label {
      position: absolute;
      left:0;
      right: 0;
      bottom: 0;
      top:0;
      margin: auto;
      height: 50px;
    }
    .qxs-icon {
      height: 40px;
      width: 90%;
      margin-bottom: 5px;
      padding-left: 10%;
      border: 0;
      border-bottom: solid 1px lavender;
    }
    

    character.css

    .text-size12px{
      font-size: 12px;
    }
    .text-size14px{
      font-size: 14px;
    }
    .text-size16px{
      font-size: 16px;
    }
    .float-right {
      float: right;
    }
    .item-color {
      color: #848487;
    }
    

    index.js

    import Vue from 'vue'
    import Router from 'vue-router'
    // import HelloWorld from '@/components/HelloWorld'
    import Login from '@/components/login/Login'
    
    Vue.use(Router)
    
    export default new Router({
      routes: [
        {
          path: '/',
          name: 'Login',
          component: Login
        }
      ]
    })
    

    Login.vue

    <template>
      <div>
        <div class="outer_label">
          <img class="inner_label login_logo" src="../../assets/logo.png">
        </div>
        <div class="login_form">
          <input type="text"  class="qxs-ic_user qxs-icon"  placeholder="用户名" v-model="userName">
          <input type="text"  class="qxs-ic_password qxs-icon"  placeholder="密码" v-model="password">
          <!--<button class="login_btn el-button el-button&#45;&#45;primary is-round" type="primary" round>登录</button>-->
          <el-button class="login_btn" @click.native="login" type="primary" round :loading="isBtnLoading">登录</el-button>
          <div style="margin-top: 10px">
            <span style="color: #000099;" @click="login">司机账号登陆</span><span style="float: right;color: #A9A9AB">忘记密码?</span>
          </div>
        </div>
      </div>
    </template>
    
    
    
    <script>
    //  import { userLogin } from '../../api/api';
    
      export default {
        data() {
          return {
            userName: '',
            password: '',
            isBtnLoading: false
          }
        },
        created () {
          if(JSON.parse( localStorage.getItem('user')) && JSON.parse( localStorage.getItem('user')).userName){
            this.userName = JSON.parse( localStorage.getItem('user')).userName;
            this.password = JSON.parse( localStorage.getItem('user')).password;
          }
        },
        computed: {
          btnText() {
            if (this.isBtnLoading) return '登录中...';
            return '登录';
          }
        },
        methods: {
          login() {
            if (!this.userName) {
              this.$message.error('请输入用户名');
              return;
            }
            if (!this.password) {
              this.$message.error('请输入密码');
              return;
            }
    
          }
        }
      }
    </script>
    <style>
      .login_form {
        padding-top: 10%;
        padding-left: 10%;
        padding-right: 10%;
      }
      .qxs-ic_user {
        background: url("../../assets/login/ic_user.png") no-repeat;
        background-size: 13px 15px;
        background-position: 3%;
      }
      .qxs-ic_password {
        background: url("../../assets/login/ic_password.png") no-repeat;
        background-size: 13px 15px;
        background-position: 3%;
        margin-bottom: 20px;
      }
      .login_logo {
        height: 100%;
      }
      .login_btn {
        width: 100%;
        font-size: 16px;
        background: -webkit-linear-gradient(left, #000099, #2154FA); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #000099, #2154FA); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #000099, #2154FA); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #000099 , #2154FA); /* 标准的语法 */
        filter: brightness(1.4);
      }
    </style>
    

    ic_password.png

    ic_user.png

    logo.png

     

    3.根据npm run dev 命令启动,启动完成之后会有个链接,访问链接就直接可以看到下面页面:

     

    问题交流群,不定期分享各种技术文档:

    QQ群号:464512055

    群二维码:

    这是一个神器的二维码,扫描之后你会少掉一块钱。

     

    展开全文
  • 构建 Spring Boot 项目并通过登录 DEMO 打通前后端的联系,为下一步开发打下基础。

    前面我们已经完成了前端项目 DEMO 的构建,这一篇文章主要目的如下:

    一、打通前后端之间的联系,为接下来的开发打下基础
    二、登录页面的开发(无数据库情况下)

    前言:关于开发环境

    每位 Coder 都有自己偏好的开发工具,从大的方面划分主要有文本编辑器流和 IDE 流两种,我有一段时间也喜欢用编辑器(Sublime Text、Vim),但对我来说开发效率确实不如使用 IDE 高,所以就放弃了。不过需要修改某一代码片段时,使用编辑器还是比较便捷的。

    虽说大家可以按照自己的情况任意选择工具,但做教程只能顾及其中一种,所以不好意思了读者大人们。

    我比较习惯用 IntelliJ IDEA,在 Java 后端方面地位没得说,然而我前端也是用它做的。。。说实话没感到有什么不妥当的地方,界面什么的都和 WebStorm 差不多,只要不是只用 Eclipse 的同学,应该不会觉得别扭。

    (用 Eclipse 的同学,是时候尝试改变了 /手动狗头)

    第一篇文章也放上了 GitHub 的地址,有些小伙伴可能没看到,这里再放一遍:

    https://github.com/Antabot/White-Jotter

    追到第三篇的同学都是动手能力比较强的了,今天我测试了一下,按照项目的 README 运行基本没有问题,有兴趣的小伙伴可以搞一下,如果发现新的问题请在评论区指出,感谢。

    一、后端项目创建

    这个就很简单了。在 IDEA 中新建项目,选择 Spring Initializr,点击 Next
    在这里插入图片描述
    输入项目元数据,Next
    在这里插入图片描述
    选择 Web -> Web,Next
    在这里插入图片描述
    最后是项目名称和项目地址,Finish 后等待项目自动初始化即可。
    在这里插入图片描述
    运行 Application.java
    在这里插入图片描述
    访问 http://localhost:8080,发现弹出了错误页面,OK,这就对了,因为我们啥页面都没做啊。
    在这里插入图片描述

    二、登录页面开发

    1.关于前后端结合

    注意我们的项目是前后端分离的,这里的结合意思不是就不分离了,是如何把这俩分离的项目串起来用。

    前面提到过前后端分离的意思是前后端之间通过 RESTful API 传递 JSON 数据进行交流。不同于 JSP 之类,后端是不涉及页面本身的内容的。

    在开发的时候,前端用前端的服务器(Nginx),后端用后端的服务器(Tomcat),当我开发前端内容的时候,可以把前端的请求通过前端服务器转发给后端(称为反向代理),这样就能实时观察结果,并且不需要知道后端怎么实现,而只需要知道接口提供的功能,两边的开发人员(两个我)就可以各司其职啦。

    艾玛做一个完整的教程真不容易,遇到的每个知识点感觉都能讲一堆。上次的文章被一位老哥反问是不是太着急了,也不知道是什么意思,我自己反思可能是讲的不够细吧,这里我就再啰嗦一下讲两句 正向代理反向代理

    正向代理就是,你要访问一个网站,比如“谷弟弟”,然后发现访问不到,于是你访问了一个能访问到“谷弟弟”的代理服务器,让它帮你拿到你想浏览的页面。

    反向代理就是,你访问了一个网站,你以为它是“谷弟弟”,但其实它是“谷姐”,“谷姐”知道你其实是想找她弟,就取回“谷弟弟”的内容给你看。作为用户的你,是不知道有这个过程的,这么做是为了保护服务器,不暴露服务器的真实地址。

    知乎上有张神图可以描述这两种过程
    在这里插入图片描述

    2.前端页面开发

    Login.vue

    首先我们开发登录页面组件,右键 src\components 文件夹,New -> Vue Component,命名为 Login,如果没有 Vue Component 这个选项,可以选择新建一个 File,命名为 Login.vue 即可。代码如下:

    <template>
      <div>
          用户名:<input type="text" v-model="loginForm.username" placeholder="请输入用户名"/>
          <br><br>
          密码: <input type="password" v-model="loginForm.password" placeholder="请输入密码"/>
          <br><br>
          <button v-on:click="login">登录</button>
      </div>
    </template>
    
    <script>
    
      export default {
        name: 'Login',
        data () {
          return {
            loginForm: {
              username: '',
              password: ''
            },
            responseResult: []
          }
        },
        methods: {
          login () {
            this.$axios
              .post('/login', {
                username: this.loginForm.username,
                password: this.loginForm.password
              })
              .then(successResponse => {
                if (successResponse.data.code === 200) {
                  this.$router.replace({path: '/index'})
                }
              })
              .catch(failResponse => {
              })
          }
        }
      }
    </script>
    
    

    <template> 标签中随便写了一个登录的界面, methods 中定义了登录按钮的点击方法,即向后端 /login 接口发送数据,获得成功的响应后,页面跳转到 /index。因为之前我们设置了默认的 URL,所以请求实际上发到了 http://localhost:8443/api/login

    AppIndex.vue

    右键 src\components 文件夹,新建一个 directory,命名为 home,再在 home 下新建一个 Appindex.vue ,即首页组件,这里暂时不做过多开发,先随便写个 Hello World。

    <template>
        <div>
          Hello World!
        </div>
    </template>
    
    <script>
      export default {
        name: 'AppIndex'
      }
    </script>
    
    <style scoped>
    
    </style>
    
    

    3.前端相关配置

    设置反向代理

    修改 src\main.js 代码如下:

    import Vue from 'vue'
    import App from './App'
    import router from './router'
    // 设置反向代理,前端请求默认发送到 http://localhost:8443/api
    var axios = require('axios')
    axios.defaults.baseURL = 'http://localhost:8443/api'
    // 全局注册,之后可在其他组件中通过 this.$axios 发送数据
    Vue.prototype.$axios = axios
    Vue.config.productionTip = false
    
    /* eslint-disable no-new */
    new Vue({
      el: '#app',
      router,
      components: { App },
      template: '<App/>'
    })
    
    

    因为使用了新的模块 axios,所以需要进入到项目文件夹中,执行 npm install --save axios,以安装这个模块。

    配置页面路由

    修改 src\router\index.js 代码如下

    import Vue from 'vue'
    import Router from 'vue-router'
    // 导入刚才编写的组件
    import AppIndex from '@/components/home/AppIndex'
    import Login from '@/components/Login'
    
    Vue.use(Router)
    
    export default new Router({
      routes: [
      // 下面都是固定的写法
        {
          path: '/login',
          name: 'Login',
          component: Login
        },
        {
          path: '/index',
          name: 'AppIndex',
          component: AppIndex
        }
      ]
    })
    
    

    跨域支持

    为了让后端能够访问到前端的资源,需要配置跨域支持。

    config\index.js 中,找到 proxyTable 位置,修改为以下内容

        proxyTable: {
          '/api': {
            target: 'http://localhost:8443',
            changeOrigin: true,
            pathRewrite: {
              '^/api': ''
            }
          }
        }
    

    注意如果不是在最后的位置,大括号外需要添加一个逗号。

    运行项目

    执行 npm run dev,或双击 dev(start 也一样)脚本,查看登录页面效果。

    注意地址是 localhost:8080/#/login ,中间有这个 # 是因为 Vue 的路由使用了 Hash 模式,是单页面应用的经典用法,但连尤雨溪本人都觉得不太好看,所以可以在路由配置中选择使用 History 模式,但会引发一些问题,需要在后端作出处理,所以这里先不更改,之后我单独写一篇关于这个的文章。
    在这里插入图片描述
    教程的内容简化了一下,我做的是这个样子的。。。
    在这里插入图片描述
    呃,总之这个页面的功能都是一样的。

    4.后端开发

    User 类

    Login.vue 中,前端发送数据的代码段为

    .post('/login', {
                username: this.loginForm.username,
                password: this.loginForm.password
              })
    

    后端如何接收这个 JS 对象呢?我们很自然地想到在需要创建一个形式上一致的 Java 类。

    打开我们的后端项目 wj,首先在 src\main\java\com\evan\wj 文件夹(就是你自己的 web 项目的包)下,新建一个 pojo 包(package),然后新建 User类,代码如下

    package com.evan.wj.pojo;
    
    public class User {
        int id;
        String username;
        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;
        }
    }
    
    

    Result 类

    Result 类是为了构造 response,主要是响应码。新建 result 包,创建 Result 类,代码如下

    package com.evan.wj.result;
    
    public class Result {
        //响应码
        private int code;
    
        public Result(int code) {
            this.code = code;
        }
    
        public int getCode() {
            return code;
        }
    
        public void setCode(int code) {
            this.code = code;
        }
    
    }
    
    

    实际上由于响应码是固定的,code 属性应该是一个枚举值,这里作了一些简化。

    LoginController

    Controller 是对响应进行处理的部分。这里我们设定账号是 admin,密码是 123456,分别与接收到的 User 类的 usernamepassword 进行比较,根据结果返回不同的 Result,即不同的响应码。前端如果接收到成功的响应码(200),则跳转到 /index 页面。

    wj 下新建 controller 包,新建 LoginController 类,代码如下

    package com.evan.wj.controller;
    
    import com.evan.wj.result.Result;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.*;
    import org.springframework.web.util.HtmlUtils;
    
    import com.evan.wj.pojo.User;
    
    import java.util.Objects;
    
    @Controller
    public class LoginController {
    
        @CrossOrigin
        @PostMapping(value = "api/login")
        @ResponseBody
        public Result login(@RequestBody User requestUser) {
        // 对 html 标签进行转义,防止 XSS 攻击
            String username = requestUser.getUsername();
            username = HtmlUtils.htmlEscape(username);
    
            if (!Objects.equals("admin", username) || !Objects.equals("123456", requestUser.getPassword())) {
                String message = "账号密码错误";
                System.out.println("test");
                return new Result(400);
            } else {
                return new Result(200);
            }
        }
    }
    
    

    这里只是为了演示前后端的交互过程,真正的登录验证要考虑更多因素,后面的文章会有详细介绍。另外教程初期对项目结构做了一些简化,实际上在 controller 里写这么多逻辑是不合理的,要尽量封装到 service 里面去。

    最后,在 src\main\resources 文件夹下找到 application.properties 文件配置端口,即加上 server.port=8443(初始应该是空白的,后期还要配置数据库等)

    5.测试项目

    同时运行前端和后端项目,访问 localhost:8080/#/login,输入用户名 admin,密码 123456
    在这里插入图片描述
    点击确定,成功进入 localhost:8080/#/index
    在这里插入图片描述
    通过这篇文章,希望大家可以直观地感受到前后端分离项目中前后端的过程,之后的功能开发基本思路就是在后端开发 Controller,在前端开发不同的组件,这个顺序可以随意。实际的项目应该是前后端人员根据功能需求约定好接口,然后齐头并进,以提高开发效率。

    接下来一段时间需要写的内容大概有以下这些:

    • 数据库的引入
    • 后端拦截器的配置
    • 部署项目时会遇到的一些坑
    • 使用 Element 辅助前端开发
    • 公共组件的开发

    顺序我再想一想,教程做的比较慢,大家可以在 GitHub 上看项目的进度。

    查看系列文章目录:
    https://learner.blog.csdn.net/article/details/88925013

    上一篇:Vue + Spring Boot 项目实战(二):搭建 Vue.js 项目

    下一篇:Vue + Spring Boot 项目实战(四):数据库的引入

    展开全文
  • 1.vue 更换vue的欢迎页面,改用自己的欢迎页面,效果图 2.用vscode编辑器打开源码的路径 在源码src的目录下新建views/login/ 新建vue文件 -login.vue目录结构如下 登录

    1.vue 更换vue的欢迎页面,改用自己的欢迎页面,效果图
    这里写图片描述
    2.用vscode编辑器打开源码的路径
    在源码src的目录下新建views/login/
    新建vue文件 -login.vue目录结构如下
    这里写图片描述

    <template>
        <div>
            <div class="login-wrap" v-show="showLogin">
                <h3>登录</h3>
                <p v-show="showTishi">{{tishi}}</p>
                <input type="text" placeholder="请输入用户名" v-model="username">
                <input type="password" placeholder="请输入密码" v-model="password">
                <button v-on:click="login">登录</button>
                <span v-on:click="ToRegister">没有账号?马上注册</span>
            </div>
    
            <div class="register-wrap" v-show="showRegister">
                <h3>注册</h3>
                <p v-show="showTishi">{{tishi}}</p>
                <input type="text" placeholder="请输入用户名" v-model="newUsername">
                <input type="password" placeholder="请输入密码" v-model="newPassword">
                <button v-on:click="register">注册</button>
                <span v-on:click="ToLogin">已有账号?马上登录</span>
            </div>
        </div>
    </template>
    <style>
        .login-wrap{text-align:center;}
        input{display:block; width:250px; height:40px; line-height:40px; margin:0 auto; margin-bottom: 10px; outline:none; border:1px solid #888; padding:10px; box-sizing:border-box;}
        p{color:red;}
        button{display:block; width:250px; height:40px; line-height: 40px; margin:0 auto; border:none; background-color:#41b883; color:#fff; font-size:16px; margin-bottom:5px;}
        span{cursor:pointer;}
        span:hover{color:#41b883;}
    </style>
    <script>
        export default{
            data(){
                return{
                    showLogin: true,
                    showRegister: false,
                    showTishi: false,
                    tishi: '',
                    username: '',
                    password: '',
                    newUsername: '',
                    newPassword: ''
                }
            }
        }
    </script>

    接下来就是配置路由
    路径位置如下图
    这里写图片描述
    引入登录界面,然后在路由配置路径中去掉之前的欢迎页面,加入登录页面
    这里写图片描述
    完成以上的步骤,启动页面就可看到登录页面了

    展开全文
  • jsp+servlet实现简单登录页面功能Demo

    万次阅读 多人点赞 2018-05-28 17:55:16
    小白新路历程-1 [转载请联系本人]实现功能:模拟简单登录功能,登录成功跳转新页面登录失败在原登录界面提示登录失败信息开发环境:eclipseTomcat-8.0预备知识:HTML标签,Servlet相关知识——请求的转发与重定向...
  • 登录界面 ``` protected void Page_Load(object sender, EventArgs e) ... this.Label1.Text = "欢迎" + Request....5. 在登录成功页面中增加“注销”按钮,“注销”按钮表示取消自动登录,并跳转到登录页面
  • c# asp.net登录页面代码

    2013-12-23 12:08:02
    作业,做一个简单的登录页面,与sql连接,但是总是出现错误,不能验证到已注册的用户,这里还没有写注册的代码,只是单纯的在已有账户中登录 using System; using System.Collections.Generic; using System.Linq...
  • 前几天做个APP,需要用到登录页面,无奈本人艺术细胞太差,于是去GitHub逛了一圈,没有找到特别满意的,于是只能自己设计了一个,将就着用一下,后续会继续扩充。大家有比较好的设计方案欢迎评论区分享! 废话不多说...
  • HTML5写的简单登录页面

    万次阅读 多人点赞 2016-03-04 11:32:35
    整体效果图: 主要代码: <!DOCTYPE html> <html lang="en" class="no-js"... 欢迎来到登录界面 </title> <meta name="viewport"content=&quo
  • 【html】【一个简单的用户登录页面代码】

    万次阅读 多人点赞 2018-03-15 15:52:49
    结果代码&lt;!...gt; &lt;...用户登录.html&lt;/title&gt; &lt;meta http-equiv="keywords" content="keyword1,keyword2,keyword3"&gt; &lt;met
  • bootstrap3 登录页面

    万次阅读 2019-02-21 15:16:38
    bootstrap3 纯bootstrap样式登录页面,页面部署在Github上:https://www.jnnvc.com/others/login.html 为了防止图片变形,或这出现空白区域,我将图片设置为自适应百分比大小了。 欢迎加入JavaQQ交流群:774075496 ...
  • 用flutter写一个精美的登录页面

    万次阅读 多人点赞 2018-10-14 00:41:10
    先看效果图; 源代码已上传到github loading…
  • 登录页面,在登录成功之后,登录按钮怎么变成用户名和其他按钮 类似于一下这种 登录前:![图片说明](https://img-ask.csdn.net/upload/201607/29/1469755117_968960.png) 登陆后:![图片说明]...
  • JavaWeb快速入门(二)——实现登录页面

    万次阅读 多人点赞 2018-07-04 21:36:37
    (一)静态登录页面我们在https://blog.csdn.net/qq_35616167/article/details/80917262的基础上,继续对javaweb项目进行操作,以熟悉javaweb。在项目工程下的WebRoot文件夹下,为使得项目清晰,我们可以分别新建...
  • 10个漂亮登录页面,jquery+css3

    千次下载 热门讨论 2011-04-27 10:49:11
    10个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css3
  • 制作京东登录页面

    千次阅读 2019-05-12 13:21:12
    制作京东登录页面 制作京东登录页面 header {/头部界面/ height: 100px; background-image: url(“img/608ba4ceaa996be86f6f62c0bf3f5cd.png”); background-repeat: no-repeat; background-position: 120px ...
  • 登录页面使用HTTPS协议,登录成功跳转到个人中心使用HTTP协议,用的是Tomcat7.0, 我指定登录页面必须是使用HTTPS协议,用了Shiro框架,重定向方法是这样的:@Override protected boolean executeLogin...
  • 使用Vue.js和Element-UI做一个简单的登录页面
  • Axure快速生成页面(登录页面

    千次阅读 2013-07-08 22:04:39
    1、安装Axure软件,打开该软件;...3、迅速生成登录页面 4、按快捷键“F5”生成页面,会出现如下框框; 5、点击“生成”按钮,会出现提示框; 6、点击确认“是”,然后浏览器会弹出整个登录页面
  • java登录超时回到登录页面 有没有实现此功能的思想呢? 或者有demo 代码最好了 ,谢谢~
  • C#登录页面

    千次阅读 2019-05-08 12:02:39
    C#登录页面 开发工具与关键技术:VS MVC、SQL 撰写时间:2019/5/6 验证登录 登录一个系统,必须要有验证登录部分,如果没有验证登录的信息就可以登录一个系统,想必这个系统的意义不大,不然怎么可能什么账号、密码...

空空如也

1 2 3 4 5 ... 20
收藏数 61,104
精华内容 24,441
关键字:

登录页面