南昌大学WEB实验报告.docx

1、南昌大学WEB实验报告实 验 报 告实验课程： WEB编程 学生姓名： 学 号： 专业班级： 2010年 12 月 20 日 实验一 . 实验二 . 实验三 . 实验四 . 实验五 . 实验六 . 实验七 . 南昌大学实验报告学生姓名： 学 号： 专业班级： 实验类型： 验证 综合 设计 创新 实验日期：2010年9月15 日 实验成绩： 实验一 Web编程环境一、 实验目的1. 搭建Web编程环境，能正确安装配置java运行环境、WEB服务器和数据库服务器2. 熟悉WEB编程集成环境MYEclipse.3. 熟练掌握WEB工程的创建、发布、运行流程。二、 实验内容1. 安装并配置java运行

2、环境JDK和JRE2. 安装Web服务器tomcat, 配置Tomcat服务器3. 安装并配置数据库MySQL.4. 安装MyEclispe，熟悉各项菜单项5. 为MyEclispe集成配置JDK和Tomcat6. 创建、发布、运行一个WEB工程。三、 实验仪器及耗材计算机，JDK，TOMCAT, MySQL, MyEclipse等软件。四、 实验步骤1、 安装并配置JDK和JRE2、 设置好classpath和path路径3、 安装Tomcat5.54、 设置Tomcat的配置属性5、 安装并配置MySQL数据库6、 安装MySqL Administrator工具7、 安装MyEclipse

3、8、 新建并配置一个工程，运行发布一个新的工程。五、 实验结果1、 JDK、JRE安装结果：2、 Classpath和path设置3、 安装并配置Tomcat4、 安装并配置MySqL和MySqL Administrator 工具5、 安装MyEclipse6、 发布一个Web工程。六、 实验心得 南昌大学实验报告学生姓名： 学 号： 专业班级： 实验类型： 验证 综合 设计 创新 实验日期：2010年9月22 日 实验成绩： 实验二 HTML和CSS编程技术 一、 实验目的1. 熟悉HTML静态网页编程技术，熟悉HTML各种标记，特别是表单标记2. 熟悉CSS编程技术，掌握CSS来格式化网页

4、、掌握CSS盒式模型3. 掌握DIV+CSS布局和设计网页，掌握CSS设计网页的一般流程4. 熟悉Dreamweaver的CSS设计器二、 实验内容1. 构思一个新闻发布网站，主题自选，设计好新闻类别2. 制作主页PSD图3. 用DIV+CSS布局主页框架。（如可分成top, mid, foot, 其中mid再分两大块left和main）4. 分别细化设计每一大块。5. 要中间部分的左边或右边要设计一个小登录表单，并用CSS美化。三、 实验仪器及耗材计算机，Dreamweaver 8，Photoshop，MyEclipse等软件。四、 实验步骤1、 制作PSD图2、 使用DIV+CSS布局3、

5、 细化每一块4、 美化表单部分五、 实验结果1、制作PSD图2、使用DIV+CSS布局3、细化每一块4、美化表单部分六、 实验心得 南昌大学实验报告学生姓名： 学 号： 专业班级： 实验类型： 验证 综合 设计 创新 实验日期：2010年9月15 日 实验成绩： 实验三 JavaScript编程技术一、 实验目的1. 熟悉JavaScript语法2. 掌握JavaScript函数的创建和调用3. 熟悉JavaScript对象，特别是浏览器对象，了解DOM模型，知道文档对象的访问方法。4. 会用JavaScript来对表单进行验证。二、 实验内容1. 用JavaScript完成对登录表单的验证2

6、. 设计一个新闻发布的页面，并用JavaScript对新闻发布表单进行验证。三、 实验仪器及耗材计算机，Dreamweaver 8，Photoshop，MyEclipse等软件。四、 实验步骤1、 设计和实现对表单验证的过程代码如下：function checklogin()var user=document.getElementsByName(username)0.value;var pass=document.getElementsByName(password)0.value;if(user=)alert(请输入用户名);return false;else if(pass=)alert(

7、请输入密码);return false;elsereturn true;2、 设计和实现对新闻发布的验证过程代码如下：function checkarticle()var a=document.getElementsByName(author)0.value;var t=document.getElementsByName(title)0.value;var c=document.getElementsByName(content)0.value;if(a=)alert(请输入的作者);return false;if(t=)alert(请输入的标题);return false;else if(

8、c=)alert(请输入的内容);return false;else return true;五、 实验结果1、 表单验证结果2、 文章发布页面验证六、 实验心得 南昌大学实验报告学生姓名： 学 号： 专业班级： 实验类型： 验证 综合 设计 创新 实验日期：2010年9月29 日 实验成绩： 实验四 Servlet编程技术一、 实验目的1. 熟悉Servlet技术的创建和运行流程。2. 会在web.xml配置Servlet的URL3. 熟悉请求request和响应response接口4. 熟悉请求转发接口requestDispatcher接口5. 熟悉会话Session接口，掌握基于Sess

9、ion登录权限控制。二、 实验内容完成一个基于Session的登录权限控制模块。要求：a) 主页登录表单提交后转到Servlet进行处理，根据用户类型转到不同的页面。如果在用户名或密码不正确把登录表单包含进来b) 对于某些页面必须登录才能访问，如新闻发布页面。如果没有登录则禁止访问，并重定向到登录页面。三、 实验仪器及耗材计算机， MyEclipse等软件。四、 实验步骤1、 设计和实现一个登录表单2、 设计和实现实现验证的Servlet，然后进行验证五、 实验结果1、 表单验证效果2、 验证Servlet源代码public class LoginServlet extends HttpSer

