【实训项目】“万里挑衣” 项目

1.设计摘要

对于在校大学生常常有时候因为活动或者其他原因买了特殊的贵重衣服,比如正装,仅穿了一次便无处安放,而恰巧又有一些人可能对这类衣物紧急需要,临时订购时间又不够,想要租借的话身边认识的人又没有或者尺码不符合,不认识的话更不知道从何借起,多方询问费时费力,最后经过多次辗转才会到自己手里,还回去又是一番波折。再如某种大型活动如合唱需要租借大量服装,一是需要学生自己到处跑多个商家比较,二是学校偏远来回不便,费时费力。所以针对目前大学生衣物处理有必要开发一套方便大家的衣物租赁系统。

该系统给出了客户端各功能模块的设计与实现。所设计实现的主要功能模块包括个人中心、搜索模块、上架模块、消息模块、想要模块。其中用户管理模块中的管理员相关功能在WEB端实现。在现有条件下,该系统仅支持本校同学和同城入驻商家使用。

2.设计的模式及产品目标

2.1 模式

“百依百顺”APP采取O2O线上交流和支付,线下提供服务的模式。对于用户来说“百依百顺”提供用户一个可以方便租衣服的平台,同时可将自己闲置的衣服有效地租出去。

2.2 目标

2.2.1借出方方面

  能让同学们闲置的衣物有安放之地。能为其提供:随时上架/下架自己的衣物,自由定价,具体成交金额可与买家沟通,可添加联系方式方便买家联系。平台收取的服务费根据最终成交金额而定。

2.2.2租方方面

  能让同学在紧急时刻可找到自己需要的衣物。能为其提供:可按照关键词搜索衣物,可直接选择搜索条件搜索衣物,可按照价格排序。

2.2.3商家方面

  可极大程度增加商家信息的租借率,在缩短用户找衣物时间的同时也提高了商家的使用效率。

3.设计的创新与优势

“百依百顺”APP不仅可以帮助用户可以随时找到需要类型的衣服,使用户不用为了借衣服到处奔波。其次,当用户想要把自己的衣服租出去也方便了许多,对于较贵的衣服还可以少量回血。这款APP不管对于普通学生还是对于社团管理人亦或者组织管理人,都带来的极大的便利,可以解决同学们租衣服不方便等问题。

4.设计的具体实现

4.1 项目的可行性分析

“百依百顺”APP不仅可以帮助用户可以随时找到需要类型的衣服,使用户不用为了借衣服到处奔波。其次,当用户想要把自己的衣服租出去也方便了许多,对于较贵的衣服还可以少量回血。这款APP不管对于普通学生还是对于社团管理人亦或者组织管理人,都带来的极大的便利,可以解决同学们租衣服不方便等问题。“百依百顺”APP采取线上交流和支付,线下提供服务的模式。对于用户来说“百依百顺”提供用户一个可以方便租衣服的平台,同时可将自己闲置的衣服有效地租出去。

4.2项目的需求分析

现如今,人们更加注重自己的生活体验,很多学校、公司会在一些重要的节日举办各式各样的晚会,尤其在大学校园里,这种情况更是比比皆是。在大型的晚会里,许多学院为了彰显自己的实力,为了给广大学生更加精彩的文娱体验,往往会在演出之前为主持人以及参演人员租赁大量演出服,那么,什么样的衣服更加适合相关场景、什么样的衣服穿着会比较合身,会成为学院领导的烦心事;即将到来的大学毕业季,也是租衣的重头戏,许多大学生都希望可以穿着合身的学士服完成自己步入社会前的最后一步,因此,如何借到大小合适、干净整洁的学士服就成为困扰广大学生的难题;此外现如今的大学生热衷于网购,但是买来的许多衣服却总是穿几次就藏入衣柜,失去了衣服的意义,如何处理这些衣服也足够令人头疼。因此,一旦出现可以处理这些难题的APP,必然会吸引大量顾客,解决他们的燃眉之急。

4.3项目的总体设计

“百衣百顺”APP共分为五大模块:个人中心、搜索模块、上架模块、消息模块、想要模块。

【实训项目】“万里挑衣” 项目_第1张图片

【实训项目】“万里挑衣” 项目_第2张图片

【实训项目】“万里挑衣” 项目_第3张图片

【实训项目】“万里挑衣” 项目_第4张图片

【实训项目】“万里挑衣” 项目_第5张图片

4.4项目的详细设计及实现

    第一次打开APP会提示用户打开后台消息提醒,用户需手动关闭。

