-
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;
}更多相关内容 -
web-登录界面html
2019-12-05 18:18:52本资源为登陆界面，通过web显示，编程语言包括html、css、js、php，其中php负责与后端数据库连接，获取后端用户信息。 -
Web网页登录页面设计
2020-03-09 23:40:56利用web网页设计技术（html+css）进行静态登录页面设计开发，包含源代码 ，以及网页所用的图片 -
Java Web 登录页面的实现代码实例
2020-08-26 05:08:02主要介绍了Java Web 登录页面的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧 -
C# web编程，登陆界面代码
2012-06-19 10:09:46C# web编程，登陆界面代码，判断用户是否已登录。 -
移动端web登录界面
2019-04-19 21:01:49几个可以应用在移动端的web登录界面，响应式界面设计。 -
web登录代码
2021-06-10 10:12:30web JSP 简单的登录+注册页面代码简单做了界面，代码功能应该没有问题，简单做个文档分享一下。登录界面denglu.jsp:欢迎进入登录界面用户名： 密 码：java web网页登录功能原理(最好有代码❳在页面上输入用户名称和...展开全文web JSP 简单的登录+注册页面代码
简单做了界面，代码功能应该没有问题，简单做个文档分享一下。登录界面denglu.jsp:欢迎进入登录界面用户名： 密 码：
java web网页登录功能原理(最好有代码❳
在页面上输入用户名称和密码后，html页面发送请CSS布局HTML小编今天和大家分享到服务端，服务器接收请CSS布局HTML小编今天和大家分享后，根据你的请CSS布局HTML小编今天和大家分享由相应的控制器来处理，后台有代码来执行并返回结果，然后服务器把结果发回浏览器，你就能看到信息了，这个返回结果可以是内容，可以是路径。
急急急。。。。在线等。。javaweb怎么判断管理员和
javaweb 要eclipse+mysql登录注册系统源代码
这有一个管理系统的里面有用户管理 把添加改成注册就行了嘛 登录自带的有 Java web管理系统DEMO 有问题可以联系我贴吧ID qq
CSS布局HTML小编今天和大家分享 .Net web登录功能的实现代码(带验证码功能的实就是那个网页cs里用的名称 是登录验证码，你可以获取用户输入的用户名if(userinfo 。= null) { if(userinf.password 。= txtPwd) { alert(',
做一个登录页面，如果输入正确的用户名和密码，则这是关于asp.net web窗体的
Default1.aspx窗体代码： 登陆页 用户名： 密 码： 代码窗体的代码如下： using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI
CSS布局HTML小编今天和大家分享C# ASP.net webform 登陆界面的代码 就是aspx的...普通的登陆界面即可
不懂的话，就直接拖控件了。
C#web 如何判断登录时是学生登录还是管理员登陆，登陆的时候有一个人员表吧。登陆的时候会去数据库查找那条数据吧。找到这条数据找到你给学生或者老师做的标识。
实现web的一键注册登录是用的js吗？希望各位给个详对这个语言不是很懂。希望详细些，最好有可以运行的文档。
不一定，可能是用了cookie然后在php端验证，js也可能会用到(ajax)。
-
基于jquery的web端登录界面前端
2019-02-20 14:29:23用jquery手写的web登录界面前端代码，欢迎讨论相互学习。 -
简单WEB登录页面代码实现
2020-03-03 20:57:40longin.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>
-
用户注册登录界面设计+代码
2011-10-12 22:00:50简单的用户注册登录界面设计+源代码，采用DIV+CSS结构，简洁 -
简单javaweb有关登录界面的代码实现
2019-07-16 17:41:19登录界面代码实现 要求 一个注册页面（form表单，servlet） username（文本框） password：密码（密码框） passwordYes ：再次输入密码（密码框） hobby（多选框） sex（单选框） info（文本域） servlet处理注册...展开全文登录界面代码实现
要求
- 一个注册页面（form表单，servlet）
username（文本框）
password：密码（密码框）
passwordYes ：再次输入密码（密码框）
hobby（多选框）
sex（单选框）
info（文本域） - servlet处理注册信息
判断两次密码是否相同
相同则跳到成功页面，并且在成功页面显示SeesionID；
不同则注册失败，重定向到注册页面 - 成功页面
显示登陆成功的用户名，密码，爱好，性别和信息；
显示一个注销按钮 - 如果注销后，或者没登录，不能直接进入成功页面，跳转到错误界面
详细步骤
-
首先建立web项目，建包，导相关的jar包，并关联Tomcat。
-
建立：登录成功的success.jsp文件，登录界面的jsp文件register.jsp，错误界面的jsp文件nologin.jsp，登录错误的Servlet文件loginOutServlet.java，登录Servlet文件RegisterServlet.java，并打开web.xml和index.jsp。
-
编辑index.jsp文件
<%-- Created by IntelliJ IDEA. User: Administrator Date: 2019/7/16 Time: 8:54 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>主界面</title> <style> div{ margin: 0 auto; text-align: center; } </style> </head> <body> <div> <h1>HomeWork</h1> <hr> <a href="${pageContext.request.contextPath}/register.jsp">点击注册</a> </div> </body> </html> -
编写register登录网页
<%-- Created by IntelliJ IDEA. User: Administrator Date: 2019/7/16 Time: 10:15 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>register</title> <%--如果两次密码不相同,关联RegisterServlet中if判断密码是否正确中的else--%> <script> var status = '${sessionScope.passwordError}'; if (status == "yes") { alert("输入信息有误，请重新输入") } </script> </head> <body> <h1>欢迎来到注册界面</h1> <hr> <%--分割线--%> <div> <%--form表单--%> <form action="${pageContext.request.contextPath}/register.do" method="post"> <p>用户名：<input type="text" name="username" required></p> <p>密码：<input type="password" name="password" required></p> <p>密码确认：<input type="password" name="confirmPassword" required></p> <p>性别： <input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女 </p> <p>爱好： <input type="checkbox" name="hobby" value="oppositeSex">异性 <input type="checkbox" name="hobby" value="dance">舞蹈 <input type="checkbox" name="hobby" value="music">音乐 <input type="checkbox" name="hobby" value="movies">电影 </p> <p>个人简介: <textarea name="info"></textarea> </p> <p> <input type="submit" value="提交"> <input type="reset" value="重置"> </p> </form> </div> </body> </html> -
编辑登录Servlet（RegisterServlet.java）
package com.li.work; import javax.servlet.http.HttpSession; import java.io.IOException; import java.util.Arrays; public class RegisterServlet extends javax.servlet.http.HttpServlet { protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException { doGet(request, response); } protected void doGet(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException { request.setCharacterEncoding("UTF-8");//处理乱码问题 response.setCharacterEncoding("UTF-8");//处理乱码问题 //获得用户在register界面提交的数据 String username = request.getParameter("username"); String password = request.getParameter("password"); String confirmPassword = request.getParameter("confirmPassword"); String gender = request.getParameter("gender"); String info = request.getParameter("info"); String[] hobbies = request.getParameterValues("hobby"); //判断密码是否正确 if (password.equals(confirmPassword)){//如果密码相同，重定向到成功界面 HttpSession session = request.getSession();//获取session session.setAttribute("session_username",username); session.setAttribute("session_password",password); session.setAttribute("session_gender",gender); session.setAttribute("session_info",info); session.setAttribute("session_hobby", Arrays.toString(hobbies)); response.sendRedirect("success.jsp");//重定向到成功页面 }else {//如果密码不同，通知用户密码输入不一样 request.getSession().setAttribute("passwordError","yes"); response.sendRedirect("register.jsp");//重定向到登陆界面 } } } -
编辑成功web界面（success.jsp）
<%-- Created by IntelliJ IDEA. User: Administrator Date: 2019/7/16 Time: 10:12 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>success</title> <style> h1{ margin: 0 auto; text-align: center; } p>span{ font-weight: bold; } </style> <% HttpSession loginSession = request.getSession(); if (loginSession.getAttribute("session_username")==null){//如果session中的用户名为空 request.getRequestDispatcher("errorpage/nologin.jsp").forward(request,response);//转发至nologin（注册有误）界面 } %> </head> <body> <h1>注册成功</h1> <!--显示用户信息，显示内容从RegisterServlet.java中的session中获得--> <p> 欢迎用户：<span>${sessionScope.session_username}</span>加入本项目<br> 用户名：<span>${sessionScope.session_username}</span><br> 密码：<span>${sessionScope.session_password}</span><br> 性别：<span>${sessionScope.session_gender}</span><br> 爱好：<span>${sessionScope.session_hobby}</span><br> 个人简介：<span>${sessionScope.session_info}</span><br> </p> <!--添加注销按钮，用a标签跳转到loginOutServlet中的loginOut.do--> <p> <a href="${pageContext.request.contextPath}/loginOut.do">注销</a> </p> </body> </html> -
编辑注销的Servlet文件（loginOutServlet.java）
package com.li.work; 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 javax.servlet.http.HttpSession; import java.io.IOException; @WebServlet(name = "loginOutServlet") public class loginOutServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request,response); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session = request.getSession();//获取session if (session==null){ response.sendRedirect("index.jsp"); return; } //注销session，移除session中的数据 session.removeAttribute("session_username"); session.removeAttribute("session_password"); session.removeAttribute("session_gender"); session.removeAttribute("session_info"); session.removeAttribute("session_hobby"); //删除数据后跳转至success界面 response.sendRedirect("success.jsp"); } } -
编辑登录信息有误的nologin界面（nologin.jsp）
<%-- Created by IntelliJ IDEA. User: Administrator Date: 2019/7/16 Time: 10:14 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>NoLoginPage</title> <style> div{ margin: 0 auto; text-align: center; } </style> </head> <body> <div> <h1>找不到信息，未注册或已注销，请点击登录！</h1> <hr> <a href="${pageContext.request.contextPath}/register.jsp">点击注册</a> </div> </body> </html> -
编辑web.xml
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" version="4.0"> <servlet> <servlet-name>RegisterServlet</servlet-name> <servlet-class>com.li.work.RegisterServlet</servlet-class> </servlet> <servlet> <servlet-name>loginServlet</servlet-name> <servlet-class>com.li.work.loginOutServlet</servlet-class> </servlet> <!--========================================================================--> <servlet-mapping> <servlet-name>RegisterServlet</servlet-name> <url-pattern>/register.do</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>loginServlet</servlet-name> <url-pattern>/loginOut.do</url-pattern> </servlet-mapping> </web-app>
要重点搞清楚文件和文件之间的关系和关联，具体方法可以用倒推法，一点一点从网页寻找会Servlet的.java文件中。另外要注意链接各个网页时候路径的位置，包不同路径就不同。
本文是简单的登录界面的代码实现，更复杂的部分和思想不再本文考虑范围
- 一个注册页面（form表单，servlet）
-
servlet+mysql+html用户登录界面源代码
2017-03-14 13:04:51servlet+mysql+html用户登录界面源代码 -
web课程设计网页设计源代码
2011-09-01 22:21:54利用web网页设计技术（html+css+javascript）进行网站开发，含源代码 ，以及网页所用的图片，可做课程设计参考 -
网页制作：一个简易美观的登录界面
2016-03-09 17:22:59登录界面其实在大三的时候就有做过，但是当时做的界面超级low，主要区别在于有无css，由于公司的设计要求，对于该界面的很多细节处理实在不容易。所以，还是想要写点东西记录一下。 先截个图，展示一下效果吧： ... -
html网页设计：一个简单的登录界面代码！
2021-06-10 17:21:27html网页设计：一个简单的登录界面代码！在html网页设计中，一个“登录”按钮怎么编写代码？列如所给图片的“登录”按钮怎么用html代码显示出来，要求能够识别是否输入用户名和密码！是这样的效果吗？3function r(){... -
用C#Web做一个简单的登录欢迎页
2019-03-06 10:12:58用C#Web做一个简单的登录欢迎页 用C#Web做一个简单的登录欢迎页 @(编程语言) &amp;lt;asp:Label ID=“Label1” runat=“server” Text=“用户名：”&amp;gt;&amp;lt;/asp:Label&... -
web网站页面实现设计代码
2021-07-21 09:52:30usersrRegsuccess.jsp ;...= null) { //用户已登录成功 //未登录，提示用户登录 response.setHeader("refresh", "2;URL=login.jsp"); %> 请登录，2秒将后自动跳转到登录界面 如果没有自动跳转，请 点击 -
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... -
Web网页设计代码
2020-02-09 12:13:59代码分享： https://pan.baidu.com/s/1xf4AQlfM8e6Nvw2oXUdbrA 提取码：ap1v -
Web软件用户界面设计 界面设计
2009-06-03 19:32:25介绍如何设计一个让用户能够拍手叫好的Web软件用户界面 -
html css制作的web前端登录界面
2020-08-02 23:15:28web前端登录界面 -
智能家居web界面设计
2014-04-11 17:27:21智能家居网页控制,WED代码，使用S3C2440开发板上面运行的 -
web编程：asp登录界面源代码
2011-10-25 14:50:02asp编程中 设计一个“在线人数统计”页面 还有设置登录界面 的的源代码 -
Java Web学习之简易版登录界面
2019-07-15 15:02:11Java Web学习之登录界面 今天给大家带来的是Java web的登录界面的实现。 功能：通过登录界面输入正确的用户名和密码点击登录到正确的页面。 功能实现：主要通过前端使用jsp，通过form表单的提交功能将信息... -
web-前端之登录界面
2017-09-26 15:36:57这个是简单的登录界面的实现，不能够拖拽，但后面会法比偶一个能够实现拖拽的登录界面 <!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8"> <meta ... -
使用eclipse创建一个web登录界面项目
2019-07-02 04:58:48charset=utf-8" pageEncoding="utf-8"%> 登录界面 登录 账号： 密码： 然后点击这个服务器[红色方框],再点击启动[红色箭头] 接着打开浏览器，输入网址 http://localhost:8080/login/ //其中login属于工程名称,请... -
WEB用户登录界面用户名，密码，确认密码的逻辑关系实现
2021-10-14 18:47:46在编写web用户登录界面的时候，考虑到用户登录时的人性化提示。特此在html界面上使用javaScript来实现用户登录相关逻辑的实现，如用户名、密码、确认密码不能为空等，还有密码和确认密码一致性检验，和不符合要求时... -
Web前端案例_QQ登录界面实现
2017-06-25 15:47:07Web前端案例_QQ登录界面实现 这篇写一个关于web前端的实现案例。 1.目的：利用div+css实现网页版QQ登录前端界面 -
web前端登录页面设计技巧
2019-10-25 23:08:44好的用户体验度，将提升产品的品质，赋予产品独特的气质，登录界面虽然功能简单，但是也是一个发挥情感化设计，提升用户体验；想要做的完美，必须要掌握以下几点 1、精致的外观 外观的重要性不言而喻，外观是给用户... -
Java Web实现登录注册（超详细附代码）
2021-12-23 21:41:492.登录注册设计流程 3.注册的数据流程 那么我们的前端数据是怎么传向后端的？ 1.首先这里我们是用 表单传递 通过form提交 2.在这里，我们输入自己的姓名和密码，点击注册按钮。此时输入的这三个数据，我们...
