《PHP网页案例任务教程》课件 3-1 设计公司业务合同管理页面动态网页.pptx

项目三

动态网页表单控件;项目引言;能力目标;任务一

设计公司业务合同管理页面动态网页;复习知识与技能;任务描述;任务分析;1．准备工作

按照网站规划参数进行配置。Web站点路径：C:\phpweb。Web测试IP地址：。Web测试端口号：8899。参照项目一中任务一、任务二、任务三，配置并启动WAMP环境，配置好Dreamweaver网站环境，如果已经配置并启动WAMP环境、Dreamweaver网站环境，本步骤可以略过。设计“030101.php”动态网页。

第一步：创建动态网页“030101.php”。

第二步：在网页上添加表单，并使用POST方法将数据提交到“030101.php”网页自身。

第三步：在表单中添加合同编号、签署日期、总金额、计费数量、合同内容和经办人等文本字段。

第四步：为每个文本字段添加相应的输入框或文本域，以供用户输入相关信息。

第五步：提供“提交”按钮，使用户能够将填写的合同信息通过表单至PHP来处理。

第六步：添加“重置”按钮，方便用户清空表单数据。;2．设计“030101.php”动态网页

确认准备工作无误，启动Dreamweaver软件，鼠标单击“文件”菜单，单击“新建”，在弹出的对话框中单击“创建”按钮，单击“文件”菜单，单击“保存”，弹出“另存为”对话框，文件名处输入“030101”，单击“保存”按钮。;3．在“030101.php”动态网页中设计标题、表单与控件

在打开“030101.php”网页状态下，鼠标单击“设计”视图、“拆分”视图、“代码”视图切换到方便设计编辑的视图。

（1）输入网页标题“公司签订合同信息添加页面”。

（2）鼠标单击“窗口”菜单，单击“插入”调出插入面板，在插入面板上单击“表单”调出表单面板，单击表单面板上“表单”按钮，弹出表单form对话框，在对话框操作处输入“030101.php”，在方法处选择“post”，单击“确定”按钮，如图3-1-2所示。

图3-1-2标签编辑器form-常规对话框

（3）参照图3-1-1在表单中插入8行4列表格，参照样张根据需要对单元格进行合并。

（4）参照图3-1-1在表单中输入文字“公司签订合同信息添加页面”，选中文字“公司签订合同信息添加页面”设置文字格式为标题1，用键盘输入组合键“Shift+Enter”换行。

（5）参??图3-1-1在表单中插入“文本字段”控件6个，插入“按钮”控件2个。

（6）分别在6个文本控件左侧对应位置输入“合同编号：”“签署日期：”“总金额：”“计费数量：”“经办人：”，在表格中样张位置输入文字“合同内容：注：(这是简要说明，不超过20字)”和“查看合同”。

（7）参照图3-1-1在表格第7行合适位置插入2个“按钮”控件，鼠标分别单击“按钮”控件，在属性面板中值处输入“提交”和“重置”，结果对照看源代码第43～44行。;4．在“030101.php”动态网页中输入PHP源代码

（1）鼠标单击“窗口”菜单，单击“插入”调出插入面板，在插入面板单击“PHP”调出PHP面板，单击PHP面板上“?”或“echo”按钮，在源代码编辑区域需要的位置自动插入?php?和?phpecho?代码块。

（2）参照源代码第48～55行，键盘输入PHP源代码（注意为节约设计，注释可以省略，正式技术资料归档时，按照行业规范要求必须有详细规范的注释）。

通过以上步骤成功创建了名为“030101.php”的动态网页，并在其中添加了表单。该表单包含了合同编号、签署日期、总金额、计费数量、合同内容和经办人等字段，为每个字段提供了相应的输入框或文本域控件，以供用户输入相关信息，页面提供了“提交”按钮和“重置”按钮，分别用于保存填写的合同信息和清空已填写的数据。;5．“030101.php”动态网页源代码

1!doctypehtml!--定义文档类型为HTML5--

2html

3head

4metacharset=utf-8!--设置字符编码为utf-8--

5title公司签订合同信息添加页面/title!--设置页面标题为“公司签订合同信息添加页面”--

6/head

7?php

8$a=;//定义变量$a，并赋值为空字符串

9?

10body

11formaction=030101.phpmethod=post!--创建表单提交到030101.php，用post方法--

12table

13tr

14tdalign=centercolspan=4h1strong公司签订合同信息添加页面/strong/h1/td!--创建单元格，设置水平居中对齐，跨越4列，并显示标题--

15/tr

16tr

17tdalign=