4.4.1个人中心:

  1. 用户注册:正式使用APP时先要进行注册。可用手机号直接注册,系统随机分配名字,可自行更改。
  2. 个人资料:可以对系统随机分配的名字进行修改,还有性别、年龄等。我们会保障用户提供的个人信息不被泄露,同时营造一个真实可靠、合法有序的平台环境。
  3. 我的订单:包括历史订单,每个订单后面会标注是租出去的还是借回来的。
  4. 我的上架:包括曾上架以及正在上架的衣物,并包括该衣物的成交量和总成交金额,最上方会显示总成交金额。
  5. 浏览记录:保存一定数量的浏览记录,方便回看。
  6. 设置:点击此处会出现清理缓存、意见反馈、关于我们、退出登录等几个功能。

【实训项目】“万里挑衣” 项目_第6张图片

【实训项目】“万里挑衣” 项目_第7张图片

 图1-1 个人中心代码截图

【实训项目】“万里挑衣” 项目_第8张图片

【实训项目】“万里挑衣” 项目_第9张图片

 图1-2个人中心运行截图

4.4.2搜索模块

可直接按关键词搜索,也可采用筛选条件的方式搜索。搜索出的界面还可进行进一步细化条件搜索如身高尺码,也可选择排序方式。

【实训项目】“万里挑衣” 项目_第10张图片

【实训项目】“万里挑衣” 项目_第11张图片

 图2-1 搜索模块代码截图

【实训项目】“万里挑衣” 项目_第12张图片

 图2-2 搜索模块运行截图

4.4.3上架模块

将自己的衣服拍照上传,上传时需添加信息:适用性别、适用身高、适用尺码、适用场合、价格等。

4.4.4消息模块

双方进行沟通的地方。

【实训项目】“万里挑衣” 项目_第13张图片

 图4-1 消息模块代码截图

【实训项目】“万里挑衣” 项目_第14张图片

【实训项目】“万里挑衣” 项目_第15张图片

 图4-2 消息模块运行截图

4.4.5想要模块

将喜欢的商品选择想要后界面统一显示,可方便多家比对。

【实训项目】“万里挑衣” 项目_第16张图片

 图5-1 想要模块代码截图

【实训项目】“万里挑衣” 项目_第17张图片

 图5-2 想要模块运行截图

4.4.6主页

最上方为轮播图,给用户提供最直观的推荐;中间是内容分类,用户可根据自己所需要的条件进行查看;最后为内容推荐,随机为用户推荐他们可能需要的衣物。

【实训项目】“万里挑衣” 项目_第18张图片

 图6-1 轮播图代码截图

【实训项目】“万里挑衣” 项目_第19张图片

图6-2 主页分类代码截图

【实训项目】“万里挑衣” 项目_第20张图片

 图6-3 主页推荐代码截图

【实训项目】“万里挑衣” 项目_第21张图片

【实训项目】“万里挑衣” 项目_第22张图片

【实训项目】“万里挑衣” 项目_第23张图片

【实训项目】“万里挑衣” 项目_第24张图片

【实训项目】“万里挑衣” 项目_第25张图片

 图6-4 主页运行截图

导航栏的功能实现由以下代码完成:

【实训项目】“万里挑衣” 项目_第26张图片

【实训项目】“万里挑衣” 项目_第27张图片

【实训项目】“万里挑衣” 项目_第28张图片

【实训项目】“万里挑衣” 项目_第29张图片

  图7 导航栏代码截图

4.5项目的测试与运行

导航栏部分:导航栏部分上下是一个框架,选择下方不同区域时根据选项不同填充不同的页面,初期在将导航栏由五个选项改为四个选项时没有理解这个,给课设带来了很大困难。

聊天部分:这部分遇到最大的问题是CSS格式,由于软件的实时预览无法显示该网页,以至于每次的改变都只能通过生成测试包安装至模拟器运行来观察是否符合自己的预期。

个人中心:删除了一些底部不需要的模块,更改了配字配色等方面。登录模块仅设计了界面,没有完成连接数据库。

喜欢模块:我们将这个页面设置成了一个静态页面,遇到的主要问题还是CSS格式,如何对齐如何让页面不那么乱是我们需要解决的主要问题。

主页部分:主页的内容比较多,有轮播图,分类,推荐等等,模块较多,链接的网页也比较多,要清楚代码每个地方是干什么的,如何找到自己想要更改的部分等都是我们要完成的任务。

