资源描述
代领快递
精品文档
多媒体程序设计
项目报告
项目名称： 你的专属快递专家
收集于网络，如有侵权请联系管理员删除
目录
1 项目概况---------------------------------------------------------------------1
1.1 项目简介-------------------------------------------------------------------1
1.2 项目组成员及分工------------------------------------------------------1
2 项目概述----------------------------------------------------------------------2
2.1 项目背景-------------------------------------------------------------------2
2.2 项目目的-------------------------------------------------------------------2
2.3 项目意义-------------------------------------------------------------------2
3 项目业务设计与实现-----------------------------------------------------2
3.1 项目功能概述------------------------------------------------------------2
3.2 项目主要业务流程------------------------------------------------------3
3.3 项目功能实现-------------------------------------------------------------3
4 项目实现核心技术---------------------------------------------------------4
5 项目心得----------------------------------------------------------------------13
附录:核心代码------------------------------------------------------------------14
1 项目概况
1.1 项目简介
快递代领软件提供给广大师生一个互帮互助的平台，我们本着严格负责认真的态度，尽全力给大家创造一个相对安全的网络平台。大家可以通过填写信息注册成为我们的用户，注册后便可以进行登录，登陆后可以看到其他用户发布的寻求代领快递的信息，并且可以发布寻求代领快递的消息，实现帮助他人代领快递和寻求他人代领快递的需求。
1.2 项目组成员及分工
成员
姓名
学号
分工
工作百分比
1
组长
高云燕
130701140
美工和html
27%
2
组员1
郭洋
130701130
方案文档，项目报告
23%
3
组员2
周玲
130701131
项目报告
23%
4
组员3
杨峰
130701117
Js ajax jqurey
27%
2 项目概述
2.1 项目背景
在这个互联网时代网络购物随之兴起，有网购就有快递，学生作为接受新鲜事物能力较强的群体网购自然不能够少，但由于各方限制，例如我们正在上课，在校外聚会，在市中心实习，在外地写生等等，学生这个特殊的群体常常会出现不能及时领取快递的现象，这对快递小哥和我们学生本身都造成了很大困扰，为解决此类问题，我们开发快递代领软件，在这个平台，学生可以注册成为用户，在需要时登陆，放心寻找可以代领的快递其他用户，形成一个互帮互助的平台，方便大家。
2.2 项目目的
开发此软件我们的目的就在于可以有效的解决广大师生快递不能及时领取的问题，打造一个诚实可信的快递代领团队，并且欢迎大家的加入，让大家可以放心的发布寻求快递代领的消息，我们将尽心竭力将快递送到您的手中，为广大师生提供方便，让大家从此不必再为没有时间领取快递或者不想出门领取快递而烦恼。
2.3 项目意义
如若校园快递代领项目成功推广，它将带给三方好处，首先，对于快递小哥来说，在突发买家无法领取快递的状况下不必担心快递如何处理问题，或者有二次送快递的烦恼；其次，对于消费者来说，也不必时刻担心无法及时领取快递问题，或者在突发状况来临时无法找到合适的代领快递的人；最后，这是一个很好的商机，快递代领团队中的每一个人都利用自己的方便之余服务他人，并且不会浪费自己的时间。您选择充分信任我们，我们将竭尽全力保障每一个用户的财务安全。
3 项目业务设计与实现
3.1 项目功能概述
大家可以通过填写信息注册成为我们的用户，注册后便可以进行登录，登陆后可以看到其他用户发布的寻求代领快递的信息，并且可以发布寻求代领快递的消息，实现帮助他人代领快递和寻求他人代领快递的需求。
个人详细资料填写
3.2 项目主要业务流程
不合格
后台审核
合格
用户注册
用户登录
信息发布与查看
代领快递
3.3 项目功能实现
“你的专属快递专家”使用说明书
打开“你的专属快递专家”：
复制链接，输入浏览器，即可在手机端打开“你的专属快递专家”网页，进入首页。
用户资料填写：
点击“个人资料”按钮，随后进入个人资料填写界面，然后根据提示完成个人资料填写。
用户注册：
点击“用户注册”按钮，进入用户界面，按照提示进行注册。注册成功，系统进行提示。
用户登录：
点击“用户登录”按钮，进入用户登录界面，输入已有账号，输入密码，密码与账号匹配即可进行成功登陆。
第三方登陆：
点击“第三方登陆”，用户用本人已有其他账号，如qq，微信，微博登帐号进行登陆。
信息发布：
点击“信息发布”按钮，进入信息发布页面，输入要发布信息点击提交即可成功发布信息。4 项目实现核心技术
你的专属快递专家首页
<body style="color:#9F9">
<!-- 首页-->
<div data-role="page" id="menu">
<div data-role="header">
<h1 style="font-family:隶书;
color:#F30"><center>You Need
快递</center></h1>
</div><!-- /header -->
<div data-role="content">
<center> <p style="font-family:楷体;
font-weight:100; color:#96F; font-size:16px">你的专属快递专家
</p></center>
<button><a href="#用户登录" data-transition="fade" style="text-decoration:none; color:#F06;font-weight:bold;">用户登录</a></button>
<br>
<button><a href="#快递主页" data-transition="fade" style="text-decoration:none; color:#F06;font-weight:bold;">快递主页</a></button>
<br>
<button><a href="#消息发布" data-transition="fade" style="text-decoration:none;color:#F06;font-weight:bold;">消息发布</a></button>
<br>
<button><a href="#个人资料" data-transition="fade" style="text-decoration:none;color:#F06;font-weight:bold;">个人资料</a></button>
<br>
<button><a href="#用户注册" data-transition="fade" style="text-decoration:none;color:#F06;font-weight:bold;">用户注册</a></button>
</div><!-- /content -->
<div data-role="footer">
<center><p style="font-family:楷体; font-size:12px">一个手机帮你搞定快递烦心事</p></center>
</div><!-- /footer -->
</div><!-- /page -->
你的专属快递专家用户注册
<!--注册页面-->
<div data-role="page" id="用户注册">
<div data-role="header">
<h4>用户注册</h4>
</div><!-- /header -->
<div data-role="content">
<form action="" name="reg" method="post">
<fieldset><!--使有外边框-->
<legend>注册</legend>外边框左上角的字
<table border="1"cellspacing="0">
<tr>
<td>用户名</td><!---单行文本域-->
<td><input type="text" name="user"></td>
</tr>
<tr>
<td>密码</td><!--密码-->
<td><input type="password" name="password" size="10"/></td>
</tr>
<tr>
<td>性别</td><!--单选框，并且加了label使点击文字就可选中-->
<td>
<label for="man">男</label>
<input type="radio" name="sex" value="男" id="man"/>
<label for="woman">女</label>
<input type="radio" name="sex" value="女" id="woman"/>
</td>
</tr>
<tr>
<td>个人爱好</td><!--复选框-->
<td>
<input type="checkbox" name="hobby" value="音乐"/>音乐
<br/>
<input type="checkbox" name="hobby" value="美术"/>美术
<br/>
<input type="checkbox" name="hobby" value="电影"/>电影
<br/>
</td>
</tr>
<tr>
<td colspan="2"><!--按钮，提交，重置，其他，以及把图片设为按钮和隐藏域-->
<input type="submit" value="注册">
<input type="reset" value="取消">
<input type="button" value="查询">
<input type="hidden" value="yes" name="ok">
</td>
</tr>
</table>
</fieldset>
</form>
</div>
你的专属快递专家个人资料页
<body>
<!--个人资料 -->
<div data-role="page" id="个人资料">
<div data-role="header">
<h4>个人资料</h4>
</div><!-- /header -->
<div data-role="content">
<form action="" name="reg" method="post">
<fieldset><!--使有外边框-->
<legend>个人资料</legend>
<table width="100%" border="1px">
<tr>
<td>用户名</td><!---单行文本域-->
<td><textarea type="text" name="user" style="height:25px"">韩梅梅</textarea></td>
</tr>
<tr>
<td>性别</td><!--单选框，并且加了label使点击文字就可选中-->
<td>
女
</td>
</tr>
<tr>
<td>个人爱好</td><!--复选框-->
<td>音乐 电影</td>
</tr>
<tr>
<td>地区</td><!--下拉菜单-->
<td>
浙江
</td>
</tr>
<tr>
<td>个人简介</td><!--多行文本域-->
<td>
<textarea name=”多行文本框名称” cols="35" rows="5">
我叫韩梅梅，今天18岁。
我叫韩梅梅，今天18岁。
我叫韩梅梅，今天18岁。
我叫韩梅梅，今天18岁。
我叫韩梅梅，今天18岁。
我叫韩梅梅，今天18岁。</textarea>
</td>
</tr>
</table>
</fieldset>
</form>
</div><!-- /content -->
快递主页
<body>
<!--快递主页-->
<div data-role="page" id="快递主页">
<div data-role="header">
<h4>快递主页</h4>
</div><!-- /header -->
<div data-role="content">
<form id="form1" name="form1" method="post" action="">
<label for="textarea2">
<br>
<button><a href="首页.html" style="text-decoration:none; font-size:14px">返回首页</a></button>
<button style="float:right"><a href="快递主页.html" style="text-decoration:none; font-size:14px">发布消息</a></button>
<br />
<p>
<label for="textarea" style="font-size:16px; color:#C00">急需代领</label>
<br>
<textarea name="textarea" cols="45" rows="5" id="textarea">菜鸟驿站x架xx号 大件
快递号xxxxx
送到xx楼
电话xxxxxxxxxxx</textarea>
<br></p>
<p>
<label for="textarea" style="font-size:16px; color:#C00">急需代领!!</label>
<br/>
<textarea name="textarea2" id="textarea2" cols="45" rows="5">菜鸟驿站x架xx号 大件
快递号xxxxx
送到xx楼
电话xxxxxxxxxxx</textarea>
</p>
<p>
<label for="textarea" style="font-size:16px; color:#C00">急需代领！！</label>
<br>
<textarea name="textarea3" id="textarea3" cols="45" rows="5">菜鸟驿站x架xx号 大件
快递号xxxxx
送到xx楼
电话xxxxxxxxxxx</textarea>
</p>
<p>
<label for="textarea" style="font-size:16px; color:#360">代领快递</label>
<br>
<textarea name="textarea4" id="textarea4" cols="45" rows="5">菜鸟驿站x架xx号 大件
快递号xxxxx
送到xx楼
电话xxxxxxxxxxx</textarea>
</p>
<p>
<label for="textarea" style="font-size:16px; color:#360">代领快递</label>
<br>
<textarea name="textarea5" id="textarea4" cols="45" rows="5">菜鸟驿站x架xx号 大件
快递号xxxxx
送到xx楼
电话xxxxxxxxxxx</textarea>
</p>
<p>
<label for="textarea" style="font-size:16px; color:#360">代领快递</label>
<br>
<textarea name="textarea6" id="textarea4" cols="45" rows="5">菜鸟驿站x架xx号 大件
快递号xxxxx
送到xx楼
电话xxxxxxxxxxx</textarea>
</p>
</form>
</div><!-- /content -->
<div data-role="footer">
<center><p style="font-family:楷体; font-size:12px">一个手机帮你搞定快递烦心事</p></center>
</div><!-- /footer -->
</div><!-- /page -->
登录
<!--登录-->
<div data-role="page" id="用户登录">
<div data-role="header">
<h4>用户登录</h4>
</div><!-- /header -->
<div data-role="content">
<div class="page-container">
<form action="" method="post">
<input type="text" name="username" class="username" placeholder="用户名">
<input type="password" name="password" class="password" placeholder="密码">
<button type="submit">提交</button>
<div class="error"><span></span></div>
</form><div class="connect"><p></p><p>
<a class="facebook" href=""></a>
<a class="twitter" href=""></a></p>
</div>
</div>
<!-- Javascript -->
<script src="assets/js/jquery-1.8.2.min.js"></script>
<script src="assets/js/supersized.3.2.7.min.js"></script>
<script src="assets/js/supersized-init.js"></script>
<script src="assets/js/scripts.js"></script>
</div><!-- /content -->
<div data-role="footer">
<center><p style="font-family:楷体;
font-size:12px">一个手机帮你搞定快递烦心事</p></center>
</div><!-- /footer -->
</div><!-- /page -->
消息发布
<body>
<!--发布消息 -->
<div data-role="page" id="消息发布">
<div data-role="header">
<h4>消息发布</h4>
</div><!-- /header -->
<div data-role="content">
<center>
<br><textarea name="content" style="width:100%">菜鸟驿站x架xx号 大件
快递号xxxxx
送到xx楼
电话xxxxxxxxxxx</textarea></center>
<br>
<button style="float:right" ><a href="快递主页.html" style="text-decoration:none; font-size:14px">发布</a></button>
</div><!-- /content -->
5 项目心得
无论办什么事情都应明确目的和意义，有个打算和安排。有了计划，就有了明确的奋斗目标。因此我们这次在做“你的专项快递专家”这个项目时，我们根据各自的特长进行了分工，我和郭洋对编程、美工都不太熟悉，所以我们俩主要负责报告以及对网页的测试这一方面，而云燕负责的美工这一方面，杨峰负责的是编程写代码这一方面，所以我们的分工特别的明确，每个人有每个人的工作。接着我们开始了这个网页的设计。
我们在刚开始编辑网页的过程中，首先在空白的html模板上对于我们需要的内容进行了添加，但是仅仅是添加的话，我们发现整个网页显得并不美观，所以我们对于每个页面都进行用心得调整，例如我们为了让这个网页看上去更加的美观，我们添加了一个浅绿色，但是在后续测试的时候发现，网页的颜色只能在电脑上显示出来，并不能在手机上显示。然后在功能方面，我们最初做的是将首页、消息发布、个人资料、快递主页、用户注册这五个模块分别做成网页的形式，后来发现一个都打不开，所以我们就尝试将所有的代码放在一个网页上，最终可以打开了。接着我们想实现第三方登录的功能，但由于后来从网上了解到，这个功能在网页上信息的显示，需要建立一个数据库，而在网页中对信息进行更改并保存，则还需要编辑动态页面，使用java语言等，由于我们对数据库和编程的结合不是很熟悉，当然我们也进行了尝试，但最终还是无法实现最初想的完整的功能，只能零零点点的实现一部分，再者由于时间的接近，我们只能放弃了部分的功能。最后，虽然我们没有实现一个完整的网页，但是我们在其中也了解到了不少关于网页的知识，如网页的设计，以及网页的一些最为基本的功能。我们也觉得在这门课中，我们学到了不少关于网页的相关知识。
通过这次做项目，使我们对编程和美工有了进一步的认识。我们也发现在做项目的时候，最重要的不是自己如何快速地将自己分配的任务做完，而是要注重团队合作。一开始组内必须对这个项目的整体架构进行讨论，确定功能，明确任务，研究分析应该使用何种程序语言。
所以我们几个在这次的项目中，首先我们整体对要做的事情明确，然后我们四个还建了一个讨论组经常讨论，虽说这次我们没有把完整的网页做出来，但是我们合作的很好，在做这个项目的过程也收获了很多，觉得并不枯燥，反而觉得有趣。
附录：核心代码
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href=" />
<!-- CSS -->
<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="assets/css/supersized.css">
<link rel="stylesheet" href="assets/css/style.css">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="
<![endif]-->
<script src="
<script src="
<script type="text/javascript"
src="
data-appid="appid" data-redirecturi="huidiaodizhi(带http)"
charset="utf-8"></script>
<!--发布功能-->
<script type="text/javascript">
function savecontent(){
var content = $('textarea[name=content]').val();
var urlp = 'servlet/HandlerServlet';
$.ajax({
type:'POST',
url:urlp,
data:'content=' + content,
dataType:'text',
success:function(msg){
alert(msg);
}
});
}
</script>
<meta charset="utf-8">
<title>You Need 快递</title>
</head>
<!--<style type="text/css">
body {
background:#CF9;
background-repeat: no-repeat;
}
</style>-->
<body style="color:#9F9">
<!-- 首页-->
<div data-role="page" id="menu">
<div data-role="header">
<h1 style="font-family:隶书; color:#F30"><center>You Need 快递</center></h1>
</div><!-- /header -->
<div data-role="content">
<center> <p style="font-family:楷体; font-weight:100; color:#96F; font-size:16px">你的专属快递专家</p></center>
<button><a href="#用户登录" data-transition="fade" style="text-decoration:none; color:#F06;font-weight:bold;">用户登录</a></button>
<br>
<button><a href="#快递主页" data-transition="fade" style="text-decoration:none; color:#F06;font-weight:bold;">快递主页</a></button>
<br>
<button><a href="#消息发布" data-transition="fade" style="text-decoration:none;color:#F06;font-weight:bold;">消息发布</a></button>
<br>
<button><a href="#个人资料" data-transition="fade" style="text-decoration:none;color:#F06;font-weight:bold;">个人资料</a></button>
<br>
<button><a href="#用户注册" data-transition="fade" style="text-decoration:none;color:#F06;font-weight:bold;">用户注册</a></button>
</div><!-- /content -->
<div data-role="footer">
<center><p style="font-family:楷体; font-size:12px">一个手机帮你搞定快递烦心事</p></center>
</div><!-- /footer -->
</div><!-- /page -->
<!--登录-->
<div data-role="page" id="用户登录">
<div data-role="header">
<h4>用户登录</h4>
</div><!-- /header -->
<div data-role="content">
<div class="page-container">
<form action="" method="post">
<input type="text" name="username" class="username" placeholder="用户名">
<input type="password" name="password" class="password" placeholder="密码">
<button type="submit">提交</button>
<div class="error"><span></span></div>
</form>
<div class="connect">
<p></p>
<p>
<a class="facebook" href=""></a>
<a class="twitter" href=""></a>
</p>
</div>
</div>
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
