《大数据采集技术》课件——项目1：校园消费数据网页制作.pptxVIP

大数据，大智慧，大未来项目1：校园消费数据网页制作

项目描述大数据采集技术课程主要目的是通过网络爬虫技术，获取网页源代码，根据网页结构对源代码进行解析，从而获取数据，可以说网页结构是获取网页源代码和解析代码的基础。本课程主要依托的工作场景是校园消费数据管理系统，这是一个需要用户登录之后才能访问的系统。本项目主要介绍和数据采集相关的网页制作技能，包括登录页面和消费数据展示页面的制作，让学生掌握网页制作的基础知识和基本技能，包括使用HTML进行网页布局、使用FORM实现表单交互、以及使用简单的PHP和HTML混编实现分页显示。

任务分解项目1校园消费数据网页制作任务1.1.登录页面制作HTML布局表单交互任务1.2流水查询页面制作数据获取HTML布局与数据展示分页显示0102

大数据，大智慧，大未来1.1登录页面制作

任务描述根据对校园消费数据系统应用单位的调研，已知管理员可以通过账号和密码登录该校的校园消费数据系统进行数据查询。根据校园消费数据采集的实际需求出发，本任务要求实现登录页面的制作。

壹知识储备Knowledgereserve贰技能小练Skillpractice叁任务实施Taskimplementation肆任务小结TasksummaryCONTENTS目录

知识储备第一环节WampServerForm标签Input标签Div标签

知识点1.1WampServer为了进行校园消费数据网页制作，并运行熟悉其工作流程，本任务是基于WampServer集成开发环境，使用SubLimeText3编辑器进行代码编写。因此，本任务重点讲述在Windows10下WampServer的启动、服务的查看，以及SubLimeText3进行登录网页的制作。WampServer就是WindowsApacheMysqlPHP集成安装环境，即在Windows操作系统下的Apache、Php和Mysql的服务器软件。拥有简单的图形和菜单安装和配置环境。

知识点1.1WampServerApache(音译为阿帕奇)是世界使用排名第一的Web服务器软件。它可以运行在几乎所有广泛使用的计算机平台上，由于其跨平台和安全性被广泛使用，是最流行的Web服务器端软件之一。MySQL是一个关系型数据库管理系统，由瑞典MySQLAB公司开发，属于Oracle旗下产品。MySQL是最流行的关系型数据库管理系统之一，在WEB应用方面，MySQL是最好的RDBMS(RelationalDatabaseManagementSystem，关系数据库管理系统)应用软件之一。PHP（PHP:HypertextPreprocessor）即“超文本预处理器”，是在服务器端执行的脚本语言，尤其适用于Web开发并可嵌入HTML中。技能小练

知识点1.2Form标签Form标签是html中重要的组成部分，是用于搜集不同类型的用户所输入的信息。格式：formaction=method=name=””/form语法说明：action：定义在提交表单时执行的动作，向服务器提交表单的通常做法是使用提交按钮，通常，表单会被提交到web服务器上的网页。method：规定在提交表单时所用的HTTP方法（GET或POST）。name：一个页面上的表单可能不止一个，为了区分这些表单，就需要name属性给表单命名，通常与id属性值相同。需要注意的是表单名称中不能包含特殊字符和空格。注意：Form标签需要和input等标签一同使用，有关input标签的内容将在知识点1.4中做介绍。技能小练

知识点1.3Input标签input表示form表单中的一种输入对象，其又随type类型不同而分为文本输入框、密码输入框，单选/复选框，提交/重置按钮等。用户名将使用文本输入框，格式如下所示。inputtype=”text”name=”根据要求设置”/以上是一个文本域input的基本构成，其中type属性设置为text，表示是文本域，name指定了该文本输入框的名称，在后台使用php进行数据交互时将使用该名访问这个元素。

知识点1.3Input标签

知识点1.4Div标签div标签定义HTML文档中的一个分隔区块或者一个区域部分。div标签常用于组合块级元素，以便通过CSS来对这些元素进行格式化，其格式如下：divid=class=style=块包含的内容/div

知识点1.4Div标签style属性：设置图层的样式，未定义前通过浏览器查看不到效果。图层style属性的取值可以由多个“属性/属性值”对构成。其中主要属性有：position属性——定义图层的定位方式，。left、top属性——定义图层左上角位置(左边距和上边距