Web后台项目学习3(实现登录1)

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>登录页面_很简洁漂亮的Bootstrap响应式后台管理系统模板UniAdmin - JS代码网</title>
  5. <meta charset="UTF-8" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <link rel="stylesheet" href="css/bootstrap.min.css" />
  8. <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
  9. <link rel="stylesheet" href="css/unicorn.login.css" />
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
  11. <body>
  12. <div id="logo">
  13. <img src="img/logo.png" alt="" />
  14. </div>
  15. <div id="loginbox">
  16. <form id="loginform" class="form-vertical" action="handle_login.jsp" method = "post"/>
  17. <p>输入用户名和密码继续.</p>
  18. <div class="control-group">
  19. <div class="controls">
  20. <div class="input-prepend">
  21. <span class="add-on"><i class="icon-user"></i></span><input type="text" placeholder="用户名" name = "username"/>
  22. </div>
  23. </div>
  24. </div>
  25. <div class="control-group">
  26. <div class="controls">
  27. <div class="input-prepend">
  28. <span class="add-on"><i class="icon-lock"></i></span><input type="password" placeholder="密码" name="password"/>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="form-actions">
  33. <span class="pull-right"><input type="submit" class="btn btn-inverse" value="登录" /></span>
  34. </div>
  35. </form>
  36. </div>
  37. <script src="js/jquery.min.js"></script>
  38. <script src="js/unicorn.login.js"></script>
  39. </body>
  40. </html>

来自为知笔记(Wiz)

时间: 2024-10-20 08:38:17

Web后台项目学习3(实现登录1)的相关文章

Web后台项目学习

首先配好jdk,tomcat,下载eclipse,下载bootstrap模板,进行JDBC连接,运行是用Servers下的debug 创建项目打开Eclipse,选择左上角的File->NEW->最后一个other,选择如下图的选项 填写你要的项目名称,建成一个项目如图:   创建JSP在WebContent里面 新建一个JSP网页,如图所示: 现在你就可以编写你的项目代码了 如何打开控制台 运行是用Servers下的debug jar包导入: 然后右键这个jar包,Build Path CS

Web后台项目学习2(代码部分)

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ page import="java.sql.DriverManager" %> <%@ page import="java.sql.PreparedStatement" %> <%@ page import="j

网上图书商城项目学习笔记-007登录功能实现

一.功能流程分析 二.代码 1.view层 1)login.jsp 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 3 4 5 <!DOCTYPE HT

在ASP.NET Web API项目中使用Hangfire实现后台任务处理

当前项目中有这样一个需求:由前端用户的一个操作,需要触发到不同设备的消息推送.由于推送这个具体功能,我们采用了第三方的服务.而这个服务调用有时候可能会有延时,为此,我们希望将消息推送与用户前端操作实现异步执行,就是希望在后台自动执行,不阻塞前端用户的操作,而且最好能实现失败重试等功能. 经过一些研究比较,我们发现使用Hangfire这个组件可以较好地实现这个需求.为了给大家做一个演示,我这里简化了代码,做一个范例程序. 我在这里不准备详细介绍Hangfire的基本用法,有兴趣的同学们可以参考官方

【WEB API项目实战干货系列】- API登录与身份验证(三)

上一篇: [WEB API项目实战干货系列]- 接口文档与在线测试(二) 这篇我们主要来介绍我们如何在API项目中完成API的登录及身份认证. 所以这篇会分为两部分, 登录API, API身份验证. 这一篇的主要原理是: API会提供一个单独的登录API, 通过用户名,密码来产生一个SessionKey, SessionKey具有过期时间的特点, 系统会记录这个SessionKey, 在后续的每次的API返回的时候,客户端需带上这个Sessionkey, API端会验证这个SessionKey.

Java Web入门项目之“网络交友”的设计与实现

前言:这个小项目是我刚学习JSP时,参考"JSP程序设计"这本书写的.这里之所以说参考这本书而不是照着这本书写,主要是因为我自己完成的时候删掉了不少繁琐的写法(比如:文件上传):同时对书中容易产生SQL注入漏洞,XSS跨站脚本漏洞等地方的写法进行了修改过滤:登录页面加上了随机验证码.除此之外,还添加了文件管理功能 PS:整个项目没有特别的难点,可以分为一个个功能点实现,大神轻喷,个人认为对初学Java Web的童鞋还是有参考意义的 注:整个项目的完整源代码和sql文件我会在文末给出下载

Web前端框架学习成本比较及学习方法

就项目中自己用过的前端框架的学习成本比较与学习心得分享 刚工作时间不长只用过这几个框架下面是难易程度比较: 不论哪个web前端框架, 究其本质都是把页面的数据传递给后台服务器语言(如java)进行处理, 后台取出的数据把它显示在页面上不就这么简单么; 弄清楚这其中的提交方式(特别点就ajax方式), 参数传递, 事件机制然后在看懂API; 那么不管用什么web框架开发都是很顺心的, API在手通吃所有;  前提是一定要看懂API , 总是去问别人不会有多大进步的, 自己多看API文档; 学习成本

Python Flask 快速构建高性能大型web网站项目实战

Python Flask 快速构建高性能大型web网站项目实战视频[下载地址:https://pan.baidu.com/s/1cUggNbUvptYz5vvwBhsdrg ] 作为最最流行的Python Web开发的微框架,Flask独树一帜.它不会强迫开发者遵循预置的开发规范,为开发者提供了自由度和创意空间.突然发现这个对自动化运维开发非常有用,发上来,给大家! Python Flask 快速构建高性能大型web网站项目实战视频 project.zip 第1章 课程介绍1.1-1.2课程导学

2018web前端学习路线,详谈web前端开发学习路线

近几年IT业可谓是发展火热,而且新生了很多的职业.在这众多的新生职业中备受瞩目的当属web前端工程师了,web前端在IT行业真正受到重视的时间不超过五年,但是web前端的发展前景却是非常的可观,好前景高薪资吸引了众多的人投入到前端开发的学习当中去,想学好web前端,这份web前端开发学习路线分享给你. 好的学习方法和掌握好正确的学习路线可以让我们的学习达到事半功倍的效果,如果你新手想要学习web前端的话,那么这份前端的学习路线图很适合你.这份学习路线的课程涵盖JavaScript.HTML5.C