![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
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分
接下来,就是我们组的网页展示了~
♠ 美丽的主页,这里有好多男神女神哦,你心动了吗?
♣ 登录界面(请注意不是“忍者神龟”而是两个人)。我们可以在这里登录使用,还可以注册用户,已经做出了数据库连接了咯,很快就可以实现使用了~
♥ 男神女神配搜索界面,在这里你可以找到你心仪的男神女神哦。好开心,与男神女神近距离接触永远不是梦~
♦ 男神女神配活动界面,在这里可以参加各种校园活动,也有往期回顾、疑难解答等板块,可以丰富我们的大学生活。啦啦啦,妈妈再也不用担心我大学整天在宿舍打机煲剧~
期待我们的下一阶段哦~