-
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 登录页面的实现代码实例
2020-08-26 05:08:02主要介绍了Java 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>
-
Visual Studio创建Windows窗体登录界面代码
2017-06-23 10:33:26把文档里的代码复制到Form.vb中,然后创建相关控件即可实现密码登录的功能。 -
Web作业(jsp代码来自老师,其他是由本人编写,希望对你们有帮助)
2020-06-15 20:39:19在数据库中建立表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:
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
用户:
密码:
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:17NETBEANS做的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变量,传回后端--> 密 码: <input type="password", name="password"><br> <button type="submit">登录</button><br> </form> </div> </body> </html>
效果
-
使用JSP实现简单的用户登录注册页面示例代码解析
2021-01-08 07:45:00将实验2中的系统用户登录和注册页面改为JSP页面,并部署自己的Web应用于Tomcat服务器中 具体要求: 完成登录JSP页面设计和注册页面设计 在登录页面表单中使用request对象获取用户信息,建立新的JSP页面完成登录验证... -
编写Python脚本使得web页面上的代码高亮显示
2020-09-22 04:28:25主要介绍了编写Python脚本使得web页面上的代码高亮显示,主要使用了pygments工具,需要的朋友可以参考下 -
Python- 通过python简单编写登录界面
2022-02-14 11:02:50import 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后台登录页面
2018-02-07 22:54:17html网站后台登录首页,响应式页面。适合初学者学习使用 -
简单的Java Web登陆界面程序
2014-05-30 01:46:39这是一个简单的Java Web登录程序,基于Struts2的程序 -
简简单单实现 Python Web 的登录注册页面,还包含一半逻辑。
2021-04-05 20:17:33div> 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网页设计:一个简单的登录界面代码!
2021-06-10 17:21:27html网页设计:一个简单的登录界面代码!在html网页设计中,一个“登录”按钮怎么编写代码?列如所给图片的“登录”按钮怎么用html代码显示出来,要求能够识别是否输入用户名和密码!是这样的效果吗?3function r(){... -
web前端之登录界面
2020-08-16 21:32:131.首先构建HTML代码(骨骼): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Register</title> <link rel="stylesheet" href="css/test2.css"&... -
webget vc++编写的界面源代码
2014-04-26 22:33:52webget vc++编写的界面源代码,一些界面操作源码。 -
一个简单带验证码的登录界面.rar
2019-12-05 17:06:41一个简单带验证码的登录界面。本教程附带代码,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登录页面(附代码)
2021-06-11 02:54:58这篇文章就和大家分享一个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:42Java小项目-简单Web登录注册界面 为了完成一个作业弄的。 Java+servlet+Mysql 本次项目的原型作者是“WANGZIC” 这是它原项目的下载链接 原代码有一些问题,本项目作出了一些改动,值得一提的是漏洞很多,仅供新手... -
用Python实现web端用户登录和注册功能
2021-02-12 09:21:36这篇文章主要介绍了用Python实现web端用户登录和注册功能的教程,需要的朋友可以参考下用户管理是绝大部分Web网站都需要解决的问题。用户管理涉及到用户注册和登录。用户注册相对简单,我们可以先通过API把用户注册这... -
适用于PHP的Web应用程序的低代码框架-PHP开发
2021-05-27 08:10:16敏捷UI-敏捷工具包的用户界面框架敏捷工具包是用PHP编写的低代码框架。 敏捷的UI实施服务器端渲染引擎和50多个UI通用组件,用于与您的数据模型进行交互。 敏捷UI-敏捷工具包的用户界面框架敏捷工具包是用PHP编写的低... -
编写高质量代码-Web前端开发经验
2017-03-02 09:45:26编写高质量代码-Web前端开发经验 1. Web标准由一些列标准组合而成,其核心理念就是将网页的结构、样式和行为分离开来,所以它可以分为三大部分:结构标准、样式标准和行为标准。结构标准包括XML标准、XHTML标准... -
bootstrap flask登录页面编写实例
2020-11-28 03:18:18本文章来为各位介绍一个python的例子,这个就是bootstrap+flask写登录页面的例子,希望文章能够对各位有所帮助。 Flask是一个使用 Python 编写的轻量级 Web 应用框架。其 WSGI 工具箱采用 Werkzeug ,模板引擎则... -
Java Web学习之简易版登录界面
2019-07-15 15:02:11Java Web学习之登录界面 今天给大家带来的是Java web的登录界面的实现。 功能:通过登录界面输入正确的用户名和密码点击登录到正确的页面。 功能实现:主要通过前端使用jsp,通过form表单的提交功能将信息... -
Web-Compiler:Web编译器是用Java编写的Web服务,它允许用户在服务器端发送和编译其代码
2021-04-08 15:28:38Web编译器是用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标签 在以往的页面源代码里,经常看到这样的语句: ...