前言
最近几年各个技术论坛流传着一句话:未来是全栈程序员的世界!程序员作为社会的一门职业,越来越多的人加入这个行业,在这个行业内分工很明晰的情况下,越来越多的程序员开始不安分追求一门编程语言,开始在工作之余学习其他领域,渴望在不久的将来能在整个软件行业游刃有余。当然网上反对的声音也很高,这些人认为术业有专攻,应该精通一门,一个人在公司也只会负责一门技术,精力有限。
本人的看法是在这个技术日新月异的时代,iOS取代塞班也是一瞬间的事情,所以作为一名程序员强大的学习能力才是最重要的,一专多强才是非常保险的,再加上每个人走的路线是不一样的,所以没有谁对谁错,只有适不适合自己。
说明
语言基础
HTTML +CSS+ PHP
适应人群
重要说明:本人是一名iOS开发者,正在PHP的道路上爬坑,PHP界的大牛大侠请绕路,谢谢!
技术准备
搭建PHP、MySQL、Apache服务器环境
说明:
服务器环境可以在Mac、Linux、Windows环境下均可进行搭建,搭建的过程网上资料一堆又一堆的,其中Mac上搭建环境可以参考我这一篇iOS开发–Mac下服务器搭建,搭建的过程对于新手来说也是比较繁琐和麻烦的,所以对于新手推荐 使用phpStudy软件进行一键式的搭建环境,如图
由于csdn上传资料只有60M的限制,所以需要这个软件的可以在下方评论区留下你的邮箱发给你。
这次我们做的是一个登陆页面,效果图如下:
功能实现介绍
页面运用的是HTML+CSS进行编写,验证码封装了成了一个PHP类,当用户输入账号密码以及验证码后会,先验证验证码是否正确,当验证码正确的时候php访问数据库Myuser
表与用户输入的账号密码进行匹对,匹对成功后跳转到网站主页。
验证码自动生成的文件代码如下:
class ValidateCode {
private $charset = 'abcdefghkmnprstuvwxyzABCDEFGHKMNPRSTUVWXYZ23456789';
private $code;
private $codelen =4;
private $width = 130;
private $height = 50;
private $img;
private $font;
private $fontsize = 20;
private $fontcolor;
public function __construct() {
$this->fOnt= dirname(__FILE__).'/font/elephant.ttf';
}
private function createCode() {
$_len = strlen($this->charset)-1;
for ($i=0;$i<$this->codelen;$i++) {
$this->code .= $this->charset[mt_rand(0,$_len)];
}
}
private function createBg() {
$this->img = imagecreatetruecolor($this->width, $this->height);
$color = imagecolorallocate($this->img, mt_rand(157,255), mt_rand(157,255), mt_rand(157,255));
imagefilledrectangle($this->img,0,$this->height,$this->width,0,$color);
}
private function createFont() {
$_x = $this->width / $this->codelen;
for ($i=0;$i<$this->codelen;$i++) {
$this->fOntcolor= imagecolorallocate($this->img,mt_rand(0,156),mt_rand(0,156),mt_rand(0,156));
imagettftext($this->img,$this->fontsize,mt_rand(-30,30),$_x*$i+mt_rand(1,5),$this->height / 1.4,$this->fontcolor,$this->font,$this->code[$i]);
}
}
private function createLine() {
for ($i=0;$i<6;$i++) {
$color = imagecolorallocate($this->img,mt_rand(0,156),mt_rand(0,156),mt_rand(0,156));
imageline($this->img,mt_rand(0,$this->width),mt_rand(0,$this->height),mt_rand(0,$this->width),mt_rand(0,$this->height),$color);
}
for ($i=0;$i<100;$i++) {
$color = imagecolorallocate($this->img,mt_rand(200,255),mt_rand(200,255),mt_rand(200,255));
imagestring($this->img,mt_rand(1,5),mt_rand(0,$this->width),mt_rand(0,$this->height),'*',$color);
}
}
private function outPut() {
header('Content-type:image/png');
imagepng($this->img);
imagedestroy($this->img);
}
public function doimg() {
$this->createBg();
$this->createCode();
$this->createLine();
$this->createFont();
$this->outPut();
}
public function getCode() {
return strtolower($this->code);
}
}
?>
登陆页面的代码如下:
session_start();
session_destroy();
?>
<html>
<head>
<title>高考成绩查询系统title>
<style type="text/css">
#login p{
margin-top: 15px;
line-height: 20px;
font-size: 14px;
font-weight: bold;
}
body {
background-color: #0d3b5d;
margin: 0;
padding: 0;
font: Arial, Helvetica, sans-serif;
text-align:center;
text-align-last: center;
font-size:20px;
}
#login img{
cursor:pointer;
}
form{
margin-left:20px;
}
style>
head>
<body>
<form id="login" action="" method="post">
<p>高考成绩查询系统p>
<p>
<span>账号:span>
<input type="text" name="account" value="" size=15> <br/>
<br/>
<span>密码:span>
<input type="text" name="password" value="" size=15> <br/>
<br/>
<span>验证码:span>
<input type="text" name="validate" value="" size=10>
<img title="点击刷新" src="./captcha.php" align="absbottom" onclick="this.src='captcha.php?'+Math.random();">img>
p>
<p>
<input type="submit">
p>
form>
body>
$validate="";
if(isset($_POST["validate"])){
$validate=$_POST["validate"];
if($validate!=$_SESSION["authnum_session"]){
echo "验证码错误";
}else{
require_once 'LinkDatabase.php';
$sql = mysql_query("select * from Myuser ", $connID);
while( $result = mysql_fetch_array($sql))
{
if($_POST['account']==$result['uname']&&$_POST['password']==$result['upass'])
{
include "SecondView.html";
echo "登陆成功";
header("location:SecondView.html");
}
}
}
}
?>
附录
实例点击代码下载