当前位置:首页>> >>


_英雄联盟道聚_实训.rar

收藏

资源目录
    文档预览:
    编号:20181030004040812    类型:共享资源    大小:7.75MB    格式:RAR    上传时间:2018-10-30
    尺寸:148x200像素    分辨率:72dpi   颜色:RGB    工具:   
    18
    金币
    关 键 词:
    英雄 联盟 实训
    资源描述:
    《Web 基础实训》课程设计报告英雄联盟道聚城姓 名:邵鹏程班 级:1704学 号:2115170064完成时间:2018.7.11淮阴师范学院计算机与信息科学学院2018-7-121 总体设计1.1 功能模块设计系统从功能模块的角度上划分为以下几个功能模块:主页模块、购买模块、购物车模块、登录模块以及支付模块,以下是该系统的功能模块图见图 2-1:图 2-1 系统模块图以下是各个模块具体实现功能介绍:1.首页模块功能(1)道具查询:点击选中商品查询具体信息。2.购买模块功能(1)查看商品信息:查看想要购买商品具体信息(2)加入购物车:将想要购买的商品加入购物车3.购物车模块功能(1)订单信息:包括直接在订单内显示商品名、类型、单价、优惠、小计、操作等英雄联盟道聚城城首页模块购买模块购物车模块登录模块道聚城封面道具查询限时折扣周边商城新品上架加入购物车赠送商品操作用户登录提交订单(2)提交订单:进行线上支付4.登录模块功能(1)登录用户信息:输入账号、密码目录1 总体设计 .............................................................................................................................21.1 功能模块设计 .................................................................................................................22 系统实现 .............................................................................................................................32.1 道聚城封面的实现 .........................................................................................................32.1.1 用户登录界面,如图所示: ..................................................................................32.2 道聚城首页模块的实现 .................................................................................................52.2.1,首页搜索界面,如图所示: ...............................................................................52.2.2 首页进入买道具、购物车、登录界面,如图所示: ...........................................52.3 道聚城购物模块的实现 .................................................................................................62.3.1,加入购物车页面,如图所示: ...........................................................................62.4 购物车模块的实现 .........................................................................................................82.4.1,购物车页面,如图所示: ...................................................................................82.5 登录模块的实现 .............................................................................................................82.5.1,登录页面,如图所示: .......................................................................................93 总结 ...................................................................................................................................102 系统实现2.1 道聚城封面的实现本页面为英雄联盟道聚城的封面,点击进入道聚城,即可进入道聚城的首页。2.1.1 用户登录界面,如图所示:#header{}#header_topRight{}#header_topRight a:link{}#header_topRight a:visited{}#header_topLeft{}#header_topLeft a:link{}#header_topLeft a:visited{}#header_Center{}#header_Center img{}#main img{}#button{}#button img{}#footer{}您还未登录,请登录 | 我的订单 | 个人中心 | 官方论坛 | 帮助中心 | 游戏导航 游戏币交易 | Q 币充值 | 心悦游戏家Copyright 1998 – 2018 TENCENT. ALL RIGHTS RESERVED.腾讯公司版权所有2.2 道聚城首页模块的实现本页面为英雄联盟道聚城的首页,在该页面可进行道具的首页,以及进入购买道具、购物车、登录界面。2.2.1,首页搜索界面,如图所示:#header_search输入道具进行搜索2.2.2 首页进入买道具、购物车、登录界面,如图所示:#header_topRight{#list{}#list ul{}#list ul li{}#list a:link{}#list a:visited{}#list a:active{}#first{}#second{}#third{}#last{}首页购买死兆星锤石购物车登录2.3 道聚城购物模块的实现本页面为道聚城购物模块,在该页面可进行道具的购物以及加入购物车。2.3.1,加入购物车页面,如图所示:#container{}#header{}#header_topRight{}#header_topRight a:link{}#header_topRight a:visited{}#header_topLeft{}#header_topLeft a:link{}#header_topLeft a:visited{}#header_Center{}#header_Center img{}#list{}#list ul{}#list ul li{}#list a:link{}#list a:visited{}#list a:active{}#first{}#second{}#third{}#last{}#header_search{}#main{}#main img{}#main_Good{}#main_Good img{}#main_Shopcart{}#main_Shopcart img{}#main_Thresh img{}#main_Information img{}#main_Skin img{}#main_Recommend img{}#footer_list{}#footer_list ul{}#footer_list ul li{}#footer_first{}#footer_second{}#footer_third{}#footer_list a:link{}#footer_list a:visited{}#footer_list a:active{}您还未登录,请登录 | 我的订单 | 个人中心 | 官方论坛 | 帮助中心 | 游戏导航 游戏币交易 | Q 币充值 | 心悦游戏家首页购买死兆星锤石购物车登录输入道具进行搜索搜索返回购买返回顶部2.4 购物车模块的实现本页面为英雄联盟道聚城购物车,点击进入购物车,可对商品进行删除、关注、提交订单等。2.4.1,购物车页面,如图所示:#header_Good{}商品名 类型 单价 优惠 小计 操作 死兆星 锤石皮肤79.00Q 币75.05Q 币(微信支付)79.00Q 币关注 删除2.5 登录模块的实现本页面为英雄联盟道聚城登录页面,登录页面进入该账号账户。2.5.1,登录页面,如图所示:#main_from{}function emm(){alert(“登录成功“)}账号:密码:3 总结通过这次实训,我收获了很多。以下是我的实训总结。 在实训中除了学到了许多新的知识,还锻炼了我做项目的能力,提高了独立思考问题、 自己动手操作的能力。实训中的项目作业也使我更加有团队精神。 一、继续学习,不断充实自我。 在实训中除了学到了许多新的知识,了解了关于 HTML 的相关知识,对互联网+有了新的认识,对于未来工作的方向也多了一种选择。 二、努力实践,不断提升自我。 只有将理论付诸于实践才能实现理论自身的价值, 也只有将理论付诸于实践才能使理论 得以检验。同样,一个人的价值也是通过实践活动来实现的,也只有通过实践才能锻炼人的 品质,彰显人的意志。这次自己独立完成了一个小项目,满满的激动,未来还要更加努力。 三、 完善总结,不断深造自我。实训,展现在自己面前的是一片任自己驰骋的沃土,耕种梦想,成就未来。我将继续学习,深入实践,不断提升自我,多反思,多总结,吸取经验,为以后打下基础。可以说这次实训不仅使我学到了知识,丰富了经验;将会有利于我更好的适应以后的工作。最后,我要感谢学院组织的这次十分有意义的实训,使我们学到了很多,也领悟了很多。
    展开阅读全文
    1
      金牌文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

    暂无评论,赶快抢占沙发吧。

    关于本文
    本文标题:_英雄联盟道聚_实训.rar
    链接地址:http://www.gold-doc.com/p-255553.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服客服 - 联系我们
    [email protected] 2014-2018 金牌文库网站版权所有
    经营许可证编号:浙ICP备15046084号-3
    收起
    展开