南昌大学WEB实验报告_第1页
南昌大学WEB实验报告_第2页
南昌大学WEB实验报告_第3页
南昌大学WEB实验报告_第4页
已阅读5页，还剩31页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、精品文档实验报告实验课程： WEB编程学生姓名：学号：专业班级：2010年 12月 20日。1欢迎下载精品文档目录实验一 .实验二 .实验三 .实验四 .实验五 .实验六 .实验七 .。2欢迎下载精品文档南昌大学实验报告学生姓名：学号：专业班级：实验类型： 验证 综合 设计 创新实验日期：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 Admin

3、istrator工具7、 安装 MyEclipse8、 新建并配置一个工程，运行发布一个新的工程。五、实验结果1、 JDK、 JRE安装结果：。3欢迎下载精品文档2、 Classpath和 path 设置3、 安装并配置Tomcat。4欢迎下载精品文档4、 安装并配置MySqL和 MySqL Administrator工具5、 安装 MyEclipse。5欢迎下载精品文档6、 发布一个Web工程。6欢迎下载精品文档六、实验心得。7欢迎下载精品文档南昌大学实验报告学生姓名：学号：专业班级：实验类型： 验证 综合 设计 创新实验日期：2010 年 9 月 22 日 实验成绩：实验二HTML 和 C

4、SS编程技术一、实验目的1. 熟悉 HTML静态网页编程技术，熟悉 HTML各种标记，特别是表单标记2. 熟悉 CSS编程技术，掌握 CSS来格式化网页、掌握 CSS盒式模型3. 掌握 DIV+CSS布局和设计网页，掌握 CSS设计网页的一般流程4. 熟悉 Dreamweaver 的 CSS设计器二、实验内容1. 构思一个新闻发布网站，主题自选，设计好新闻类别2. 制作主页 PSD图3.用 DIV+CSS布局主页框架。 （如可分成top,mid, foot,其中 mid 再分两大块left和 main ）4. 分别细化设计每一大块。5. 要中间部分的左边或右边要设计一个小登录表单，并用CSS美

5、化。三、实验仪器及耗材计算机， Dreamweaver 8 ， Photoshop ，MyEclipse等软件。四、实验步骤1、 制作 PSD图2、 使用 DIV+CSS布局3、 细化每一块4、 美化表单部分五、实验结果1、制作 PSD图。8欢迎下载精品文档2、使用 DIV+CSS布局。9欢迎下载精品文档3、细化每一块4、美化表单部分六、实验心得。10欢迎下载精品文档南昌大学实验报告学生姓名：学号：专业班级：实验类型： 验证 综合 设计 创新实验日期：2010 年 9 月 15 日 实验成绩：实验三JavaScript编程技术一、 实验目的1. 熟悉 JavaScript 语法2. 掌握 Ja

6、vaScript 函数的创建和调用3.熟悉 JavaScript对象，特别是浏览器对象，了解DOM模型，知道文档对象的访问方法。4. 会用 JavaScript 来对表单进行验证。二、 实验内容1. 用 JavaScript 完成对登录表单的验证2. 设计一个新闻发布的页面，并用JavaScript 对新闻发布表单进行验证。三、 实验仪器及耗材计算机， Dreamweaver 8 ， Photoshop ，MyEclipse等软件。四、 实验步骤1、 设计和实现对表单验证的过程代码如下：function checklogin()var user=document.getElementsByNa

7、me("username")0.value; var pass=document.getElementsByName("password")0.value; if(user="")alert('请输入用户名 ');return false;else if(pass="")alert("请输入密码 ");return false;。11欢迎下载精品文档elsereturn true;2、 设计和实现对新闻发布的验证过程代码如下：function checkarticle()var

