php实现数据库连接,php实现数据库连接的方法

Html5与PHP制作验证码有什么不同

验证码必须由后端来做前端只是显示了一张图片而已并不知道图片上验证码的内容就php来说原理是利用php的随机函数申城一串验证码存储到session 然后利用gd2吧验证码做成一张图片显示在前端用户在输入验证码的时候是吧涌入输入的值与session的值作对比来确定用户是否输入正确

创新互联是一家专业提供灌阳企业网站建设,专注与网站设计制作、网站设计、成都h5网站建设、小程序制作等业务。10年已为灌阳众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

如何在HTML5设计中，增加登陆界面，采用手机注册，验证码，信息注册框等

要用手机验证码功能，你需要向通讯服务商（移动、联通、电信）申请一个号码，用于给客户发送验证短信

2、javascript+CSS+Html实现用户注册及登录的格式验证。在用户登录功能中试加入图片验证码功能

下面是关键代码，如果剩下的你都搞不懂，我就无语了

script type="text/javascript" language="javascript"

function reloadcodeOne(){//刷新验证码函数

var verify = document.getElementById('checkCodeImg');

verify.setAttribute('src', 'validateCode?dt=' + Math.random());

}

script type="text/javascript"

html

label验证码：/label

input class="code" value="请输入验证码" title="请输入验证码" name="rendCode" id="rendCode" onfocus="if (value =='请输入验证码'){value =''}" onblur="if (value ==''){value='请输入验证码'}" type="text" size="6" /

spanimg id="checkCodeImg" src="validateCodeServlet" onclick="javascript:reloadcodeOne();" alt="" width="75" height="24" //span

java代码

package com.zhihui.action.common;

import java.awt.Color;

import java.awt.Font;

import java.awt.Graphics2D;

import java.awt.image.BufferedImage;

import java.util.Random;

import javax.imageio.ImageIO;

import javax.servlet.ServletException;

import javax.servlet.ServletOutputStream;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.http.HttpSession;

import org.apache.struts2.ServletActionContext;

import com.zhihui.action.base.BaseAction;

/**

* p

* 校验码控制器

* /p

* @author liurong

* @version ValidateCodeServlet.java,v 0.1 2008-11-20 上午09:22:31 Administrator

* Exp

public class ValidateCodeAction extends BaseAction {

private static final long serialVersionUID = 1L;

// 验证码图片的宽度。

private int width = 10;

// 验证码图片的高度。

private int height = 5;

// 验证码字符个数

private int codeCount = 5;

private int x = 0;

// 字体高度

private int fontHeight;

private int codeY;

/*char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J',

'K', 'L', 'M', 'N', 'P', 'R', 'S', 'T', 'U', 'V', 'W',

'X', 'Y', 'Z', '2', '3', '4', '5', '6', '7', '8', '9' };*/

char[] codeSequence = {'1', '2', '3', '4', '5', '6', '7', '8', '9', '0' };

HttpServletRequest req=ServletActionContext.getRequest();

HttpServletResponse resp=ServletActionContext.getResponse();

public String execute()

throws ServletException, java.io.IOException {

// 宽度

String strWidth = "70";

// 高度

String strHeight = "22";

// 字符个数

String strCodeCount = "5";

width = Integer.parseInt(strWidth);

height = Integer.parseInt(strHeight);

codeCount = Integer.parseInt(strCodeCount);

x = width / (codeCount);

fontHeight = height - 4;

codeY = height - 4;

// 定义图像buffer

BufferedImage buffImg = new BufferedImage(width, height,

BufferedImage.TYPE_INT_RGB);

Graphics2D g = buffImg.createGraphics();

Random random = new Random();

// 将图像填充为白色

g.setColor(Color.WHITE);

g.fillRect(0, 0, width, height);

Font font = new Font("Fixedsys", Font.PLAIN, fontHeight);

g.setFont(font);

g.setColor(Color.BLACK);

g.drawRect(0, 0, width - 1, height - 1);

g.setColor(Color.BLACK);

for (int i = 0; i 15; i++) {

int x = random.nextInt(width);

int y = random.nextInt(height);

int xl = random.nextInt(8);

int yl = random.nextInt(8);

g.drawLine(x, y, x + xl, y + yl);

}

// randomCode用于保存随机产生的验证码，以便用户登录后进行验证。

StringBuffer randomCode = new StringBuffer();

int red = 0, green = 0, blue = 0;

for (int i = 0; i codeCount; i++) {

String strRand = String.valueOf(codeSequence[random.nextInt(codeSequence.length)]);

red = 0;//random.nextInt(255);

green = 0;//random.nextInt(255);

blue = 0;//random.nextInt(255);

g.setColor(new Color(red, green, blue));

g.drawString(strRand, (i ) * x, codeY);

randomCode.append(strRand);

}

HttpSession session = req.getSession();

session.setAttribute("validateCode", randomCode.toString());

resp.setHeader("Pragma", "no-cache");

resp.setHeader("Cache-Control", "no-cache");

resp.setDateHeader("Expires", 0);

resp.setContentType("image/jpeg");

ServletOutputStream sos = resp.getOutputStream();

ImageIO.write(buffImg, "jpeg", sos);

sos.close();

return null;

}

public int getWidth() {

return width;

}

