动态网站设计-实验(实训)教学指导书

1山东政法学院实验教学指导书【课程名称】动态网站设计实训【课程类别】实践选修课【编写】杨同峰【审定】殷立峰【课程学时】144【实验学时】136【适用专业】信息管理与信息系统、信息工程、计算机管理【先修课程】所有软件类课程2目录实验一：开发环境搭建....................................................................................3实验二：HTML实验之个人网站.......................................................................5实验三：HTML实验之表单...............................................................................7实验四：Java之软件工程师“管理系统”...................................................9实验五：Java之重构工程师系统.................................................................12实验六：JSP实验之加法计算器.................................................................13实验七：JSP实验之登陆功能.....................................................................14实验八：动态网站项目开发之分组..............................................................16实验九：动态网站项目开发之选题..............................................................18实验十：动态网站项目开发之需求分析......................................................19实验十一：动态网站项目开发之系统设计..................................................20实验十二：动态网站项目开发之开发..........................................................21实验十三：动态网站项目开发之验收..........................................................223实验一：开发环境搭建一、实验目的（实验项目的目的）将本课所需软件配置好，为以后的开发打下基础。二、原理与方法/技能与要求（理工科类课程填写实验项目的原理与方法；文科类课程填写培养技能和要求）原理：软件的安装实际上是软件和操作系统整个的一个过程。方法：按照相应步骤操作计算机。三、所需仪器设备/所需实验软件及案例素材（理工科类课程填写所需仪器设备；文科类课程填写实验软件及案例素材）每个学生应具备：1计算机一台（Inter酷睿双核、2G内存）（学生自带笔记本，因机房已配置好相应软件，不需学生安装）2JDK1.73Tomcat6.04MyEclipse或NetBeans5Dreamweaver6MySQL47Navicat8Chrome四、操作步骤/实验组织方案（理工科类课程填写操作步骤；文科类课程填写实验组织方案）参照教材上的详细步骤，完成以下软件的安装1安装JDK，并配置环境变量2安装Tomcat3安装MySQL4安装Navicat5安装MyEclipse或NetBeans8安装Dreamweaver五、思考题1这些软件各自的功能是什么？2为什么要按照这个步骤安装？3是否可以颠倒某些软件的安装顺序？5实验二：HTML实验之个人网站一、实验目的（实验项目的目的）1通过制作个人网站熟悉HTML语言2制作个人网站可以最大程度的减少抄袭现象。二、原理与方法/技能与要求（理工科类课程填写实验项目的原理与方法；文科类课程填写培养技能和要求）原理：计算机语言是一种人与计算机交互的手段。计算机的低级智能导致我们必须用约定好的比较固定的语法进行书写，计算机才能理解。方法：通过看书、听课、查资料熟悉HTML的知识，并在制作个人网站过程中逐渐熟悉其用法。三、所需仪器设备/所需实验软件及案例素材（理工科类课程填写所需仪器设备；文科类课程填写实验软件及案例素材）每个学生应具备：1计算机一台（Inter酷睿双核、2G内存）2记事本3Chrome四、操作步骤/实验组织方案（理工科类课程填写操作步骤；文科类课程填写实验组织方案）6参照教材上的详细步骤，完成以下软件的安装1通过听课、看书、查资料（）了解HTML语言的语法2通过制作个人网站掌握HTML语言的用法，并记住重要标签的拼写方法（在不差资料的情况下熟练书写）。要求：1个人网站必须体现个人特点。不要把自己的个人网站写成了别人的个人网站。（包括姓名，简介等）2为了熟悉HTML语言，尽可能的使用记事本书写。对使用Dreamweaver的同学给予酌情扣分（就如为了锻炼厨艺不要去饭店吃饭一样）3个人网站应该包含多个网页4个人网站中应包含文本、图片、链接、表格、DIV、背景、色彩。5文字内容要清晰可以阅读。不要为了堆砌演示而制作凌乱的背景、花哨的难以看清的文本。个人网站本身就是为了体现个人特点。不要让别人觉得你糟糕、凌乱。6个人网站要包含个人照片。五、思考题你做的网站如何在网上发布和展示呢？7实验三：HTML实验之表单一、实验目的（实验项目的目的）熟悉HTML中表单的用法，为以后的JSP开发做基础。二、原理与方法/技能与要求（理工科类课程填写实验项目的原理与方法；文科类课程填写培养技能和要求）原理：计算机语言是一种人与计算机交互的手段。计算机的低级智能导致我们必须用约定好的比较固定的语法进行书写，计算机才能理解。方法：通过看书、听课、查资料熟悉HTML的知识，并在制作个人网站过程中逐渐熟悉其用法。方法：打开记事本、编写HTML文件、使用浏览器打开展示。三、所需仪器设备/所需实验软件及案例素材（理工科类课程填写所需仪器设备；文科类课程填写实验软件及案例素材）每个学生应具备：1计算机一台（Inter酷睿双核、2G内存）2记事本3Dreamweaver4Chrome8四、操作步骤/实验组织方案（理工科类课程填写操作步骤；文科类课程填写实验组织方案）1通过听课、看书、查资料（）了解表单语言的语法2仿照网上的登陆表单、制作自己的登陆表单3仿照网上的注册页，制作自己的注册页。要求：1美观2具备足够的功能。五、思考题表单时用来做什么？仔细思考。9实验四：Java之软件工程师“管理系统”一、实验目的（实验项目的目的）掌握JavaApplication标准输入输出、变量的声明使用及算术运算符的使用二、原理与方法/技能与要求（理工科类课程填写实验项目的原理与方法；文科类课程填写培养技能和要求）原理：使用Java语言进行输入输出、运算、排序、存储功能。方法：使用Eclipse进行开发三、所需仪器设备/所需实验软件及案例素材（理工科类课程填写所需仪器设备；文科类课程填写实验软件及案例素材）每个学生应具备：1计算机一台（Inter酷睿双核、2G内存）2Eclipse或NetBeans四、操作步骤/实验组织方案（理工科类课程填写操作步骤；文科类课程填写实验组织方案）1通过听课、看书、查资料（）了解Java语言的用法2实现软件工程师“管理系统”开始编写软件工程师系统，满足界面的输出、数据的输入和工程师薪水的10计算。主界面如下：（字符界面）--------------------------------------------------------|软件工程师管理系统|--------------------------------------------------------1.输入软件工程师资料2.删除指定工程师资料3.查询软件工程师资料4.修改软件工程师资料5.计算工程师的月薪水6.保存新添加的工程师资料7.对工程师信息排序(1编号升序2工龄降序)8.输出所有工程师信息9.清空所有工程师数据10.打印软件工程师数据报表11.从文件重新导入工程师数据0.结束(编辑工程师信息后提示保存)上述界面的所有功能可以依次实现。提示：111使用Scanner进行输入2定义工程师类来保存工程师信息3使用数组或ArrayList保存多个工程师的资料4使用System.out来显示结果5使用文件输入输出来实现信息的保存和导入五、思考题这节课让你学到了什么？12实验五：Java之重构工程师系统一、实验目的（实验项目的目的）模块化设计二、原理与方法/技能与要求（理工科类课程填写实验项目的原理与方法；文科类课程填写培养技能和要求）原理：通过将某部分代码独立出来，使整个系统更加易于阅读和维护。三、所需仪器设备/所需实验软件及案例素材（理工科类课程填写所需仪器设备；文科类课程填写实验软件及案例素材）每个学生应具备：1计算机一台（Inter酷睿双核、2G内存）2Eclipse或NetBeans四、操作步骤/实验组织方案（理工科类课程填写操作步骤；文科类课程填写实验组织方案）1对类的划分、方法的定义重新思考。2重构程序五、思考题重构程序带来了怎样的改变？如何在最开始就设计一个优良的架构？13实验六：JSP实验之加法计算器一、实验目的（实验项目的目的）使学生熟悉WebProject的创建与开发，以简单之极的例子建立他们的信心。二、原理与方法/技能与要求（理工科类课程填写实验项目的原理与方法；文科类课程填写培养技能和要求）原理：通过Form读取用户输入，并输出结果。三、所需仪器设备/所需实验软件及案例素材（理工科类课程填写所需仪器设备；文科类课程填写实验软件及案例素材）每个学生应具备：1计算机一台（Inter酷睿双核、2G内存）2MyEclipse或NetBeans四、操作步骤/实验组织方案（理工科类课程填写操作步骤；文科类课程填写实验组织方案）1建立WebProject2编写一个表单3对用户的提交进行处理，并输出结果五、思考题还能用JSP做什么？14实验七：JSP实验之登陆功能一、实验目的（实验项目的目的）通过登陆功能的实验熟悉Java访问数据库的技术，理解数据库设计原理，掌握一般信息系统开发的基本方法。二、原理与方法/技能与要求（理工科类课程填写实验项目的原理与方法；文科类课程填写培养技能和要求）原理：将用户从表单输入的信息与数据库中存储的用户信息进行比对。如果相同则登陆成功，否则失败。三、所需仪器设备/所需实验软件及案例素材（理工科类课程填写所需仪器设备；文科类课程填写实验软件及案例素材）每个学生应具备：1计算机一台（Inter酷睿双核、2G内存）2MyEclipse或NetBeans四、操作步骤/实验组织方案（理工科类课程填写操作步骤；文科类课程填写实验组织方案）1建立WebProject2编写一个登陆表单3使用Navicat连接MySQL。建立数据库student、建立表格usr、添加一行记录。154建立数据库的辅助类DBHelper，其中包含数据库的连接、断开、查询操作5使用JSP调用DBHelper并根据查询结果返回登陆成功或失败的结果3对用户的提交进行处理，并输出结果五、思考题为什么要建立DBHelper？16实验八：动态网站项目开发之分组一、实验目的（实验项目的目的）下面的几个实验是一个完整的项目。二、原理与方法/技能与要求（理工科类课程填写实验项目的原理与方法；文科类课程填写培养技能和要求）原理：在社会上，一个人很难完成