8、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(c=&q

9、uot;")alert('请输入的内容 ');return false;elsereturn true;五、 实验结果1、 表单验证结果。12欢迎下载精品文档2、 文章发布页面验证。13欢迎下载精品文档六、 实验心得。14欢迎下载精品文档南昌大学实验报告学生姓名：学号：专业班级：实验类型： 验证 综合 设计 创新实验日期：2010 年 9 月 29 日 实验成绩：实验四Servlet编程技术一、实验目的1. 熟悉 Servlet 技术的创建和运行流程。2.会在 web.xml 配置 Servlet的 URL3. 熟悉请求 request 和响应 response 接口

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

11、验证效果。15欢迎下载精品文档2、 验证 Servlet源代码public class LoginServlet extends HttpServlet /* Constructor of the object.*/public LoginServlet() super();/* Destruction of the servlet. <br>*/public void destroy() super.destroy(); / Just puts "destroy" string in log/ Put your code here/* The doGet me

12、thod of the servlet. <br>* This method is called when a form has its tag value method equals to get.*。16欢迎下载精品文档* 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 IOExc

13、eption if an error occurred*/public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException response.setContentType("text/html");PrintWriter out = response.getWriter();out.println("<!DOCTYPEHTMLPUBLIC"-/W3C/DTDHTML4.01Transition

14、al/EN">");out.println("<HTML>");out.println(" <HEAD><TITLE>A Servlet</TITLE></HEAD>");out.println(" <BODY>");out.print("This is ");out.print(this.getClass();out.println(", using the GET method");out.pr

15、intln(" </BODY>");out.println("</HTML>");out.flush();out.close();/* The doPost method of the servlet. <br>* 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

16、 response send by the server to the client* throws ServletException if an error occurred* throws IOException if an error occurred*/public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException request.setCharacterEncoding("GBK");response.s

17、etContentType("text/html;charset=GBK");。17欢迎下载精品文档response.setCharacterEncoding("GBK");String username=request.getParameter("username");System.out.println("用户名： "+username);MemberProcess mp=new MemberProcess();if(mp.isExisted(username)String password=request.g

18、etParameter("password");System.out.println("输入的密码： "+password);if(mp.validate(username,password)HttpSession session=request.getSession(true);Member m=mp.getMemberByName(username);session.setAttribute("userinfo", m);session.setAttribute("login", "true"

19、;);session.setAttribute("memberId", username);session.setAttribute("loginusername", username);if(request.getParameter("backpage")=null)request.getRequestDispatcher("index.jsp").forward(request,response);elserequest.getRequestDispatcher(request.getParameter(&qu

20、ot;backpage").forward(requ est, response);elserequest.setAttribute("loginresult","密码错误 ");request.getRequestDispatcher("member.jsp").forward(request,response);elserequest.setAttribute("loginresult","用户名不存在 ");request.getRequestDispatcher("l

21、ogin.jsp").forward(request,response);。18欢迎下载精品文档/* Initialization of the servlet. <br>* throws ServletException if an error occurs*/public void init() throws ServletException / Put your code here六、实验心得。19欢迎下载精品文档南昌大学实验报告学生姓名：学号：专业班级：实验类型： 验证 综合 设计 创新实验日期 2010 年 10 月 13 日 实验成绩：实验五JSP 编程技术一

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

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

24、页面的实现2、 Servlet的实现public class ArticleServlet extends HttpServlet 。21欢迎下载精品文档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. <

25、;br>* This method is called when a form has its tag value method 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

26、void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException request.setCharacterEncoding("GBK");response.setCharacterEncoding("GBK");response.setContentType("text/html;charset=GBK");ArticleBll ab=new ArticleBll();String opTyp

27、e=request.getParameter("opType");if(opType=null)request.getRequestDispatcher("articlelist.jsp").forward(request,response);else if(opType.equals("see")String aid=request.getParameter("articleId");int id=0;tryid=Integer.parseInt(aid);catch(NumberFormatException

28、e)。22欢迎下载精品文档id=1;Article a=ab.getArticle(id);request.setAttribute("article", a);request.getRequestDispatcher("article.jsp").forward(request,response);else if(opType.equals("seecmts")String aid=request.getParameter("articleId");int id=0;tryid=Integer.parseInt(

29、aid);catch(NumberFormatException e)id=1;Vector<Comment> cmts=ab.getComments(id);request.setAttribute("comments", cmts);request.getRequestDispatcher("allcomments.jsp?articleId="+id).forward(reque st, response);else if(opType.equals("remove")String aid=request.getPa

30、rameter("articleId");int id=0;tryid=Integer.parseInt(aid);catch(NumberFormatException e)id=1;new ArticleBll().remove(id);request.getRequestDispatcher("article.jsp?articleId="+id).forward(request, response);。23欢迎下载精品文档/* The doPost method of the servlet. <br>* This method is

31、 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 an error occurred*/public void doPost(HttpServle

32、tRequest request, HttpServletResponse response)throws ServletException, IOException request.setCharacterEncoding("GBK");response.setCharacterEncoding("GBK");response.setContentType("text/html;charset=GBK");String opType=request.getParameter("opType");if(opType

33、=null)String aid=request.getParameter("articleId");int id=0;tryid=Integer.parseInt(aid);catch(NumberFormatException e)id=1;request.getRequestDispatcher("article.jsp?articleId="+id).forward(request, response);else if(opType.equals("givecmt")/ 发表评论String aid=request.getPa

34、rameter("articleId");int id=0;tryid=Integer.parseInt(aid);。24欢迎下载精品文档catch(NumberFormatException e)id=1;Comment c=new Comment();c.setArticle_id(id);c.setTitle(request.getParameter("title");c.setContent(request.getParameter("content");new CommentBll().insert(c);request.g

35、etRequestDispatcher("article.jsp?articleId="+id).forward(request, response);/* Initialization of the servlet. <br>* throws ServletException if an error occurs*/public void init() throws ServletException / Put your code here六、实验心得。25欢迎下载精品文档南昌大学实验报告学生姓名：学号：专业班级：实验类型： 验证 综合 设计 创新实验日期20

36、10 年 10 月 20 日 实验成绩：实验六JavaBean编程技术一、实验目的1. 熟悉 JavaBean 的规范2.会编写 JavaBean; 会在 JSP 和 Servlet 中创建和使用 JavaBean 对象3.掌握 JSP 的<jsp:useBean> 、<jsp:setProperty>、 <jsp:getProperty>的使用4. 掌握 JSP 中表单和表单 Bean 的映射5.掌握 Servlet中表单和表单Bean 的映射6.会编写封装业绩逻辑的JavaBean7. 会使用上传下载组件 jspSmartUpload 外部组件二、实验内

37、容1. 修改前面的封装新闻（文章）的JavaBean，使其符合 JavaBean 规范2. 修改前面的新闻发表 Serlvet ，用来完成新闻发布表单的处理，要求利用映射机制把新闻表单映射到新闻的JavaBean 中，以便后继把这个JavaBean 写入数据库。3. 编写一个封闭新闻管理的业务Bean. 这里只需定义接口即可。4. 参考教材，编写一个上传下载模块（可选）5. 参考教材，实现登录动态验证（可选）三、实验仪器及耗材计算机， Dreamweaver 8 ， Photoshop ，MyEclipse等软件。四、实验步骤1、 编写文章Bean2、 编写业务Bean五、实验结果1、 文章

38、Bean 源代码package article.entity;import java.sql.Date;。26欢迎下载精品文档public class Article private int id;private String title;private String author;private String content;private Date created_time;private Date updated_time;public int getId() return id;public void setId(int id) this.id = id;public String g

39、etTitle() return title;public void setTitle(String title) this.title = title;public String getAuthor() return author;public void setAuthor(String author) this.author = author;public String getContent() return content;public void setContent(String content) this.content = content;public Date getCreate

40、d_time() return created_time;public void setCreated_time(Date created_time) this.created_time = created_time;public Date getUpdated_time() return updated_time;public void setUpdated_time(Date updated_time) this.updated_time = updated_time;。27欢迎下载精品文档2、 业务 Bean 源代码public class AdminProcess public Adm

41、inistrator getAdminByName(String username) Administrator a=null;String sql="select * from admin where username=""+username+""" ResultSet rs=DBAccess.executeQueary(sql);if(rs!=null)try a=new Administrator();a.setId(rs.getInt(1);a.setUsername(rs.getString(2);a.setPassword(rs.getString(3);return a; catch (SQLException e) return null;return a;3、 数据库连接Bean 的实现public class DBAccess private static String driver="com.mysql.jdbc.Driver"private static St

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论