10、vlet /* * Constructor of the object. */ public LoginServlet() super(); /* * Destruction of the servlet. */ public void destroy() super.destroy(); / Just puts destroy string in log / Put your code here /* * The doGet method of the servlet. * * This method is called when a form has its tag value metho

11、d equals to get. * * param request the request send by the client to the server * param response the response send by the server to the client * throws ServletException if an error occurred * throws IOException if an error occurred */ public void doGet(HttpServletRequest request, HttpServletResponse

12、 response) throws ServletException, IOException response.setContentType(text/html); PrintWriter out = response.getWriter(); out .println(); out.println(); out.println( A Servlet); out.println( ); out.print( This is ); out.print(this.getClass(); out.println(, using the GET method); out.println( ); ou

13、t.println(); out.flush(); out.close(); /* * The doPost method of the servlet. * * This method is called when a form has its tag value method equals to post. * * param request the request send by the client to the server * param response the response send by the server to the client * throws ServletE

14、xception if an error occurred * throws IOException if an error occurred */ public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException request.setCharacterEncoding(GBK); response.setContentType(text/html;charset=GBK); response.setCharacterEncodin

15、g(GBK); String username=request.getParameter(username); System.out.println(用户名：+username); MemberProcess mp=new MemberProcess(); if(mp.isExisted(username) String password=request.getParameter(password); System.out.println(输入的密码：+password); if(mp.validate(username,password) HttpSession session=reques

16、t.getSession(true); Member m=mp.getMemberByName(username); session.setAttribute(userinfo, m); session.setAttribute(login, true); session.setAttribute(memberId, username); session.setAttribute(loginusername, username); if(request.getParameter(backpage)=null) request.getRequestDispatcher(index.jsp).fo

17、rward(request, response); else request.getRequestDispatcher(request.getParameter(backpage).forward(request, response); else request.setAttribute(loginresult,密码错误); request.getRequestDispatcher(member.jsp).forward(request, response); else request.setAttribute(loginresult,用户名不存在); request.getRequestDi

18、spatcher(login.jsp).forward(request, response); /* * Initialization of the servlet. * * throws ServletException if an error occurs */ public void init() throws ServletException / Put your code here 六、 实验心得 南昌大学实验报告学生姓名： 学 号： 专业班级： 实验类型： 验证 综合 设计 创新 实验日期2010年10月13日 实验成绩： 实验五 JSP编程技术一、 实验目的6. 熟悉JSP编译指

19、令，动作标记。7. 熟悉JSP的隐含对象8. 正确理解request、session、application三个对象的作用域9. 能正确处理汉字乱码问题10. 能熟练使用JSP技术来编写网页二、 实验内容1. 编写一个文章类，用Myeclipse的工作自动产生getter和settet函数2. 修改前面编写过的管理员的新闻发布页面，改成JSP页面要求如下：1）撰写界面至少包括文件标题，所属栏目、作者、内容几项2）界面用CSS进行美化3）每个输入框均应有name属性。4）权限控制，必须是管理员用户才能访问，跟前面实验的登录权限控制关联起来。 3. 编写一个Servlet来处理新闻发布页面提交的表

20、单要求：1）读取表单各项内容，并把存入一个文章对象中。2）把文章对象绑定在request对象中，并转发到新闻显示页面。3. 编写一个新闻显示页面。 要求： 1) 编写静态页面模板，页面用div+css设计2）设定文章对象已存在request对象中，取出文章对象3）把静态页面的内容改成动态内容，如标题，作者，内容等。三、 实验仪器及耗材计算机，Dreamweaver 8，Photoshop，MyEclipse等软件。四、 实验步骤1、 设计和实现新闻发布系统的页面2、 、设计和实现后台的Servlet五、 实验结果1、 页面的实现2、 Servlet的实现public class Article

21、Servlet extends HttpServlet private static final long serialVersionUID = 1L; public ArticleServlet() super(); public void destroy() super.destroy(); / Just puts destroy string in log / Put your code here /* * The doGet method of the servlet. * * This method is called when a form has its tag value me

22、thod equals to get. * * param request the request send by the client to the server * param response the response send by the server to the client * throws ServletException if an error occurred * throws IOException if an error occurred */ public void doGet(HttpServletRequest request, HttpServletRespo

23、nse response) throws ServletException, IOException request.setCharacterEncoding(GBK); response.setCharacterEncoding(GBK); response.setContentType(text/html;charset=GBK); ArticleBll ab=new ArticleBll(); String opType=request.getParameter(opType); if(opType=null) request.getRequestDispatcher(articleli

24、st.jsp).forward(request, response); else if(opType.equals(see) String aid=request.getParameter(articleId); int id=0; try id=Integer.parseInt(aid); catch(NumberFormatException e) id=1; Article a=ab.getArticle(id); request.setAttribute(article, a); request.getRequestDispatcher(article.jsp).forward(req

25、uest, response); else if(opType.equals(seecmts) String aid=request.getParameter(articleId); int id=0; try id=Integer.parseInt(aid); catch(NumberFormatException e) id=1; Vector cmts=ab.getComments(id); request.setAttribute(comments, cmts); request.getRequestDispatcher(allcomments.jsp?articleId=+id).f

26、orward(request, response); else if(opType.equals(remove) String aid=request.getParameter(articleId); int id=0; try id=Integer.parseInt(aid); catch(NumberFormatException e) id=1; new ArticleBll().remove(id); request.getRequestDispatcher(article.jsp?articleId=+id).forward(request, response); /* * The

27、doPost method of the servlet. * * This method is called when a form has its tag value method equals to post. * * param request the request send by the client to the server * param response the response send by the server to the client * throws ServletException if an error occurred * throws IOException if