到公司實習一個月了，做了十幾年的學生，突然就變成了一名員工。從說“去上課了”變成了“去上班了”。會或多或少的有一些不適應，不管是生活方式還是學習方式甚至是朋友圈都有了特別大的變化。從開始的時候沒有什麼思路，不知道該怎麼去適應公司的工作環境，該怎麼去學習才能做一名合格的員工，該學習哪些知識才能適應公司 ...
到公司實習一個月了，做了十幾年的學生，突然就變成了一名員工。從說“去上課了”變成了“去上班了”。會或多或少的有一些不適應，不管是生活方式還是學習方式甚至是朋友圈都有了特別大的變化。從開始的時候沒有什麼思路，不知道該怎麼去適應公司的工作環境，該怎麼去學習才能做一名合格的員工，該學習哪些知識才能適應公司的需求，那麼多的工作我到底適合做哪一個。到現在為止，終於不是那麼很迷茫，知道自己喜歡什麼，知道自己適合什麼，知道自己的目標是什麼，願意一步一步的去前進去奮鬥，我想這就是很大的進步吧。每一份工作，每一次經歷，我相信都會在某一方面給予我很大的啟發。
越努力越幸運，加油～！
1.主要實現功能及工具
1>使用Mysql資料庫，使用Bootstrap框架
2>能夠實現登錄註冊功能，帶有簡單的驗證
3>能夠實現 發送郵件 查看郵件 選擇收件人的功能
4>發信時能夠制定標題內容
2.註意事項
1>提交按鈕用<input type="submit">標簽，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"> <!--用戶ID--> <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>login.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 ?>helper.php
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 "<script>alert('密碼錯誤，請重新輸入');</script>"; 22 mysql_close(); 23 } 24 } 25 } 26 else{ 27 echo "<script>alert('請登錄用戶');</script>"; 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 <!--用戶ID--> 87 <div class="form-group"> 88 <div class="col-md-12"> 89 <div class="input-group"> 90 <span class="input-group-addon">用 戶 ID</span> 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 <
