web程序设计指导书

WEB程序设计实验指导书单位信息工程学院编写XXXXX时间2015年11月WEB程序设计实验指导书目录实验一语法基础1一、实验目的1二、实验要求1三、实验内容1实验二数据交互处理4一、实验目的4二、实验要求4三、实验内容4实验三AJAX数据交互14一、实验目的14二、实验要求14三、实验内容14实验四综合设计22一、实验目的22二、实验要求22三、实验内容22WEB程序设计实验指导书1实验一语法基础一、实验目的1掌握PHP语法基本元素，掌握数据类型、变量和常量、运算符、表达式的使用。2掌握PHP流程控制。3掌握在HTML和PHP命令标记相结合的方法。4掌握用PHP和HTML交互的处理方法。二、实验要求1要求学生独立完成2熟练掌握PHP与HTML标签的结合的操作3要求独立完成实验，并使用到PHP的基本语法三、实验内容第一题在HTML中嵌入PHP命令标记编写一个PHP动态页面，在HTML标记中用先嵌入一段PHP代码，给变量XH赋一个文本数值；然后把XH的数值作为一个HTML表单中的文本型输入框的VALUE属性值。编程示例在HTML中嵌入PHP命令PHPINSIDEHTML学号是“第二题PHP语法实验（1）变量、表达式和判断的使用WEB程序设计实验指导书2编写一段PHP代码，用于判断一个整数变量的数值是否大于5，并显示判断结果。编程示例“I10IFI5ECHO“I大于5“ELSEECHO“I不大于5“（2）循环在（1）所编写PHP代码的基础上，添加一段循环，从1依次显示到整数变量的数值，各数之间以“，”做分隔符。编程示例“I10IFI5ECHO“I大于5“ELSEECHO“I不大于5“FORJ1J第三题PHP读取表单数值编写一个带FORM和输入控件的PHP页面，用PHP代码接收输入控件的内容，并显示。编程示例PHP读取表单练习WEB程序设计实验指导书3PHP读取表单练习请输入变量I的数值5ECHO“ALERTI大于5“ELSEECHO“ALERTI不大于5“FORJ0JWEB程序设计实验指导书4实验二数据交互处理一、实验目的1掌握PHP中处理数组数据的方法。2掌握PHP中字符串操作的方法。3掌握PHP中正则表达式的使用方法。4掌握PHP中文件的操作方法。5掌握PHP中日期数据的处理方法。二、实验要求1要求学生独立完成2熟练掌握PHP的数据处理3熟练掌握基于PHPMYSQL的CURD操作三、实验内容题目一数组的操作设计一个PHP网页EX2_1PHP，其中使用循环将用户输入的5各数由小到大排序显示编程示例“ECHO“FORI1I“IFI“ECHO“FOREACHSEQASSCOREECHOSCORE“FORI0ISEQITEMPSEQJSEQJSEQISEQITEMPECHO“从大到小排序后的结果是“WHILELISTKEY,VALUEEACHSEQECHOVALUE“题目二字符串的操作设计一个PHP网页EX2_2PHP，输入5个学生的学号，如果有相同的学号则只保留一个，找到前缀为“0811”的学生，将前缀改为“0810”，最后将所有学号输出，以逗号“，”为分隔符。编程示例“ECHO“FORI1I“IFI“ECHO“WEB程序设计实验指导书6“FOREACHSTUASVALUEIFSTRSTRVALUE,“0811“STRINGSTR_REPLACE“0811“,“0810“,VALUEJSJKSTRINGKECHO“调整后，学生的学号如下“ECHOIMPLODE“,“,JSJWEB程序设计实验指导书7题目三正则表达式的使用设计一个PHP网页EX2_3PHP，其中验证表单数据的正确性，表单数据中包括用户名、密码、出生年月、EMAIL。要求用户名为612个字符，密码为620各数字，出生年月为有效的日期，EMAIL为有效的EMAIL地址。编程示例PHP正则表达式练习PHP正则表达式练习用户名612个字符（数字，字母和下划线）密码620个数字出生年月格式YYYYMMDDEMAILWEB程序设计实验指导书8结果是ALERT用户名格式错“ELSEIFCHECKPWDECHO“ALERT密码格式错“ELSEIFCHECKBIRTHDAYECHO“ALERT用户生日格式错“ELSEIFCHECKEMAILECHO“ALERTEMAIL格式错“ELSEECHO“数据格式正确“题目四文件的操作WEB程序设计实验指导书9设计一个PHP网页EX2_4PHP，用来进行投票。投票计数记录在PHP文件所在目录中的一个文件VOTERESULTTXT中，各个选项的投票计数值在一行中，用“|”分隔。编程示例PHP文件操作练习当今最流行的WEB开发技术PHPASPJSPWEB程序设计实验指导书10ASPNET投票完毕“/IF（VOTE“PHP“）/VOTEARRAY0/SWITCHVOTECASE“PHP“VOTEARRAY0BREAKCASE“ASP“VOTEARRAY1BREAKCASE“JSP“VOTEARRAY2WEB程序设计实验指导书11BREAKCASE“ASPNET“VOTEARRAY3BREAKDEFAULTBREAKECHO“TECHARRAYARRAY“PHP“,“ASP“,“JSP“,“ASPNET“TOTALVOTE0FORI0I目前“TECHARRAYI“的投票数是“VOTEARRAYI“/ECHO“的投票数是“VOTEARRAYI“TOTALVOTEINTTOTALVOTEVOTEARRAYIECHO“总投票数是“TOTALVOTE“VOTESTR2IMPLODE“|“,VOTEARRAYHANDLEFOPENVOTEFILE,“W“FWRITEHANDLE,VOTESTR2FCLOSEHANDLEELSEECHO“ALERT未选择投票选项“题目五日期数据的操作设计一个PHP网页EX2_5PHP，由用户输入自己的生日，让系统帮助计算出年龄和出生日期是星期几。编程示例WEB程序设计实验指导书12PHP日期函数练习PHP日期函数练习请输入自己的生日年月日结果是“ECHO“您的大致年龄是“DATEY,TIMEYEAR“岁“NEWTIMEMKTIME0,0,0,DATE“M“,DATE“J“,DATE“Y“OLDTIMEMKTIME0,0,0,MONTH,DAY,YEARDAYSNEWTIMEOLDTIME/243600WEB程序设计实验指导书13ECHO“您的出生天数是“DAYS“天“DAYSFLOATNEWTIMEOLDTIME/24360036533664ECHO“您的精确年龄是“DAYS“岁“/得出生日期为星期几ARRAYGETDATESTRTOTIME“YEARMONTHDAY“ECHO“出生时是“ARRAYWEEKDAYELSEECHO“ALERT无效的日期“WEB程序设计实验指导书14实验三AJAX数据交互一、实验目的1掌握JAVASCRIPT语言的基本使用2了解DOM的基本概念3掌握AJAX的实用方法4掌握JS和PHP两者间利用AJAX完成数据交互的方法二、实验要求1要求学生独立完成实验2综合使用JS、PHP两门语言实现本次实验3使用AJAX实现数据无刷新载入、更新等功能。三、实验内容第一题数据库操作编写一个PHP页面EX3_1PHP，能够按照学号、姓名、院系查询MYSQL数据库TEST中STUDENT表里的记录数，结果分页显示，每页显示15条记录。STUDENT表结构见下表字段名含义数据类型数据长度是否主键是否允许为空S_ID学号VARCHAR11是否S_STUDENT姓名VARCHAR40否是DEPARTMENT院系VARCHAR40否是编程示例PHP数据库练习WEB程序设计实验指导书15PHP数据库练习学号姓名院系操作所有部门“MYSQL_SELECT_DBTEST,CONNORDIE“连接数据库失败“/MYSQL_QUERY“SETNAMESGB2312“SQL“SELECTDISTINCTDEPARTMENTFROMSTUDENT“RESULTMYSQL_QUERYSQLWHILEROWMYSQL_FETCH_ARRAYRESULTDEPROWDEPARTMENTECHO“DEP“查询结果是WEB程序设计实验指导书16学号姓名院系“MYSQL_SELECT_DBTEST,CONNORDIE“连接数据库失败“SQL“SELECTFROMSTUDENT“/ECHOSQL“SQLGETSQLNUMBER,NAME,DEPART/ECHOSQL“MYSQL_QUERY“SETNAMESGB2312“RESULTMYSQL_QUERYSQLTOTALMYSQL_NUM_ROWSRESULTNUM15PAGEISSET_GETPAGE_GETPAGE1PAGENUMCEILTOTAL/NUMPAGEMINPAGENUM,PAGEPREPGPAGE1NEXTPGPAGEPAGENUM0PAGE1NEW_SQLSQL“LIMIT“PAGE1NUM“,“NUM/ECHONEW_SQL“NEW_RESULTMYSQL_QUERYNEW_SQLIFNEW_ROWMYSQL_FETCH_ARRAYNEW_RESULTECHO“ECHO“NEW_ROWS_ID“ECHO“NEW_ROWS_NAME“ECHO“NEW_ROWDEPARTMENT“ECHO“ECHO“WHILENEW_ROWMYSQL_FETCH_ARRAYNEW_RESULTECHO“ECHO“NEW_ROWS_ID“ECHO“NEW_ROWS_NAME“ECHO“NEW_ROWDEPARTMENT“ECHO“ECHO“WEB程序设计实验指导书18ELSEECHO“ALERT数据表中无记录“PAGENAV“IFPREPGPAGENAV“上一页“FORI1II“IFNEXTPG0PAGENAV“下一页“PAGENAV“共（“PAGENUM“）页“ECHO“PAGENAV“第二题AJAX数据交互设计一个使用AJAX技术的PHP页面EX3_2PHP，上面提供有一个院系查询选项表，当用户改变该选项表中的选项时，在页面下方响应显示出院系和所指定数值的全部学生（即在PHP网页中实现数据库查询操作代码部分的响应刷新）。响应代码放在页面EX3_3PHP中。WEB程序设计实验指导书19说明可仍然使用第一题所用的TEST数据库和其中的STUDENT表，编程示例（1）EX3_2PHPAJAX实验/初始化函数FUNCTIONGETXMLHTTPOBJECTVARXMLHTTPNULLTRYXMLHTTPNEWXMLHTTPREQUESTCATCHETRYXMLHTTPNEWACTIVEXOBJECT“MSXML2XMLHTTP“CATCHEXMLHTTPNEWACTIVEXOBJECT“MICROSOFTXMLHTTP“RETURNXMLHTTP/下面为查询选项表中选项变动时所触发的函数FUNCTIONRUNXMLHTTPGETXMLHTTPOBJECTVARDEPARTDOCUMENTGETELEMENTBYID“DEP“VALUEVARURL“EX7_2PHP“URLURL“DEPART“DEPART/URLURL“XMLHTTPOPEN“GET“,URL,TRUEXMLHTTPSENDNULLXMLHTTPONREADYSTATECHANGEFUNCTIONIFXMLHTTPREADYSTATE4请指定院系请选择“MYSQL_SELECT_DBTEST,CONNORDIE“连接数据库失败“/MYSQL_QUERY“SETNAMESGB2312“SQL“SELECTDISTINCTDEPARTMENTFROMSTUDENT“RESULTMYSQL_QUERYSQLWHILEROWMYSQL_FETCH_ARRAYRESULTDEPROWDEPARTMENTECHO“DEP“WEB程序设计实验指导书21（2）响应部分EX3_3PHP“ECHO“ECHO“学号“ECHO“姓名“ECHO“院系“ECHO“ECHO“CONNMYSQL_CONNECTLOCALHOST,ROOT,123456ORDIE“连接失败“MYSQL_SELECT_DBTEST,CONNORDIE“连接数据库失败“MYSQL_QUERY“SETNAMESGB2312“SQL“SELECTFROMSTUDENTWHEREDEPARTMENT“DEPART“RESULTMYSQL_QUERYSQLWHILEROWMYSQL_FETCH_ARRAYRESULTECHO“ECHO“ROWS_ID“ECHO“ROWS_NAME“ECHO“ROWDEPARTMENT“ECHO“ECHO“ECHO“WEB程序设计实验指导书22实验四综合设计一、实验目的1了解软件开发的基本流程2掌握PHP的对象设计和数据接口的编写3练掌握PHP的MVC的编程方法二、实验要求1要求学生独立完成实验2综合使用PHPJSJQ和HTML完成本次实验3完成实验内容中任意一个程序的开发三、实验内容第一题论坛程序程序要求1、任意能访问程序的用户都可以发帖2、有管理员功能，管理员在登录以后可以查看保密帖子和删除帖子3、可以禁止某一个IP的用户访问该程序第二题投票程序程序要求1、任意能访问程序的用户都可以投票2、用户在投票时，必须输入验证码才能投票3、同一个IP用户在24小时内只能投票1次第三题简历管理程序程序