Web开发技术实验指导书

1、蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆

2、螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁

3、薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅

4、螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂

5、蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆

6、蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀

7、螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅

8、薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿

9、螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃

10、蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀

11、蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄

12、蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿

13、薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃

14、螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇

15、薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁

16、蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆

17、蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃

18、蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇

19、螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁

20、薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅

21、蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀

22、蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄

23、蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂螇腿芀蚈袆芁蒅薄袅羁芈蒀袄肃蒃莆袃芅芆螅袂羅薂蚁袂肇莅薇袁膀薀蒃袀节莃螂罿羂膆蚈羈肄莁薄羇膆膄蒀羆羆荿蒆羆肈节螄羅膁蒈蚀羄芃芁薆羃羃蒆蒂肂肅艿螁肁膇蒄蚇肁艿芇薃肀聿蒃蕿蚆膁莅蒅蚅芄薁螃蚄羃莄虿蚄肆蕿薅螃膈莂蒁螂芀膅螀螁羀莀螆螀膂膃蚂蝿芅葿薈螈羄芁蒄螈肇蒇螂 安徽农业大学web开发技术jsp版课程配套教材 web开发技术实验指导书（jsp版） 刘 波 编写 安徽农业大学信息与计算机学院通信工程2008年2月 目 录 实验一 搭建jsp运

24、行的实验环境 . 1实验二 jsp页面 . 3实验三 显示不同大小的“你好jsp” . 7实验四 jsp指令和动作 . 10实验五 tag文件的代码复用 . 12实验六 中文显示服务器端日期 . 14实验七 jspsession对象 . 23实验九 简易留言板 . 28实验十 jsp中使用java bean . 31实验十一 jsp中的文件操作 . 41实验十二 jsp中使用数据库 . 48实验十三 java servlet . 66实验十四 网上书店 . 71实验报告.76 2实验一 搭建jsp运行的实验环境一、实验目的（1）掌握jsp运行环境的安装与配置（2）理解jsp与servlet的关

25、系（3）运行简单的jsp页面，理解jsp的运行原理 二、实验工具（1）jdk1.4、jdk1.5或jdk1.6，可以从sun公司的网站免费下载（2）编辑工具记事本（3）tomcat服务器，也可以从网上免费下载 三、实验步骤（1）按教材中演示安装jdk（2）按教材中演示安装tomcat（3）启动tomcat服务器，在浏览器中输入：http:/localhost:8080，观察主页<!- jsp指令标签 -><% page import="java.util.date" %> <!- jsp指令标签 -><%! date date; /

26、 数据声明int sum;public int add(int m,int n) / 方法声明 return m+n;%><html><body bgcolor=cyan> <!html标记 -><font size=4><p>程序片创建date对象：<% date date=new date(); /java程序片out.println("<br>"+date);sum=add(12,34);%><br>在下一行输出和:<br><%= sum+100 %

27、> <!- java表达式 -></font></body></html> 1（6）将exer1.jsp文件复制到tomcat安装目录下的webappsexamples目录下，运行该页面，观察其对应的servlet源代码。（7）将exer1.jsp文件复制到tomcat安装目录下的webappswebdav目录下，运行该页面，观察其对应的servlet源代码。 四、实验思考题（1）jdk安装完毕后，需要添加哪些环境变量？（2）在tomcat安装目录下的webapps文件夹中，新建一文件夹myapp，将exer1.jsp文件复制到tomcat

28、安装目录下的webappsmyapp目录下，运行该页面（http:/localhost:8080/myapp/exer1.jsp ），结果如何？若在d:盘根目录建立一个文件夹myweb，将exer1.jsp文件复制到d:myweb目录下, 运行该页面（http:/localhost:8080/myweb/exer1.jsp ），结果如何？2若要正确显示该页面，还应做如何处理？提示：修改conf目录下的server.xml文件。（3）tomcat默认端口号为8080，如何更改端口号？（4）编写一个jsp页面，用于显示1100的整数和。 五、实验报告要求（1）分析jsp的工作原理，说明jsp文件和

29、servlet的关系（2）根据实验运行情况，对实验步骤和运行结果进行阐述（3）完成实验思考题的解答 实验二 jsp页面一、实验目的（1）熟悉典型jsp页面的组成元素，掌握html标记和jsp标记的不同（2）掌握在html页面中插入jsp脚本（java代码）的方法（2）编写简单的jsp页面，初步掌握jsp网页的设计原理 3二、实验工具（1）jdk1.4、jdk1.5或jdk1.6，可以从sun公司的网站免费下载（2）编辑工具：记事本或dreamweaver mx 2004、frontpage 2003（3）tomcat服务器，也可以从网上免费下载 三、实验步骤（1）打开记事本，输入以下代码，保存

