到公司实习一个月了，做了十几年的学生，突然就变成了一名员工。从说“去上课了”变成了“去上班了”。会或多或少的有一些不适应，不管是生活方式还是学习方式甚至是朋友圈都有了特别大的变化。从开始的时候没有什么思路，不知道该怎么去适应公司的工作环境，该怎么去学习才能做一名合格的员工，该学习哪些知识才能适应公司的需求，那么多的工作我到底适合做哪一个。到现在为止，终于不是那么很迷茫，知道自己喜欢什么，知道自己适合什么，知道自己的目标是什么，愿意一步一步的去前进去奋斗，我想这就是很大的进步吧。每一份工作，每一次经历，我相信都会在某一方面给予我很大的启发。
越努力越幸运，加油～！
1.主要实现功能及工具
1>使用Mysql数据库，使用Bootstrap框架
2>能够实现登录注册功能，带有简单的验证
3>能够实现 发送邮件 查看邮件 选择收件人的功能
4>发信时能够制定标题内容
2.注意事项
1>提交按钮用标签，button标签不可以。出现问题：找不到请求按钮
2>php代码和页面分开写，有时会出现一些notice提示，影响页面美观
3>登录时注意用session保存登录的用户
4>登录验证问题
5>查看发件箱收件箱的sql语句要写收件人和发件人的条件，否则会显示所有信箱的内容
6>注意一些值为空的情况要写判断语句
7>注意格式排版！！慢慢提高，写的真的好乱～！
3.数据库设计
1>用户表：ID,userID,username,password,confirmPassword,isAdmin,emial
2>邮件内容:emailBoxID,receiver,sender,title,content
4.思路及步骤
1>登录界面的实现
2>数据库的设计
3>主界面，注册界面的设计与实现
4>发送邮件 邮件列表 发件箱 界面设计与实现
5>查找缺陷进行补充
5.登录页面
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>邮箱登录title> <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"/> <link src="../bootstrap/js/jquery.min.cs"/> <link src="../bootstrap.min.js"/> head> <style type="text/css"> html,body{ height: 100%; background-color: #A3D5FB; } .login-box{ width: 100%; max-width: 400px; height: 700px; position: absolute; top: 50%; margin-top: -200px; } .form-group{ margin-bottom: 30px; } .login-title{ padding: 20px 10px; background-color: rgba(0,0,0,0.6) } .login-title small{ color: #fff; } .login-content{ height: 400px; width: 100%; max-width: 500px; background-color: rgba(255,255,255,0.6); float: left; } @media screen and (min-width:500px){ .login-box { left: 50%; margin-left: -250px; } } .btn{ padding: 6px 30px; } .input-group{ margin-bottom: 0px; margin: 0px 0px 30px 0px; height: 50px; } .form-control{ height: 50px; } .link p{ line-height: 20px; margin-top: 30px; } style> <body> <script type="text/javascript"> function doSubmit() { if($("#username").value()){ alert("用户名不能为空"); return; } if ($("#password").value)) { alert("密码不能为空"); return; } $("form1").submit(); } script> <div class="container"> <div class="box"> <div class="login-box"> <div class="login-title text-center"> <h1><small>站内信登录small>h1> div> <div class="login-content"> <form name="form1" method="post" action="../php/login.php"> <div class="form-group"> <div class="col-md-12"> <div class="input-group"> <span class="input-group-addon"><span class="glyphicon glyphicon-user">span>span> <input type="text" name="userID" id="userID" class="form-control" placeholder="用户ID"> div> div> div> <div class="form-group"> <div class="col-md-12"> <div class="input-group"> <span class="input-group-addon"><span class="glyphicon glyphicon-lock">span>span> <input type="password" name="password" id="password" class="form-control" placeholder="密码"> div> div> div> <div class="form-group"> <div class="col-md-4 col-md-offset-4"> <input class="btn btn-info active navbar-btn " name="submit" id="submit" type="submit" value="登录"> div> div> <div class="form-group"> <div class="col-md-12 col-md-offset-9 link"> <div class="input-group"> <p class="text-center remove-margin"> <a href="javascript:void(0)">忘记密码a> p> div> div> div> form> div> div> div> body> html>
6.帮助类
1 php 2 if (!isset ($_SESSION)) { 3 ob_start(); 4 session_start(); 5 } 6 header("Content-type:text/html;charset=utf-8"); 7 $conn=mysql_connect('127.0.0.1','root','root'); 8 if($conn) { 9 mysql_select_db("MailUserManage", $conn); 10 mysql_query("set names 'utf-8'"); 11 } 12 else { 13 die(); 14 } 15 ?>
7.登录功能实现
1 php 2 require_once("helper.php"); 3 4 5 if(isset($_POST['submit'])) 6 { 7 $userID=$_POST['userID']; 8 $password=$_POST['password']; 9 $sql="select * from Users where userID='$userID'"; 10 $result=mysql_query($sql) or die("帐号不正确"); 11 $num=mysql_num_rows($result); 12 if($num) { 13 $row=mysql_fetch_array($result); 14 15 if($row['password']==$password) { 16 echo "登录成功，正在为您跳转至邮箱首页"; 17 $_SESSION['Users']=$_POST['userID']; 18 header("Location:../index.php"); 19 } 20 else { 21 echo ""; 22 mysql_close(); 23 } 24 } 25 } 26 else{ 27 echo ""; 28 } 29 30 ?>
8.注册界面
1 html> 2 3 head> 4 meta charset="utf-8"> 5 title>注册新用户title> 6 link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"/> 7 link src="../bootstrap/js/jquery.min.cs"/> 8 link src="../bootstrap.min.js"/> 9 script> 10 11 script> 12 13 head> 14 style type="text/css"> 15 body{ 16 height: 100%; 17 background-color: #A3D5FB; 18 } 19 20 .login-box{ 21 width: 100%; 22 max-width: 400px; 23 height: 800px; 24 position: absolute; 25 top: 50%; 26 margin-top: -300px; 27 } 28 .form-group{ 29 margin-bottom: 30px; 30 } 31 .login-title{ 32 padding: 20px 10px; 33 background-color: rgba(0,0,0,0.6) 34 } 35 .login-title small{ 36 color: #fff; 37 } 38 .login-content{ 39 height: 500px; 40 width: 100%; 41 max-width: 600px; 42 background-color: rgba(255,255,255,0.6); 43 float: left; 44 padding-top: 20px; 45 } 46 @media screen and (min-width:500px){ 47 .login-box { 48 left: 50%; 49 margin-left: -250px; 50 } 51 } 52 .btn{ 53 padding: 6px 30px; 54 } 55 .input-group{ 56 margin-bottom: 0px; 57 margin: 0px 0px 30px 0px; 58 height: 50px; 59 } 60 .form-control{ 61 height: 50px; 62 } 63 .link p{ 64 line-height: 20px; 65 margin-top: 30px; 66 67 } 68 .navbar-btn{ 69 margin-top: 0px; 70 } 71 72 style> 73 74 75 76 77 form method="post" action="../php/regist.php"> 78 79 div class="container"> 80 div class="box"> 81 div class="login-box"> 82 div class="login-title text-center"> 83 h1>small>用户注册small>h1> 84 div> 85 div class="login-content"> 86 87 div class="form-group"> 88 div class="col-md-12"> 89 div class="input-group"> 90 span class="input-group-addon">用 户 IDspan> 91 input type="text" name="userID" id="userID" class="form-control" placeholder="只能为字母和数字，以字母开头，长度6-10位"> 92 div> 93 div> 94 div> 95 96 97 div class="form-group"> 98 div class="col-md-12"> 99 div class="input-group"> 100 span class="input-group-addon">密 码span> 101 input type="password" name="password" id="password" class="form-control" placeholder="6位以上"> 102 div> 103 div> 104 div> 105 106 107 div class="form-group"> 108 div class="col-md-12"> 109 div class="input-group"> 110 span class="input-group-addon">确认密码span> 111 input type="password" name="configPassword" id="configPassword" class="form-control" placeholder="确认密码"> 112 div> 113 div> 114 div> 115 116 div class