public void setWidth(int width) {

this.width = width;

}

public int getHeight() {

return height;

}

public void setHeight(int height) {

this.height = height;

}

public int getCodeCount() {

return codeCount;

}

public void setCodeCount(int codeCount) {

this.codeCount = codeCount;

}

public int getX() {

return x;

}

public void setX(int x) {

this.x = x;

}

public int getFontHeight() {

return fontHeight;

}

public void setFontHeight(int fontHeight) {

this.fontHeight = fontHeight;

}

public int getCodeY() {

return codeY;

}

public void setCodeY(int codeY) {

this.codeY = codeY;

}

public char[] getCodeSequence() {

return codeSequence;

}

public void setCodeSequence(char[] codeSequence) {

this.codeSequence = codeSequence;

}

public HttpServletRequest getReq() {

return req;

}

public void setReq(HttpServletRequest req) {

this.req = req;

}

public HttpServletResponse getResp() {

return resp;

}

public void setResp(HttpServletResponse resp) {

this.resp = resp;

}

html5能做出类似验证码似的效果吗

你好，可以使用canvas编写出验证码效果，你可以参考

!DOCTYPE HTML

html lang="en"

meta charset="utf-8"

script type="text/javascript" src="js/jquery-1.8.3.min.js"/script

style

@charset "utf-8";

/* CSS Document */

body {

background: url(images/img10.jpg) no-repeat fixed;

}

body,form,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,table,fieldset,hr,div {

margin: 0;

padding: 0;

}

body,input,select,textarea {

color: #000;

font: 12px/1.8 "微软雅黑", Arial, Helvetica, sans-serif;

}

img {

border: 0;

vertical-align: middle;

}

table {

width: 100%;

border: 0;

border-collapse: collapse;

border-spacing: 0;

}

ul,ol,li {

list-style-type: none;

}

a {

color: #000;

outline: none;

text-decoration: none;

}

a:hover {

text-decoration: underline;

}

.contain {

width: 500px;

margin: 0 auto;

padding-top: 200px;

}

/style

body

div class="contain"

canvas id="myCanvas" height="300px" width="500px"your browser does not support the canvas tag /canvas

br / input type="text"

button onClick="pass()"提交/button

/div

/body

script type="text/javascript"

var canvas = $("#myCanvas").get(0);

var _canvas = $("#myCanvas").get(0).getContext("2d");

var return_str = "";

var _ifstart = false;

var _B_x = 0;

var _B_y = 0;

function can_click() {

};

function pass() {

var _val = $(":text:eq(0)").val();

if (_val == return_str) {

alert('您通过验证了！');

} else {

alert('您输入的验证码不正确！');

}

;

}

function start() {

try {

function drawscreen() {

_canvas.fillStyle = "#ffffaa";

_canvas.fillRect(0, 0, 500, 300);

_canvas.strokeStyle = "#000";

_canvas.strokeRect(5, 5, 490, 290);

}

;

function write_text(_str) {

_canvas.fillStyle = "#000000";

_canvas.font = "20px _sans";

_canvas.textBaseline = "top";

_canvas.fillText(_str, 195, 80);

}

;

function getabc() {

var _str = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,0,1,2,3,4,5,6,7,8,9";

var _str_array = _str.split(",");

return_str = "";

for (i = 0; i 4; i++) {

var _rnd = Math.floor(Math.random() * _str_array.length);

return_str += _str_array[_rnd];

}

;

}

;

drawscreen();

getabc();

write_text(return_str);

} catch (e) {

alert(e);

}

};

$(document).ready(function(e) {

start();

});

/script

/html

希望可以帮助到你

如何在html中的文本框中加入验证码

在html中的文本框中加入验证码，可以通过以下代码实现：

验证码通过GD生成PNG图片，并把$randval随机数字赋给

$_SESSION['login_check_num']，在通过用户输入的$_POST进行比较，来判断是否正确。达到需要实现的功能，需要修改php.ini文件，使php支持GD库。

?php

//调用此页面，如果下面的式子成立，则生成验证码图片

if($_GET["action"]=="verifycode")

{

rand_create();

}

//验证码图片生成

function rand_create()

{

//通知浏览器将要输出PNG图片

Header("Content-type: image/PNG");

//准备好随机数发生器种子

srand((double)microtime()*1000000);

//准备图片的相关参数

$im = imagecreate(62,20);

$black = ImageColorAllocate($im, 0,0,0); //RGB黑色标识符 $white =

ImageColorAllocate($im, 255,255,255); //RGB白色标识符 $gray = ImageColorAllocate($im,

200,200,200); //RGB灰色标识符 //开始作图

imagefill($im,0,0,$gray);

while(($randval=rand()%100000)10000);{

$_SESSION["login_check_num"] = $randval;

//将四位整数验证码绘入图片

imagestring($im, 5, 10, 3, $randval, $black);

}

//加入干扰象素

for($i=0;$i200;$i++){

$randcolor =

ImageColorallocate($im,rand(0,255),rand(0,255),rand(0,255));

imagesetpixel($im, rand()%70 , rand()%30 , $randcolor); }

//输出验证图片

ImagePNG($im);

文章标题：php实现数据库连接,php实现数据库连接的方法
浏览路径：http://dzwzjz.com/article/dsgjjos.html