1 <!-- 2 作者：543488944@qq.com 3 時間：2015-05-30 4 描述：珍愛網山寨版 5 --> 6 <!DOCTYPE html> 7 <html> 8 9 <head lang="en"> 10 <meta http-equiv="content-type" content="text/html" ; charset="utf-8" /> 11 <title>男神女神配</title> 12 <link rel="stylesheet" type="text/css" href="css/geshi.css"> 13 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 14 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 15 <meta name="format-detection" content="telephone=no"> 16 <meta name="renderer" content="webkit"> 17 <meta http-equiv="Cache-Control" content="no-siteapp" /> 18 <link rel="alternate icon" type="image/png" href="assets/i/favicon.png"> 19 <link rel="stylesheet" href="assets/css/amazeui.min.css" /> 20 <script src="assets/js/jquery.min.js"></script> 21 <script src="assets/js/amazeui.min.js"></script> 22 23 <style> 24 .header { 25 text-align: center; 26 } 27 .header h1 { 28 font-size: 200%; 29 color: #333; 30 margin-top: 30px; 31 } 32 .header p { 33 font-size: 14px; 34 } 35 </style> 36 37 <style type="text/css">body{margin:8px 60px 30px 60px;} 38 </style> 39 40 </head> 41 42 <body style="background: url(img/img.jpg) fixed no-repeat; background-size: cover;"> 43 <div style="padding-left: 35px;"> 44 <font color="white" size="7" face="copperplate gothic light"><B>男神女神配<B></font> 45 </div> 46 <br><br><br><br><br><br> 47 48 <ol class="am-breadcrumb"> 49 <li><a href="http://127.0.0.1:8020/QDDS/QDDS.html" class="am-icon-home">首頁</a></li> 50 <li><a href="搜尋/珍愛網會員搜尋_珍愛找人聯絡方式_珍愛網搜尋結果.html">找一找</a></li> 51 <li><a href="App/App/App/index.html">最新活動</a></li> 52 <li class="am-active">內容</li> 53 </ol> 54 55 <div class="am-slider am-slider-default am-slider-carousel"data-am-flexslider="{itemWidth: 200, itemMargin: 5}"> 56 <ul class="am-slides"> 57 <li><img src="img/1.jpg" /></li> 58 <li><img src="img/2.jpg" /></li> 59 <li><img src="img/3.jpg" /></li> 60 <li><img src="img/4.jpg" /></li> 61 <li><img src="img/5.jpg" /></li> 62 <li><img src="img/6.jpg" /></li> 63 <li><img src="img/7.jpg" /></li> 64 <li><img src="img/8.jpg" /></li> 65 <li><img src="img/9.jpg" /></li> 66 <li><img src="img/10.jpg" /></li> 67 <li><img src="img/11.jpg" /></li> 68 <li><img src="img/12.jpg" /></li> 69 <li><img src="img/13.jpg" /></li> 70 <li><img src="img/14.jpg" /></li> 71 <li><img src="img/15.jpg" /></li> 72 <li><img src="img/16.jpg" /></li> 73 <li><img src="img/17.jpg" /></li> 74 <li><img src="img/18.jpg" /></li> 75 </ul> 76 </div><br><br> 77 78 <!-- 79 <table border="1" align="center" width="50%"> 80 <tr><td align="center">aa</td> 81 <td align="center">bb</td> 82 <td align="center">cc</td> 83 </tr> 84 <tr><td align="center">dd</td> 85 <td align="center">ee</td> 86 <td align="center">ff</td> 87 </tr> 88 <tr><td align="center">aa</td> 89 <td align="center">bb</td> 90 <td align="center">cc</td> 91 </tr> 92 <tr><td align="center">dd</td> 93 <td align="center">ee</td> 94 <td align="center">ff</td> 95 </tr> 96 <br> 97 </table>} 98 --> 99 100 <div class="am-g"> 101 <div class="am-u-sm-6" style="border:3px solid pink;width:520px;height:430px"> 102 <div> 103 <div class="am-u-sm-7"> 104 <br><img src="img/sexicon.jpg"/> 105 </div> 106 <div class="am-u-sm-5"> 107 <br><br><br><br> 108 <font color="#009CDA" size="6" face="copperplate gothic light"><B>男神女神配<B></font> 109 <div><br><br><br><br></div> 110 </div> 111 </div> 112 <form> 113 <input type="text"> 使用者名稱 114 <a href=" http://www.baidu.com"><font color="#009CDA">註冊帳號</font></a><br><br> 115 <input type="password"> 輸密碼 116 <a href=" http://www.baidu.com"><font color="#009CDA">找回密碼</font></a><br><br> 117 記住密碼 <input type="checkbox"> 118 自動登入 <input type="checkbox"> 119 Good Luck<br> 120 121 <input type="button" value=" 安全登入 " onclick="javascript:alert('年紀小小就學人交友？快去學習去！！');"> 122 to Seek Your Destiny 123 <img src="img/favicon.ico" width="20" height="20"> 124 </form> 125 </div> 126 <div class="am-u-sm-6">啦啦啦</div> 127 </div> 128 129 <!-- 130 <form> 131 性別：男<input type="radio" name="sex"> 132 女<input type="radio" name="sex"><br> 133 學歷：<select> 134 <option>小學</option> 135 <option>初中</option> 136 <option>高中</option> 137 <option>中專</option> 138 <option>大專</option> 139 <option>本科</option> 140 <option>碩士</option> 141 <option>研究生</option> 142 </select><br> 143 評論：<textarea></textarea><br> 144 檔案上傳：<input type="file"> 145 <input type="submit" value="提交"> 146 <input type="reset" value="重置"> 147 <img src="img/favicon.ico"> 148 </form> 149 --> 150 151 <br><br><br><hr color="#000000"/> 152 </body> 153 154 </html>
（由於前幾次在發隨筆的工作，我們團體犯了一些低階的錯誤，導致團隊分數造成了一定的影響，所以從本次開始，我們團隊將實行，全體組員共同完成隨筆工作。）
一、專案方面
我們團隊本次做的專案是”男神女神配社交網站”，經過一段時間的努力，我們小組把大概的專案框架已經完整的做出來了，我們所用的工具是“IntelliJ IDEA，HBuild，MySql”，結合java語言以及CSS樣式來實現，我們組的各個成員都在規定的期限內完成了各自的任務，從而使我們的任務能夠按時完成。
二、團隊合作
從本次工作來看，一開始我們小組都處於一種漫無目的的狀態，因為在上交專案的時候也是匆匆忙忙想了個主題就上交去的，導致專案開展前期，對於這個專案的瞭解也是少之又少，這對於我們的進度影響非常大，隨後我們立即開展了幾次例會，在開展例會期間也因為教室問題，幾次沒有開成，但是在開成的那幾次中，各個組員都積極發表了對於這個專案的看法，大家都希望能儘快走出這個瓶頸，在我們交流過程中也出現了一些爭執，但現在回過頭去看，感覺那些爭執都是避免不了的，或許那些爭執正是我們小組工作的轉折點，專案才得以進行到這一階段。經歷了幾番風波後，各個成員也很快融入了這個大集體，各司其職，工作也井然有序的進行著。
三、工作態度及其小組自評
組員：黃銘琪
我在這一次的團隊合作中做的是“活動頁面”，暫時只是做了一個靜態頁面，一方面是因為我們這個學期才開始學習web應用及其架構，很多方面還不熟悉，對於資料庫連結方面更多是不會做，上課聽得懂，下課照著老師教的做，要改起來就不知道從何入手了；還有另一方面是我這個學期也要學習其它學科，作業系統等方面也是蠻難的（個人是這樣覺得的），平時很多其它的作業，而且自己在這個學期也要考證，個人在組織社團工作有點多，很少有自己的時間去實踐。不過對於我們這個專案，就算不懂我還是會努力去學習，因為大家在共同奮鬥，其他人都在努力，你也會跟著一起努力。因為，優秀是能夠互相感染的。雖然有爭吵，但有爭吵就有進步，我們會在討論中共同努力，共同進步。
組員：方俊傑
在這次團隊合作中，由於個人忙碌的原因，所以花在這個專案的時間不是很多，我覺得這個專案連線後臺資料庫，前臺的頁面製作都是不難的事情，比較難的是沒有接觸過的電腦埠間的資訊交流，像QQ、微信那樣交流就有點搞不懂，我相信，我們團隊一起來探討一起解決，肯定能夠有所收穫，不僅把專案完成好，更主要的是大家都可以學習到課堂上學不到的東西。我覺得大家一起進步最重要。
組員：餘雅詩
我是很有熱血去做這個專案的。在實施這個專案的一開始，我們組四個人真的好茫然，專案所關聯的東西，都是這學期新接觸的知識。一開始開展這個專案時，關聯後臺管理只是開始講了一點點，資料庫連線還沒教，APP打包從沒接觸過......這一系列的難題都困擾著我們，我們在分工時都只是說誰誰誰負責哪一項，誰誰誰又負責哪一項，這根本就沒具體講到點子上，而開例會時老是不齊人，討論沒方向，各執己見，所以我們的第一階段真的很虛。在第二個階段時，我們意識到這樣下去不行，這會遠遠的掉隊，所以我們決定每個人先擬好思路，在課堂上用了兩節課的時間一直討論分工跟專案方向，把我們每個人負責的每一項都具體落實下來。兩節課時間不長，但我們爭取了不放過每一分每一秒，一直在討論。經過這次的討論，我們的思路真的清晰了很多（這次例會情況沒有寫在部落格上，是我們的一個失誤）。我主要負責主頁的設定，主頁的導航、幻燈片、使用者登入註冊資訊顯示介面這幾樣在目前已經實現了。幻燈片目前是匯入了自己班上的9位男生和9位女生的資訊，其實下了手去做才會發現，每個點都有每個點的不易，載入圖片上去是不難，但是我發現如果直接引用圖片會導致頁面顯示的不規則，所以對於每一張圖片我都有重新調整過了其解析度。因為設定幻燈片的內容時，其原意就是用來顯示部分註冊客戶的個人照的，這也就意味著使用者在註冊的時候，系統應該有一個功能——就是把使用者上傳的圖片裁剪成固定的大小，這一部分內容還沒實施。在主頁面上，還有新聞板塊和留言板塊沒有完成，新聞板塊不難完成，現在我主要是卡在了在留言板上把使用者留言的資訊存在資料庫上，我的隊友已經學會了連線資料庫，接下來，我就準備請教隊友免費教學啦~
組員：歐陽可聖
對於我自己而言，首先我的工作量或許在整個團隊中不是最多最重的，或許很多時候我做的工作不能得到小組其他成員百分百的滿意，但我敢保證我對於我工作的這塊，我絕對是下了很大的功夫，我也知道大家都在為了團隊的專案而共同奮鬥著，在工作上我們之間也或多或少有過一些不愉快的衝突，這主要是因為在專案的交流上存在著一些意見分歧而導致的，我想我們大家在遭遇困境的時候，就需要我們大家靜下心來好好想想，我們或許很多時候在工作上都摻雜了些個人感情，這點很多時候是避免不了的，如果有什麼意見或者建議，我更希望大家能及時在小組裡反映，在小組內我們大家都是平等的，既然你認為你是小組中的一份子，那麼你就有權力提出你的意見，讓我們大家來聽聽。而不是在一旁，整天默默的做做做，這樣既讓小組其他成員不知道你到底在做什麼，也很多時候會被誤解。所以我認為我們大家的工作態度是不可否認的，小組成員各個都很棒。畢竟我們團隊屬於優秀團隊之一。所以我們在接下來的工作中，需要多注意交流這一塊。
四、小組貢獻分
黃銘琪（琪）： 4.8分
方俊傑（丁）： 5.1分
餘雅詩（大）： 4.9分
歐陽可聖（聖）： 5.2分
接下來，就是我們組的網頁展示了~
♠ 美麗的主頁，這裡有好多男神女神哦，你心動了嗎？
♣ 登入介面（請注意不是“忍者神龜”而是兩個人）。我們可以在這裡登入使用，還可以註冊使用者，已經做出了資料庫連線了咯，很快就可以實現使用了~
♥ 男神女神配搜尋介面，在這裡你可以找到你心儀的男神女神哦。好開心，與男神女神近距離接觸永遠不是夢~
♦ 男神女神配活動介面，在這裡可以參加各種校園活動，也有往期回顧、疑難解答等板塊，可以豐富我們的大學生活。啦啦啦，媽媽再也不用擔心我大學整天在宿舍打機煲劇~
期待我們的下一階段哦~