测试方法以及步骤

 (1)个人测试:本次课程设计是小组分工协作完成的,每个人开始只需对自己负责的模块界面进行测试,主要实现方法是通过实时预览或生成测试包安装到模拟器预览。最常用的是模拟器,因为部分人的电脑不支持实时预览,或者显示比例与实际不符。

   (2)整体测试:最后我们将每个人的代码正和岛一起,测试方法对比个人测试是没有什么区别,但是连接到一起后,每次进行的更改经常导致其他界面一起被更改,以至于测试更加频繁和麻烦。

5.心得体会及建议

成员1:这次的课程设计对我来说,我得到的首先是技术上的进步,学会了一个APP的初步制作,对我来说团队合作也很重要,我们在一起讨论这个APP的所有需求以及每个模块和许许多多的细节问题,就是感觉越说发现的问题越多,需要想的东西就越多,感受到了一个小小的APP的制作的不易,而且感受到和同组人员不同观点的碰撞的快乐。

成员2:这次课设我复习了上学期关于后端的知识,但是遇到了一些问题。然后学习了关于开发APP的一些新知识,激发了我很大的兴趣。虽然前期我没有参与小组的实际工作,但是参与了项目初期的功能策划工作,后期也对项目前端进行了设计。虽然我们组最后的成果没有达到满意的地步,但是我们收获了很多解决困难的方法。

成员3:本次课设是要做一个应用类的手机app软件。在制作过程中,由于第一个星期要考研,所以没有参与设计,在第二个星期中,软件模型整体构架已经成型,所以我只是简单的负责了‘我的界面’和‘商品详情页’的制作。通过本次的课设我深刻的了解了在做一个项目时,团队合作的多么的重要。在组长的带领下,每个成员各司其职,共同实现了项目的要求,达到了预期的效果。十分感谢组内每个成员的帮助和协助。

成员4:这次的课设对我来说首要的收获就是有好的队友,组内分工合作非常愉快,每个人都各司其职,为我们整个设计过程出谋划策,短短两周的时间,我已经初步了解了一个线上APP的制作过程并且参与其中,我很开心,我认为自己又学会了一项新的技能,前期我们在讨论项目可行性以及主页设计详情的时候我们每个人观点的碰撞让我耳目一新,让我认识到了考虑问题还可以从这么多的层面去看,非常开心和我的队友们有这次合作。

成员5:这次的课程设计让我们第一次正式的体会到软件开发的全过程,每个人都有自己的任务,最后将大家的做出的合并在一起形成一个完整的体系,最后成果出来的时候有满满的成就感。而且这对我们我们的课程设计毕业设计等都有很大的帮助。遗憾的是时间太短,最终没有完成我们最初期对这个软件的构想,但也学习收获了很多。虽然这次课程设计结束了,但我们的学习之路还没有结束,临近毕业,我们依旧不能停止学习、扩充自己,要不停的为以后的学习、工作打下基础。

6.附录

程序清单

index.html //导航栏部分

cart.html //喜欢模块

home.html //主页模块

profile.html //个人中心

msg-con.html //消息模块

login-con.html //登录模块

search.html //搜索模块

profile.css //个人中心所用CSS

common.css //通用CSS

Fun.css //消息模块所用CSS

7.参考文献

[1] 杨选辉 .网页设计与制作教程.北京:清华大学出版社.2006

[2] 詹国华,潘红等.多媒体网页设计教程,.北京:高等教育出版社.2009

[3] 贾珺.动态网站设计与开发项目教程, 中国电力出版社.2009

[4] Bruce Eckel等.Thinking in Java机械工业出版社

[5] 乔保军等.Java Web应用开发与实践(第二版)清华大学出版社

[6]  Ryan Benedettl&Ronan Cranley等.Head First jQuery中国电力出版社

8.PPT项目展示 

9.核心代码




    
    
    APP
    
    
    


    
专卖主持服装店
礼服主持女粉色长袖 颜色:粉色;尺码:L
¥100.00
1 ×
小饼干店
晚礼服新款长袖主持粉色 颜色:红色;尺码:L
¥99.00
1 ×
APP
全球知名大牌特卖汇
君御灯饰特惠日!
宇宙最萌面膜专场
狂欢延续,999送黄金
儿童户外运动一站购
正装
主持
毕业
漫展
婚纱
啦啦队
汉服
相声
推荐 换一组
主持 ¥98.0
相声大褂 ¥98.0
啦啦队服装 ¥98.0
毕业季 ¥98.0
漫展 ¥98.0
汉服 ¥98.0
APP
我的租借 查看所有租借
我的上架 查看历史上架
我的收藏 收藏过的商品
收藏店铺 收藏过的店铺
优惠券 我的优惠券
会员卡 我的会员卡
设置 修改设置
APP
APP
   

你可能感兴趣的:(课程设计,java)