30、为exer2_1.jsp，观察其运行结果exer2_1.jsp：<% page contenttype="text/html;charset=gb2312" %><html><body><%! int count=0; /被客户共享的countsynchronized void setcount() /synchronized修饰的方法 count+;%><% setcount();out.println("您是第"+count+"个访问本站的客户");%></body

31、></html> （2）jsp中声明类（比较教材p15p16页的声明变量和声明方法）是jsp页面对应的servlet类的%><html><body><p>请输入正方形边长<form name="form1" method="get" action="exer2_2.jsp"><input type="text" name="cat" value="1"><input type="

32、;submit" name="submit" value="送出"></form><%! public class square double r; square(double r) this.r=r; double getarea() return r*r; double getlength() return r*4;4 %><% string s=request.getparameter("cat");double r;if (s!=null) else %><p>方

33、的面积是：<%=cc.getarea() %><p>方的周长是：<%=cc.getlength() %></body></html> r=1; square cc=new square(r);/创建对象 r=double.valueof(s).doublevalue();（3）编写exer2_3.jsp，熟悉在“<%=”和“%>”之间插入表达式，用于输出表达式计算结果的方法exer2_3.jsp：<% page contenttype="text/html;charset=gb2312" %>

34、;<html><body bgcolor=cyan><font size=4><p> sin(0.9)除以3等于<%=math.sin(0.90)/3%><p>3的平方是：<%=math.pow(3,2)%><p>12345679乘72等于<%=12345679*72%><p> 5的平方根等于<%=math.sqrt(5)%><p>99大于100吗？回答：<%=99>100%></body></html> （4

35、）在dreamweaver或frontpage中利用可视化方法，编写input.jsp和receive.jsp。 input.jsp：<% page contenttype="text/html;charset=gb2312" %><html><body bgcolor=cyan><font size=3><form action="receive.jsp" method=post name=form><p>请输入下列信息：<br>输入您的姓名:<input typ

36、e="text" name="name" value="张三"></br><br>选择性别:<input type="radio" name="r" value="男" checked="default">男5<input type="radio" name="r" value="女">女</br><br>选择您喜欢的歌

37、手:<input type="checkbox" name="superstar" value="张歌手" >张歌手<input type="checkbox" name="superstar" value="李歌手" >李歌手<input type="checkbox" name="superstar" value="刘歌手" >刘歌手<input type="c

38、heckbox" name="superstar" value="王歌手" >王歌手</br><input type="hidden" value="这是隐藏信息" name="secret"><input type="submit" value="提交" name="submit"></form></font></body></html>

39、;receive.jsp：<% page contenttype="text/html;charset=gb2312" %><html><body bgcolor=cyan><font size=3><% string yourname=request.getparameter("name"); / 获取text提交的值string yoursex=request.getparameter("r"); /获取radio提交的值string secretmess=request.ge

