移动WEB应用技术综合实训-2017 1、完整项目演示 实训任务单：演示完整项目.docVIP

掌上商城完整项目演示 PAGE 1 实验项目任务单 实训(实验)项目: 掌上商城完整项目演示 实验目的： 了解项目开发目的 了解掌上商城的作用 建立实训项目感性认识 实训（实验）设计（器材、步骤、结论）： 简介： 本任务是项目实训的开始，主要让学生对本项目的有一个初步的、感性的认识，从每个学生手机的移动商城来认识主要完成的功能，选择这个项目的作为学生的实习项目是从学生对这方面认识。 任务 1：准备实训设备与工具 步骤1：准备素材与设备 学生的手机、已经开发完成的项目。 任务 2：查看手机上的移动商城 步骤1：打开手机移动商城 让学生拿出自己的手机，点开手机移动商城，不同的手机移动商城有些差别，打开方式有不同。 步骤2：查看商城首页 打开手机移动商城首页后看首页上的各个模块。 步骤3：查看商城产品分类 打开移动商城上的产品分类页，了解如何分类的 步骤4：购物车 查看购物车页的不同模块信息。 任务 3：演示完整掌上商城。 步骤1：用浏览器打开掌上商城演示项目 打开掌上商城项目文件夹ShoppingMall，在文件夹中用谷歌浏览器打开index.html。可以看到如下图1手机掌上商城界面。 图1手机掌上商城界面 步骤2：商城产品分类 在掌上商城首页点击分类，可以查看产品的类别 图2产品分类 步骤4：购物车 在如图3是商城购物车。 图3商城购物车 实验结论及总结 成绩 教师签字 日期