40、tparameter("secret"); /获取hidden提交的值string personname=request.getparametervalues("superstar"); /获取checkbox提交的值 out.println("<p> 您的姓名:"+yourname+"</p>");out.println("<p> 您的性别:"+yoursex+"</p>");out.println("<p&g

41、t; 您喜欢的歌手:");if(personname=null) out.print("一个都不喜欢");else for(int k=0;k<personname.length;k+) out.println(" "+personnamek);out.println("<p> hidden提交的值:"+secretmess);%></font></body></html> 四、设计性实验环节（1）编写一个jiecheng类，当客户在浏览器中给出指定的正整数n，能计

42、算n的阶乘。创建能实现此功能的jsp文件res1.jsp，观察运行结果（参考exer2_2.jsp）（2）编写程序newclass2.jsp，学会在声明中定义类student，初始化该类（学号、姓名、成绩），用表格形式输出“班号（学号的前4位）、学号、姓名、成绩”。（选做）6五、实验报告要求（1）分析jsp的脚本元素，说明jsp标记和html标记的不同（2）根据实验运行情况，对实验步骤和运行结果进行阐述（3）完成实验设计题的解答 实验三 显示不同大小的“你好jsp”（选做）一、实验目的（1）掌握控制字体显示大小的方法（2）掌握for语句，显示变量值 二、实验工具（1）jdk1.4、jdk1.5

43、或jdk1.6，可以从sun公司的网站免费下载（2）编辑工具：记事本或dreamweaver mx 2004、frontpage 2003（3）tomcat服务器，也可以从网上免费下载 三、实验原理和内容本程序运行后，在浏览器页面上显示不同字体大小的“你好jsp”，如图31所示，程序的流程图如图32所示。 1、 程序知识点l 显示变量值在jsp中，获取变量值可使用“<%=valname%>”来实现，valname可以是一个整型字符型的变量。 图31 浏览器显示不同字体大小l for语句for语句的格式如下for (initialization statement; conditio

44、nal expression; increment statement)7 loopbody为了执行for语句，首先执行初始化语句，然后再对条件表达式求值，如果值为true，则执行循环体，随后执行递增语句。表达式的求值和循环体与递增语句的执行不断重复，直到条件表达式的值变为false。多个初始化和增量语句可以用逗号隔开。 for循环的初始化部分可以声明局部循环变量，循环变量的范围在循环体内部。这些循环变量遵循在块内有效的一般规则，即用大括号作为程序块，变量在块内声明，不能与范围外边的变量同名，也不能在循环外引用。 图32 程序流程图 l 控制字体大小在html语言中，控制文字大小可使用“<

45、;hn>”（n从16），因此，可以使用循环语句来控制n的变化。然后，使用<h<%=n%>>，来显示字体大小渐变的“你好jsp” 2、程序代码（exer3.jsp）<% page contenttype="text/html; charset=gb2312" language="java" %><html><head><title>显示不同大小字体</title>8</head><body><center><%/利用for循环

46、控制字体由大到小for(int i=1;i<6;i+)%><h<%=i%>>你好 jsp</h<%=i%>><%/利用for循环控制字体由小到大for( ; ) /完成空格中的 图34执行“确定”后结果 五、实验报告要求（1）根据实验运行情况，对实验步骤和运行结果进行阐述（2）完成综合设计环节的解答9实验四 jsp指令和动作一、实验目的（1）综合掌握在jsp中使用指令标记（2）综合掌握在jsp中使用动作标记 二、实验工具（1）jdk1.4、jdk1.5或jdk1.6，可以从sun公司的网站免费下载（2）编辑工具：记事本或drea

47、mweaver mx 2004、frontpage 2003（3）tomcat服务器，也可以从网上免费下载 三、实验步骤1、page指令的使用（1）打开记事本，输入以下文档，并保存为pagederictive.jsp。<% page contenttype="text/html; charset=gb2312" language="java" import="java.util.*,java.rmi.*" session="true" buffer="12kb" autoflush=&qu

48、ot;true" info="my page directory jsp" errorpage="false" isthreadsafe="false" %><html><body> <h1>done</h1> this program example how to use page directive</body></html>（2）将pagederictive.jsp复制到tomcate安装目录下的webappsroot。（3）在ie地址栏输入

49、http:/localhost:8080/pagederictive.jsp 2、page指令import属性的使用（1）打开记事本，输入以下文档，并保存为pageimport.jsp。<html><body bgcolor="snow"> <%- get year -%> <% page import="java.util.*" %> <b> </b> currentyear=<%=calendar.getinstance().get(calendar.year) %>

50、</body></html>（2）将pageimport.jsp复制到tomcate安装目录下的webappsroot。（3）在ie地址栏输入http:/localhost:8080/pageimport.jsp10 3、include指令的使用（1）打开记事本，输入以下文档，并保存为copyright.jsp。<html><body bgcolor="snow"> <b> </b> <%!string companyname="ssi consulting" %> &l

51、t;p>&copy;2002 <%=companyname%> </p> any unauthorized use of these materials will be prosecuted to the fullest extent of the law</body></html>（2）打开记事本，输入以下文档，并保存为inc1.jsp。<% page contenttype="text/html; charset=gb2312" language="java" %><ht

52、ml><body bgcolor="snow"> <b> </b> this page is unde contruction<p> <% include file="copyright.jsp" %><p> <h6>last updated:march 2008</h6></body></html>（3）将copyright.jsp和inc1.jsp复制到tomcate安装目录下的webappsroot（4）在ie地址栏输入ht

53、tp:/localhost:8080/inc1.jsp 四、设计性实验环节（1）、编写jsp页面，用“*”显示一个77方阵的边框和对角线，结果如图41所示。* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *图41 练习1运行结果（2）、编写jsp页面，判断字符串是否为回文，并用表格显示出来，结果如图42所示。提示：使用stringbuffer类的reverse()颠倒某字符串的顺序，若字符串与颠倒后的字符串相等，则该串为回文。（选做）11 图42 练习2的运行结果（3）、张三手头分别有800美元和1860美元，编写一个jsp页面，把他的美元换成人民币，并用表格显示出来。假设当前美元兑换人民币的汇率是7.82。（选做）（4）、编写jsp页面分别显示110之间的各数字的阶乘。