2016自编WEB课程设计指导书

合集下载

web设计课程设计说明书

web设计课程设计说明书一、课程目标知识目标：1. 学生能掌握Web设计的基本概念，了解网页的结构与布局，掌握HTML、CSS等基本语言的使用。

2. 学生能了解并运用网页设计的视觉元素，如颜色、字体、图像等，提升网页的美观性。

3. 学生能掌握基本的网页动画制作方法，为网页添加动态效果。

技能目标：1. 学生能运用Web设计软件进行网页制作，独立完成一个简单的静态网页设计。

2. 学生能运用HTML、CSS等语言进行网页编码，实现网页的布局与样式设计。

3. 学生能通过实际操作，掌握网页动画的制作技巧，为网页添加动态效果。

情感态度价值观目标：1. 培养学生对Web设计的兴趣，激发他们的创新意识，提高审美素养。

2. 培养学生团队协作意识，学会与他人共同解决问题，提高沟通能力。

3. 培养学生具有良好的信息素养，尊重他人劳动成果，遵循网络道德规范。

课程性质分析：本课程为实践性较强的学科，旨在通过实际操作，让学生掌握Web设计的基本知识和技能，培养具备创新精神和实践能力的网络技术人才。

学生特点分析：本课程面向初中生，学生对新鲜事物充满好奇，动手能力强，但可能缺乏一定的审美素养和团队协作能力。

教学要求：1. 教学内容与实际应用紧密结合，注重培养学生的实践操作能力。

2. 教学过程中，注重启发式教学，引导学生主动探究，提高创新能力。

3. 关注学生个体差异，因材施教，使每位学生都能在课程中取得进步。

二、教学内容1. 网页设计基础知识- 网页的基本概念与结构- HTML基础语法与标签- CSS样式表的基本使用2. 网页布局与样式设计- 常见的网页布局类型- 盒子模型与浮动布局- 响应式设计与媒体查询3. 网页视觉元素设计- 字体、颜色与排版- 图片、图标与背景- 视觉效果的优化与调整4. 网页动画制作- CSS3动画与过渡效果- JavaScript基本语法与事件处理- 常用动画库（如：Animate.css）的应用5. 实践项目- 网页设计软件（如：Dreamweaver、WebStorm）的使用- 独立完成一个静态网页设计与制作- 团队合作完成一个综合性的网页设计项目教学大纲安排与进度：1. 网页设计基础知识（2课时）2. 网页布局与样式设计（3课时）3. 网页视觉元素设计（3课时）4. 网页动画制作（4课时）5. 实践项目（6课时）教材章节关联：1. 《Web前端开发技术》第1章：HTML基础2. 《Web前端开发技术》第2章：CSS样式表3. 《Web前端开发技术》第3章：网页布局与响应式设计4. 《Web前端开发技术》第4章：CSS3动画与过渡效果5. 《Web前端开发技术》第5章：JavaScript基础与应用教学内容确保科学性和系统性，以培养学生的实际操作能力和创新精神为目标，注重理论与实践相结合。

《Web程序设计课程设计》任务书

《Web程序设计课程设计》任务书《Web程序设计课程设计》任务书《Web程序设计》课程设计任务书一、课程简介本课程是培养学生动态网页设计与制作职业核心能力的重要课程，通过本课程的学习使学生掌握动态网页制作的基本方法，具备独立制作动态网页的能力。

二、课程设计内容应用本课程介绍的相关知识独立开发完成一个简易论坛程序。

三、课程设计要求1.能力目标（1）综合运用所学知识制作一个实用的论坛程序（2）培养学生综合运用所学知识的能力2.技术要求（1）应用VisualStudio20xx设计、开发和发布网站（2）应用HTML相关知识制作网站页面（3）应用Table或者CSS对网页进行合理布局（4）应用内置对象完成相关逻辑处理（5）应用各种控件完成相关模块的重用（6）应用相关知识完成数据库的连接与处理四、课程设计安排以综合课程设计为课程考核形式，充分利用所学知识和技能，以项目为驱动，进行Web程序设计与开发，进一步掌握动态网页程序的开发技术和技巧，强化学生实践动手能力。

1.确定课程设计课题（简易论坛的设计与开发）；2.根据主题要求，收集处理素材、确定、划分栏目。

3.采用框架，综合运用HTML、Javascript、C#等知识完成网页设计、制作。

4.课程设计时间为3天，届时将提交作品程序和相关文档，并以统一答辩的形式进行课程设计评价及课程考核。

序号内容按照教师提供的简易论坛演示程序及教材要求，归纳总结出其主要功能，编写软件需求说明书地点机目标让学生了解Web程序设学时备注提交软件需计课程设计要做哪些2学时房工作，待开发程序有哪子档些模块让学生了解待开发Web求说明书电1根据归纳出的主要功能，按照机2提供的规范文档，编写概要设房使用的技术，各功能模计说明书块的运行顺序让学生了解如何依据Web系统的功能模块，依据概要设计说明书，实现数设计符合要求的数据据库的各种表结构，绘制E-R3关系图，编写SQL脚本，并完成数据库设计说明书则和方法；并将SQL编程应用于设计中让学生掌握在依据以上设计说明书和演示程4序，开发实现作品程序房语言与数据库结合起来，实现真实应用。

web课程设计说明书(封面及说明)

课程设计说明书课程设计名称： Web课程设计
课程设计题目：
学院名称：信息工程学院
专业：计算机科学与技术班级：
学号：姓名：
评分：教师：
20 11 年 6 月 26 日
说明：
1、封面填写题目、学号、姓名（打印），
2、正文内容参考《大学计算机课程实践优秀作品选编》P175～201
P175虚线框里的提要不用写
正文小四号宋体，固定行间距22磅，
标题1小三号宋体加粗，标题1.1四号宋体加粗
在2.2 系统功能结构的最后写出本组分工，自己负责哪些模块
在4 系统设计中介绍自己负责的模块，包括以下内容：
（1）结合界面截图，介绍该模块的功能；
（2）用文字叙述使用什么关键技术进行一步步开发的过程；（3）核心代码（包含注释语句）
所交材料：19周星期四（6月30日）由班长收齐上交
1、课程设计说明书用A4纸单面打印，每人一份
同组的不能一样，否则以0分处理。

2、课程设计说明书的电子文档，每人一份
（取名如：08061301_谢素华_物资管理系统.doc）
3、组长上交本小组的网站系统和数据库备份文件，每组一份（将网站主目录打包后取名如：物资管理系统.rar）
4、组长填写课程设计任务书的电子文档。

Web课程设计

《Web课程设计》课程设计报告书前言Micro blog信息系统主要是一个校园微博系统，在该系统中可以注册、登录，同时还分普通会员登录及管理员登录。

通过登录后，可实现发布、查询、删除微博等各项功能。

关键字：信息系统微博登录系统分析1.设计目的：1．综合应用java程序设计、WEB程序设计、数据库应用、计算机网络等知识设计和实现我校Micro Blog信息系统。

2．通过上述设计和实现，加深对java程序设计、WEB程序设计、数据库应用、计算机网络相关理论的理解，锻炼综合应用所学知识分析问题和解决问题的能力。

3．培养软件开发的团队协作精神。

系统设计1.设计内容：（1）用户注册（2）用户登录（分一般用户和管理员）（3）某用户发布微博信息（4）浏览所有用户的微博信息（5）浏览指定用户的微博信息（6）查询某些用户或（且）某时间段或（且）某论题的微博信息。

（7）删除某些用户或（且）某时间段或（且）某论题的微博信息。

（8）统计分析某时间段的用户数量，微博数量。

（9）发布重大消息或提示信息（7-9基于管理员）2.设计环境：（1）完整实现设计内容所指定的功能（2）应用服务器采用Tomcat 6.0或以上（3）基于JSP编程（4）开发工具采用Eclipse + DreamWeaver（5）数据库采用ACCESS 2003（6）用户界面友好3.系统流程图：数据库设计在Micro blog信息系统中，共设计3张表。

本系统使用Access来创建数据表。

数据库的名称为WEB.mdb,三张表分别为admin、message、user。

表：admin表：message表：user系统实现代码Login.javapackage mybean.data;public class Login{ String logname,password,backNews="";boolean success=false;public void setLogname(String name) { logname=name;}public String getLogname(){return logname;}public void setPassword(String pw){ password=pw;}public String getPassword(){return password;}public String getBackNews(){ return backNews;}public void setBackNews(String s){ backNews=s;}public void setSuccess(boolean b){ success=b;}public boolean getSuccess(){ return success;}}Message.javapackage mybean.data;publicclass Message {String logname="",message="",time="",title="",backNews;publicvoid setLogname(String name){ logname=name;}public String getLogname(){ return logname;}publicvoid setTitle(String t){ title=t;}public String getTitle(){ return title;}publicvoid setTime(String t){ time=t;}public String getTime(){ return time;}public String getMessage(){ return message;}publicvoid setMessage(String m){ message=m;}public String getBackNews(){ return backNews;}publicvoid setBackNews(String s){ backNews=s;}}Register.javapackage mybean.data;publicclass Register{ String logname="",password="",qq="",email="", phone="";String backNews;publicvoid setLogname(String name){ logname=name;}public String getLogname(){ return logname;}publicvoid setQq(String q){ qq=q;}public String getQq(){ return qq;}publicvoid setPassword(String pw){ password=pw;}public String getPassword(){ return password;}publicvoid setEmail(String em){ email=em;}public String getEmail(){ return email;}publicvoid setPhone(String ph){ phone=ph;}public String getPhone(){ return phone;}public String getBackNews(){ return backNews;}publicvoid setBackNews(String s){ backNews=s;}}ConditionQuery.javapackage mybean.data;import java.sql.*;public class ConditionQuery{ String logname ;StringBuffer queryResultBylogname;public ConditionQuery(){ queryResultBylogname=new StringBuffer();try{ Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver"); }catch(Exception e){ }}public void setlogname(String s){ logname=s.trim();queryResultBylogname=new StringBuffer();}public String getlogname(){ return logname;}public StringBuffer getQueryResultBylogname(){ String condition="SELECT * FROM message Where logname = '"+logname+"'"; queryResultBylogname=f(condition);return queryResultBylogname;}private StringBuffer f(String condition){ StringBuffer str=new StringBuffer();Connection con;Statement sql;ResultSet rs;try { Stringuri="jdbc:sqlserver://127.0.0.1:1433;DatabaseName=factory";con=DriverManager.getConnection("jdbc:odbc:4073","","");sql=con.createStatement();rs=sql.executeQuery(condition);str.append("<table border=1>");str.append("<th width=100>"+"logname");str.append("<th width=100>"+"title");str.append("<th width=100>"+"message");str.append("<th width=100>"+"time");while(rs.next()){ str.append("<tr>");str.append("<td>"+rs.getString(1)+"</td>");str.append("<td>"+rs.getString(2)+"</td>");str.append("<td>"+rs.getString(3)+"</td>");str.append("<td>"+rs.getString(4)+"</td>");str.append("</tr>");}str.append("<table border=1>");con.close();}catch(SQLException e){ System.out.println(e);}return str;}}HandleAdmin.javapackage myservlet.control;import mybean.data.*;import java.sql.*;import java.io.*;import javax.servlet.*;import javax.servlet.http.*;public class HandleAdmin extends HttpServlet{ public void init(ServletConfig config) throws ServletException{ super.init(config);try { Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");}catch(Exception e){}}public String handleString(String s){ try{ byte bb[]=s.getBytes("iso-8859-1");s=new String(bb);}catch(Exception ee){}return s;}public void doPost(HttpServletRequest request,HttpServletResponseresponse)throws ServletException,IOException{ Connection con;PreparedStatement sql;Login loginBean=null;String backNews="";HttpSession session=request.getSession(true);try{ loginBean=(Login)session.getAttribute("login");if(loginBean==null){ loginBean=new Login();session.setAttribute("login",loginBean);}}catch(Exception ee){ loginBean=new Login();session.setAttribute("login",loginBean);}String logname=request.getParameter("logname").trim(),password=request.getParameter("password").trim();boolean ok=loginBean.getSuccess();logname=handleString(logname);password=handleString(password);if(ok==true&&logname.equals(loginBean.getLogname())){ backNews=logname+"你已经登录了";loginBean.setBackNews(backNews);}else{boolean boo=(logname.length()>0)&&(password.length()>0);try{ con=DriverManager.getConnection("jdbc:odbc:4073","",""); String condition="select * from admin where logname =? and password =?";sql=con.prepareStatement(condition);if(boo){ sql.setString(1,logname);sql.setString(2,password);ResultSet rs=sql.executeQuery();boolean m=rs.next();if(m==true){ backNews="管理员登录成功";loginBean.setBackNews(backNews);loginBean.setSuccess(true);loginBean.setLogname(logname);}else{ backNews="您登陆的管理员不存在，或密码不对";loginBean.setBackNews(backNews);loginBean.setSuccess(false);loginBean.setLogname(logname);loginBean.setPassword(password);}}else{ backNews="您输入的管理员不存在，或密码不对";loginBean.setBackNews(backNews);loginBean.setSuccess(false);loginBean.setLogname(logname);loginBean.setPassword(password);}con.close();}catch(SQLException exp){ backNews=""+exp;loginBean.setBackNews(backNews);loginBean.setSuccess(false);}}RequestDispatcherdispatcher=request.getRequestDispatcher("showAdminMess.jsp");dispatcher.forward(request, response);}public void doGet(HttpServletRequest request,HttpServletResponseresponse)throws ServletException,IOException{ doPost(request,response);}}HandleLogin.javapackage myservlet.control;import mybean.data.*;import java.sql.*;import java.io.*;import javax.servlet.*;import javax.servlet.http.*;public class HandleLogin extends HttpServlet{ public void init(ServletConfig config) throws ServletException{ super.init(config);try { Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");}catch(Exception e){}}public String handleString(String s){ try{ byte bb[]=s.getBytes("iso-8859-1");s=new String(bb);}catch(Exception ee){}return s;}public void doPost(HttpServletRequest request,HttpServletResponseresponse)throws ServletException,IOException{ Connection con;PreparedStatement sql;Login loginBean=null;String backNews="";HttpSession session=request.getSession(true);try{ loginBean=(Login)session.getAttribute("login");if(loginBean==null){ loginBean=new Login();session.setAttribute("login",loginBean);}}catch(Exception ee){ loginBean=new Login();session.setAttribute("login",loginBean);}String logname=request.getParameter("logname").trim(),password=request.getParameter("password").trim();boolean ok=loginBean.getSuccess();logname=handleString(logname);password=handleString(password);if(ok==true&&logname.equals(loginBean.getLogname())){ backNews=logname+"你已经登录了";loginBean.setBackNews(backNews);}else{boolean boo=(logname.length()>0)&&(password.length()>0);try{ con=DriverManager.getConnection("jdbc:odbc:4073","",""); String condition="select * from user where logname =? and password =?";sql=con.prepareStatement(condition);if(boo){ sql.setString(1,logname);sql.setString(2,password);ResultSet rs=sql.executeQuery();boolean m=rs.next();if(m==true){ backNews="会员登录成功";loginBean.setBackNews(backNews);loginBean.setSuccess(true);loginBean.setLogname(logname);}else{ backNews="您输入的会员不存在，或密码不对";loginBean.setBackNews(backNews);loginBean.setSuccess(false);loginBean.setLogname(logname);loginBean.setPassword(password);}}else{ backNews="您输入的会员不存在，或密码不对";loginBean.setBackNews(backNews);loginBean.setSuccess(false);loginBean.setLogname(logname);loginBean.setPassword(password);}con.close();}catch(SQLException exp){ backNews=""+exp;loginBean.setBackNews(backNews);loginBean.setSuccess(false);}}RequestDispatcherdispatcher=request.getRequestDispatcher("showLoginMess.jsp");dispatcher.forward(request, response);}public void doGet(HttpServletRequest request,HttpServletResponseresponse)throws ServletException,IOException{ doPost(request,response);}}HandleMessage.javapackage myservlet.control;import mybean.data.*;import java.util.Date;import java.text.SimpleDateFormat;import java.sql.*;import java.io.*;import javax.servlet.*;import javax.servlet.http.*;public class HandleMessage extends HttpServlet{ public void init(ServletConfig config) throws ServletException{ super.init(config);try { Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");}catch(Exception e){}}public String handleString(String s){ try{ byte bb[]=s.getBytes("iso-8859-1");s=new String(bb);}catch(Exception ee){}return s;}public void doPost(HttpServletRequest request,HttpServletResponse response)throws ServletException,IOException{ HttpSession session=request.getSession(true);Login login=(Login)session.getAttribute("login"); //获取用户登录时的Javabeanboolean ok=true;if(login==null){ ok=false;response.sendRedirect("login.jsp"); //重定向到登录页面}if(ok==true){ continueWork(request,response);}}public void continueWork(HttpServletRequest request,HttpServletResponse response)throws ServletException,IOException{ HttpSession session=request.getSession(true);Login login=(Login)session.getAttribute("login");Connection con;PreparedStatement sql;String logname=login.getLogname();Message mess=new Message();request.setAttribute("message",mess);String message=request.getParameter("message");String title=request.getParameter("title");Date now = new Date();SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//参数为你需要的时间格式String time = sdf.format(now);String backNews="";try{ con=DriverManager.getConnection("jdbc:odbc:4073","","");String insertCondition="INSERT INTO message VALUES (?,?,?,?)";sql=con.prepareStatement(insertCondition);sql.setString(1,handleString(logname));sql.setString(2,handleString(title));sql.setString(3,handleString(message));sql.setString(4,handleString(time));int m=sql.executeUpdate();if(m!=0){ backNews="发布微博成功";mess.setBackNews(backNews);mess.setLogname(logname);mess.setTitle(handleString(title));mess.setMessage(handleString(message));mess.setTime(time);}con.close();}catch(SQLException exp){ backNews="信息有非法字符"+exp;mess.setBackNews(backNews);}RequestDispatcher dispatcher=request.getRequestDispatcher("showMessage.jsp");//转发dispatcher.forward(request, response);}public void doGet(HttpServletRequest request,HttpServletResponseresponse)throws ServletException,IOException{ doPost(request,response);}}HandleRegister.javapackage myservlet.control;import mybean.data.*;import java.sql.*;import java.io.*;import javax.servlet.*;import javax.servlet.http.*;public class HandleRegister extends HttpServlet{ public void init(ServletConfig config) throws ServletException{ super.init(config);try { Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");}catch(Exception e){}}public String handleString(String s){ try{ byte bb[]=s.getBytes("iso-8859-1");s=new String(bb);}catch(Exception ee){}return s;}public void doPost(HttpServletRequest request,HttpServletResponse response)throws ServletException,IOException{ Connection con;PreparedStatement sql;Register reg=new Register();request.setAttribute("register",reg);String logname=request.getParameter("logname").trim(),password=request.getParameter("password").trim(),qq=request.getParameter("qq").trim(),email=request.getParameter("email").trim(),phone=request.getParameter("phone").trim();if(logname==null)logname="";if(password==null)password="";boolean isLD=true;for(int i=0;i<logname.length();i++){ char c=logname.charAt(i);if(!((c<='z'&&c>='a')||(c<='Z'&&c>='A')||(c<='9'&&c>='0'))) isLD=false;}boolean boo=logname.length()>0&&password.length()>0&&isLD;String backNews="";try{ con=DriverManager.getConnection("jdbc:odbc:4073","","");String insertCondition="INSERT INTO user VALUES (?,?,?,?,?)"; sql=con.prepareStatement(insertCondition);if(boo){ sql.setString(1,handleString(logname));sql.setString(2,handleString(password));sql.setString(3,handleString(qq));sql.setString(4,phone);sql.setString(5,email);int m=sql.executeUpdate();if(m!=0){ backNews="会员注册成功";reg.setBackNews(backNews);reg.setLogname(logname);reg.setPassword(handleString(password));reg.setQq(handleString(qq));reg.setEmail(handleString(email));reg.setPhone(phone);}}else{ backNews="会员名中有非法字符";reg.setBackNews(backNews);}con.close();}catch(SQLException exp){ backNews="该会员名已被注册，请换会员名"+exp;reg.setBackNews(backNews);}RequestDispatcher dispatcher=request.getRequestDispatcher("showRegisterMess.jsp");//转发dispatcher.forward(request, response);}public void doGet(HttpServletRequest request,HttpServletResponseresponse)throws ServletException,IOException{ doPost(request,response);}}web.xml<?xmlversion="1.0"encoding="ISO-8859-1"?><web-app><servlet><servlet-name>register</servlet-name><servlet-class>myservlet.control.HandleRegister</servlet-class></servlet><servlet-mapping><servlet-name>register</servlet-name><url-pattern>/helpRegister</url-pattern></servlet-mapping><servlet><servlet-name>login</servlet-name><servlet-class>myservlet.control.HandleLogin</servlet-class></servlet><servlet-mapping><servlet-name>login</servlet-name><url-pattern>/helpLogin</url-pattern></servlet-mapping><servlet><servlet-name>admin</servlet-name><servlet-class>myservlet.control.HandleAdmin</servlet-class></servlet><servlet-mapping><servlet-name>admin</servlet-name><url-pattern>/helpAdmin</url-pattern></servlet-mapping><servlet><servlet-name>message</servlet-name><servlet-class>myservlet.control.HandleMessage</servlet-class></servlet><servlet-mapping><servlet-name>message</servlet-name><url-pattern>/helpMessage</url-pattern></servlet-mapping></web-app>head.txt<%@ page language="java" contentType="text/html; charset=GB2312"pageEncoding="GB2312"%><CENTER><Font size=7 color=red><P>广东海洋大学寸金学院微博系统</Font></CENTER> <table cellSpacing="1" cellPadding="1" width="560" align="center"border="0" ><tr valign="bottom"><td><A href="register.jsp"><font size=3>会员注册</font></A></td><td><A href="login.jsp"><font size=3>会员登录</font></A></td><td><A href="admin.jsp"><font size=3>管理员登录</font></A></td></tr></Font></table><hr />head1.txt<%@ page language="java" contentType="text/html; charset=GB2312"pageEncoding="GB2312"%><CENTER><Font size=5><P>广东海洋大学寸金学院微博系统</Font></CENTER><table cellSpacing="1" cellPadding="1" width="560" align="center"border="0" ><tr valign="bottom"><td><A href="message.jsp"><font size=3>发布新微博</font></A></td><td><A href="showByjdbcOdbc.jsp"><font size=3>浏览已发微博</font></A></td> <td><A href="ychaxunFile.jsp"><font size=3>查询功能</font></A></td><td><A href="index.jsp"><font size=3>主页</font></A></td></Font></table><hr />head3.txt<%@ page language="java" contentType="text/html; charset=GB2312"pageEncoding="GB2312"%><CENTER><Font size=5><P>广东海洋大学寸金学院微博系统</Font></CENTER><table cellSpacing="1" cellPadding="1" width="560" align="center"border="0" ><tr valign="bottom"><td><A href="gchaxunFile.jsp"><font size=3>查询功能</font></A></td><td><A href="deleteFile.jsp"><font size=3>删除功能</font></A></td><td><A href="wholeshowFile.jsp"><font size=3>统计功能</font></A></td><td><A href="index.jsp"><font size=3>主页</font></A></td></Font></table><hr />index.jsp<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><BODY bgcolor=lightblue ><%@ page language="java" contentType="text/html; charset=GB2312"pageEncoding="GB2312"%><meta http-equiv="Content-Type" content="text/html; charset=GB2312"><title></title><style type="text/css"></style></head><body><HEAD><%@ include file="head.txt" %></HEAD><CENTER> <h1><Font color=red Size=4 class="a">欢迎您使用本系统</font></h1> </img><img src="aa.jpg" width="670" height="448"></CENTER></body></html>admin.jsp<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><%@ page language="java" contentType="text/html; charset=GB2312"pageEncoding="GB2312"%><meta http-equiv="Content-Type" content="text/html; charset=GB2312"><title></title></head><BODY bgcolor=lightblue ><HEAD><%@ include file="head.txt" %></HEAD><Font size=2><CENTER><BR><BR><table border=2><tr> <th>管理员登录</th></tr><FORM action="helpAdmin" Method="post"><tr><td>名称:<Input type=text name="logname"></td></tr><tr><td>密码:<Input type=password name="password"></td></tr></table><BR><Input type=submit name="g" value="确定"></Form></CENTER></BODY></html>deleteFile.jsp<%@ page contentType="text/html;charset=utf-8" %><%@ page import="java.sql.*" %><HTML><style type="text/css"></style><BODY><p><Font size=2><BODY bgcolor=lightblue ></Font></p><p><font size="2" class="a"><span class="q">微博删除系统</span></font></p><Font size=2><FORM action="" Method="post" class="a">管理员删除会员的微博 <BR>输入会员名:<Input type=text name="number"><Input type=submit name="g" value="确定"></Form><FORM action="" Method="post" class="a">删除会员主题的微博<BR>输入主题名:<Input type=text name="lunti"><Input type=submit name="b" value="确定"></Form><FORM action="" Method="post" class="a">删除某时间内的微博<BR> 时间在<Input type=text name="Min" size=10>至<Input type=text name="Max" size=10>之间<Input type=submit value="确定"></Form></Font><p><Font size=2><%StringBuffer str=new StringBuffer(); //用来存储查询结果Connection con;Statement sql;ResultSet rs;String lu="",condition="",num="",min="",max="",a="",b="";con=DriverManager.getConnection("jdbc:odbc:4073","","");sql=con.createStatement(); //step2: 创建语句对象try { Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); //step1: 装数据库驱动程序}catch(ClassNotFoundException e){ out.print(e);}try {num=request.getParameter("number");if(num!=null){num=new String(num.getBytes("ISO-8859-1"),"utf-8");condition="DELETE * FROM message Where logname = '"+num+"'";sql.execute(condition);}try{lu=request.getParameter("lunti");if(lu!=null){ lu=new String(lu.getBytes("ISO-8859-1"),"utf-8");condition="DELETE * FROM message Where title = '"+lu+"'";sql.execute(condition);}}catch(NumberFormatException e){out.print("format error");}try {a=request.getParameter("Min");min=a+" 00:00:00";b=request.getParameter("Max");max=b+" 24:00:00";if(min!=null && max!=null){condition="DELETE * FROM message Where time <= '"+max+"' AND time >= '"+min+"'";sql.execute(condition);}}catch(NumberFormatException e){out.print("format error");}condition="SELECT * FROM message";rs=sql.executeQuery(condition);//step3: 创建结果集对象并执行查询str.append("<table border=1>"); //制作表头str.append("<th width=100>"+"会员名");str.append("<th width=100>"+"主题");str.append("<th width=100>"+"微博");str.append("<th width=100>"+"时间");while(rs.next())//制作表体数据{ str.append("<tr>");str.append("<td>"+rs.getString(1)+"</td>");str.append("<td>"+rs.getString(2)+"</td>"); str.append("<td>"+rs.getString(3)+"</td>"); str.append("<td>"+rs.getString(4)+"</td>");str.append("</tr>");}str.append("<table border=1>");out.print(str);//输出结果con.close();}catch(SQLException e){ System.out.println(e);}catch(NumberFormatException e){out.print("format error");}%></Font></p><p><a href="index.jsp">返回</a></p></BODY></HTML>gchaxunFile.jsp<%@ page contentType="text/html;charset=utf-8" %><%@ page import="java.sql.*" %><HTML><style type="text/css"></style><BODY><p><Font size=5><BODY bgcolor=lightblue ></Font></p><p class="a"> 微博查询系统</p><Font size=3><FORM action="" Method="post" class="q">查询会员的微博<BR>输入会员名:<Input type=text name="number"><Input type=submit name="g" value="确定"></Form><FORM action="" Method="post" class="q">查询会员主题的微博<BR>输入主题名:<Input type=text name="lunti"><Input type=submit name="b" value="确定"></Form><FORM action="" Method="post" class="q">查询某时间内的微博<BR> 时间在<Input type=text name="Min" size=10>至<Input type=text name="Max" size=10>之间<Input type=submit value="确定"></Form></Font><p><Font size=3><%StringBuffer str=new StringBuffer(); //用来存储查询结果Connection con;Statement sql;ResultSet rs;String lu="",condition="",num="",min="",max="",a="",b="";con=DriverManager.getConnection("jdbc:odbc:4073","","");sql=con.createStatement(); //step2: 创建语句对象try { Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); //step1: 装数据库驱动程序}catch(ClassNotFoundException e){ out.print(e);}。

Web课程设计说明书

前言 (2)正文 (2)1 工程概况 (2)1.1开发环境 (3)1.2选择开发技术 (3)2 个人网站简介 (3)2.1 设计的目的和意义 (3)2.2设计的思路与总体方案 (4)2.3 网站的功能介绍 (4)3 数据库设计 (7)4 程序功能的实现 (9)4.1网站母版及导航设计 (9)4.2角色管理和用户管理设计 (11)4.3 相册管理页面的设计和实现 (15)4.4 新建相册页面设计 (15)4.5 相册浏览页面的设计和实现 (17)4.6 自定义HTTP处理程序设计及主页面的实现 (20)4.7 网站中其他页面的设计和实现 (22)致谢 (25)参考文献 (25)在微软提供的初学者工具包中，有一个个人网站建设的实例，这个个人网站主要来源于初学者工具包 Personal Web Site Kit（简称PWS）。

PWS是一种个人信息管理网站，在网站上可以发布感悟、生活图片和简历等，使个人信息得到更好地管理和保存。

PWS网站虽然是一个功能不多的网站，但也是一个很典型的具有三层框架的网络系统。

为了满足用户管理和相册管理的需要，在数据库上进行了必要的设计，设计了储存图片和相册的数据库表，此外还设计了一个新的数据访问类，该类主要实现与数据库的链接，根据业务需求，实现对相应数据库表的查询和修改等操作。

在业务处理层设计了大量的方法和类，以便实现与数据层交互，在这里定义了相册类文件Album.cs和图片类文件Photo.cs，其它的方法如相册创建获取方法和图片创建获取方法都包含在PhotoManager.cs文件中。

表示层主要是个页面的功能实现，在这里直观的体现了网站的功能。

正文1 工程概况在PWS网站中主要创建了一个母版，并运用到网站的其他网页上面，从而简化了各页面的制作与管理。

Default.master母版页创建完成后，还要实现网站导航的功能，这里利用HyperLink控件，实现页面地址的链接，如果页面层次结构发生变化，则需要更改母版的多个链接地址，至少需要在页面的顶部和底部重复同样的工作。

《Web程序设计》实验指导书

(3) 按 Ctrl +F5 运行网页，查看效果如图 T.2 所示。
图 T.2 运行效果
【练习 2】发布 Web 应用程序。 (1) 这里选择 Visual Studio 中的提供的预编译部署功能进行简单的网站部署测试。在 Visual Studio 2008 中选择【生成】菜单下的【发布网站】，弹出如图 T.3 所示的对话框，选择网站发布的目标位置，点击确定。
Web 程序设计实验
2015-2016 第二学期
B130505/B130506
目
录
实验 1 创建与发布应用程序 ............................................................................ 1 目的与要求 ....................................................................................................................... 1 内容和步骤 ....................................................................................................................... 1 实验 2 C#程序设计 ................................................................................................................ 3 目的与要求 ....................................................................................................................... 3 内容和步骤 ........................................................................................................................... 3 实验 3 内置对象的应用 ........................................................................................................ 4 目的与要求 ....................................................................................................................... 4 内容和步骤 ....................................................................................................................... 4 实验 4 服务器控件应用 ..................................................................................... 9

《web程序设计》指导书

《Web程序设计》实验指导书单位：信息工程学院编写：XXXXX时间：2015年11月目录实验一：语法基础 (1)一、实验目的 (1)二、实验要求 (1)三、实验内容 (1)实验二：数据交互处理 (4)一、实验目的 (4)二、实验要求 (4)三、实验内容 (4)实验三：Ajax数据交互 (14)一、实验目的 (14)二、实验要求 (14)三、实验内容 (14)实验四：综合设计 (22)一、实验目的 (22)二、实验要求 (22)三、实验内容 (22)实验一：语法基础一、实验目的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><head><title>在html中嵌入PHP命令</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><h1>PHP inside html</h1><?php$xh="081101";?><form action="" method="post">学号是<input type="text" name="xh" size="20" value="<?php echo $xh;?>"> </form></body></html>第二题：PHP语法实验（1）变量、表达式和判断的使用编写一段PHP代码，用于判断一个整数变量的数值是否大于5，并显示判断结果。

web个人网站课程设计

web个人网站课程设计一、课程目标知识目标：1. 学生能理解个人网站的基本结构，掌握HTML、CSS等网页设计基础知识。

2. 学生能运用所学知识，设计并制作出具有个人特色的网站页面。

3. 学生了解网站设计的基本原则和流程，掌握网站发布与维护的基本方法。

技能目标：1. 学生能运用网页设计软件，独立完成个人网站的设计与制作。

2. 学生能运用网络资源，解决网站设计过程中遇到的问题。

3. 学生具备一定的审美能力，能对个人网站进行优化和美化。

情感态度价值观目标：1. 学生培养对计算机科学的兴趣，激发学习编程和网站设计的热情。

2. 学生通过个人网站的制作，提高自我表达能力，培养创新精神。

3. 学生在团队协作中，学会沟通与分享，培养合作意识。

课程性质：本课程为信息技术课程，旨在培养学生掌握网站设计的基本技能，提高学生的信息素养和创新能力。

学生特点：学生为初中生，具备一定的计算机操作基础，对新鲜事物充满好奇，善于接受新知识。

教学要求：结合学生特点，注重实践操作，提高学生的动手能力。

通过任务驱动法，引导学生自主学习，培养学生的解决问题的能力和创新意识。

在教学过程中，关注学生的个体差异，给予个性化指导，确保每个学生都能达成课程目标。

最终实现学生能独立设计并制作出具有个人特色的网站页面，提高学生的综合素质。

二、教学内容1. 网页设计基础知识：HTML、CSS的基本语法和用法，网站结构及布局原则。

- 教材章节：第一章网页设计与制作基础- 内容：HTML标签、属性、CSS样式、选择器、盒模型、布局方式等。

2. 网页设计软件应用：熟悉并掌握网页设计软件（如Dreamweaver、Sublime Text等）的使用。

- 教材章节：第二章网页设计工具- 内容：软件界面及功能介绍、代码编写与调试、文件管理等。

3. 网站页面设计与制作：根据个人喜好，设计并制作网站页面。

- 教材章节：第三章网站页面设计与制作- 内容：页面布局、色彩搭配、字体设置、图片处理、链接添加等。

2016自编WEB课程设计指导书

湖南科技大学计算机科学和工程学院WEB课程设计指导书（13级计算机、网络、物联、信息安全专业用）陈洪龙编2016年3月前言由于WEB的易用性、实用性，它很快占据了主导地位，目前成为使用最广泛、最有前途、最具魅力的信息传播技术。

WEB游戏、电子商务、交易及购物、社交网站等层出不穷，可以说未来的社会是基于WEB的社会。

在众多WEB应用中，Java语言具有许多的优秀的特性，如简单性、面向对象、分布式、健壮性、可移植性、安全性等，这些优秀的特性得到业界广泛认可，从而使其成为当前最为流行的程序设计语言之一。

和此同时，越来越多的高校将java作为程序设计教学时主要的编程工具。

一方面，随着互联网应用和web服务的不断发展，计算机科学和技术、网络工程、软件工程等传统的计算机类专业加强了对java语言开发功能的要求，这些专业或将java课程和C++课程平行开设学生选择，和在C++课程之后增加一门精炼的java课程；另一方面，随着移动应用和嵌入式应用的不断推广，通信、电子信息、自动化、微电子等理工类专业也纷纷开设了java 课程，以适应用人单位对于专业人才的能力要求。

因此，本课程设计基于Web最流行的语言，对WEB开发的相关经典应用的需求、设计、开发以及相关开发工具的使用进行相关课程设计，期望能为学生走上社会奠定较好的web 应用开发基础。

本课程设计指导书是应学院要求编写的，编写过程中得到了学院领导的支持、系部同事的帮助，在此表示衷心的感谢。

由于编写时间仓促，本课程设计指导书中的不当之处，欢迎老师、同学们提出意见。

编者 2016年3月第一部分课程设计的目的、内容及安排一、课程设计目的WEB应用技术课程设计是计算机软件工程专业的一个综合性实践教学环节，是学习完《Internet和Web编程》课程后进行的一次全面的综合练习。

其目的在于促进学生复习和巩固计算机软件设计知识，加深对软件设计方法、软件设计技术和设计思想的理解，并能运用所学软件设计知识和WEB工程技术进行综合软件设计，通过本课程设计让学生进行简单WEB应用软件系统的开发，掌握软件设计的方法和面向对象程序设计的基本技术，提高学生在软件开发方面的综合应用能力。

web课程设计个人网站设计

web课程设计个人设计一、教学目标本课程旨在通过个人设计的学习，使学生掌握Web前端的基本技术，包括HTML、CSS和JavaScript，并能够运用这些技术独立设计并开发一个具备基本功能的个人。

在知识目标上，学生需要理解并掌握Web前端技术的基本原理和语法。

在技能目标上，学生应能够熟练使用至少一种前端开发工具，如Visual Studio Code，并具备独立解决前端开发中遇到问题的能力。

在情感态度价值观目标上，学生应培养对编程和创造的热爱，以及对分享自己作品给他人的积极态度。

二、教学内容教学内容将围绕个人设计展开，涵盖HTML页面结构设计、CSS样式设计、JavaScript交互设计三个主要部分。

具体内容包括：HTML基本标签、列表、、表单；CSS选择器、盒模型、布局、响应式设计；JavaScript基础语法、函数、事件处理、DOM操作。

教学大纲将按照由浅入深的顺序内容，确保学生在学习的过程中能够逐步构建起个人的设计和开发能力。

三、教学方法为了提高学生的学习兴趣和主动性，本课程将采用讲授法、讨论法、案例分析法、实验法等多种教学方法。

讲授法用于系统地传授Web前端技术的基本知识；讨论法鼓励学生在小组中交流自己的想法，促进知识的深入理解；案例分析法通过分析实际案例，帮助学生理解技术的应用场景；实验法则让学生通过动手实践，巩固所学知识，并培养解决问题的能力。

四、教学资源教学资源包括教材《Web前端开发实战》、在线参考资料、多媒体教学PPT、编程实践所需的计算机实验室等。

教材提供了系统的学习路径和丰富的实践案例；在线参考资料将不断更新，以保持教学内容的前沿性；多媒体教学PPT则帮助学生更好地理解抽象的技术概念；计算机实验室为学生提供了一个可以自由编程和测试的环境。

五、教学评估本课程的评估方式包括平时表现、作业、小测验和期末项目。

平时表现主要评估学生的课堂参与度和团队协作能力；作业分为理论和实践两部分，旨在巩固学生对知识的理解和应用能力；小测验将定期进行，以检验学生对阶段性学习内容的理解和掌握；期末项目要求学生独立设计并开发一个个人，全面考察学生的Web前端设计和开发能力。

wed课程设计

wed课程设计一、课程目标知识目标：1. 让学生掌握Web设计的基本概念和原理，理解网页的结构和布局方式。

2. 培养学生运用HTML和CSS进行网页设计和排版的能力，掌握常见的网页元素和属性。

3. 引导学生了解Web标准和无障碍访问的重要性，培养他们编写符合规范的代码的习惯。

技能目标：1. 培养学生运用浏览器开发者工具进行网页调试和分析的能力。

2. 提高学生的问题解决能力，使他们能够独立解决Web设计过程中遇到的问题。

3. 培养学生的团队协作能力，学会与他人共同完成项目任务。

情感态度价值观目标：1. 培养学生对Web设计的兴趣和热情，激发他们主动探索新技术的欲望。

2. 培养学生的创新意识和审美观念，使他们关注用户体验，提高网页设计的质量。

3. 引导学生树立正确的网络道德观念，尊重他人成果，遵循学术诚信原则。

本课程针对年级特点，结合Web设计学科性质，以实践性、趣味性和实用性为导向，旨在培养学生的网页设计与制作能力。

通过本课程的学习，学生将能够掌握Web设计的基本知识，形成实际操作技能，并具备良好的情感态度价值观。

课程目标具体、可衡量，为后续教学设计和评估提供明确方向。

二、教学内容1. 网页基础知识：介绍网页的基本概念、组成元素以及网页浏览原理。

- 章节关联：课本第二章“网页基础知识”- 内容列举：网页结构、HTML标签、CSS样式、浏览器工作原理2. HTML与CSS基础：教授HTML和CSS的基本语法，掌握网页布局和排版方法。

- 章节关联：课本第三章“HTML与CSS基础”- 内容列举：HTML标签与属性、CSS选择器、盒模型、浮动与定位、响应式设计3. 网页设计与布局：学习常见的网页布局方法，掌握网页设计的基本原则。

- 章节关联：课本第四章“网页设计与布局”- 内容列举：布局方式、页面排版、导航栏设计、表单设计4. Web标准与无障碍访问：了解Web标准的重要性，培养学生编写符合规范的代码。

《Web程序设计与网站建设》

《Web程序设计与网站建设》实验指导书《Web程序设计与网站建设》课程实验指导书说明与约定一、编写原则编写本指导书的指导原则是：以适应市场经济对计算机专业人才的需要和学生就业需求为宗旨，以学生的实践动手能力培养为重点，突出学生学习的主体地位，给定题目及要求，以学生为主，独立或小组协作完成；鼓励学生创新；实验过程中和课余的其他时间，教师应以辅导、指导、引导为主要教学手段；加强考核，以实践能力考核为指挥棒，促使学生重视程序设计能力的提高。

二、总体要求实验课之前要写出实验预习报告（重点：实验名称、源代码）。

体现Java编程风格（源代码缩进Tab4，块花括号在类、方法名同行，等等），每个类、每个方法都要有功能说明，其说明用文档注释方式表示/*……*/。

实验一JSP页面运行与JSP页面构成（2学时）一、实验目的1．掌握JDK的安装配置2．熟悉Tomcat的配置3．测试JSP的运行环境4．掌握JSP的页面的基本结构5.掌握JSP的指令标记和动作标记二、实验要求1．实验课之前，下载最新版本的JDK和Tomcat，并在自备微机上安装配置。

2．实践内容：根据实验任务1～任务3要求，编写程序，调试运行。

3．该实验共有3个任务。

要求在webapps目录下新建一个Web服务目录：test1。

除特别要求外，本章实验中涉及的JSP页面均保存在test1中。

任务1JSP页面的基本结构1．相关知识点一个JSP页面可由普通的HTML标记、JSP标记、成员变量和方法的声明、Java 程序片以及Java表达式组成。

JSP引擎把JSP页面中的HTML标记交给用户的浏览器执行显示；JSP引擎负责处理JSP标记、变量和方法声明；JSP引擎负责运行Java程序片、计算Java 表达式，并将需要显示的结果发送给用户的浏览器。

JSP页面中的成员变量是被所有用户共享的变量。

Java 程序片可以操作成员变量，任何一个用户对JSP页面成员变量操作的结果，都会影响到其他用户。

web课程设计书

web课程设计书一、教学目标本课程的教学目标是让学生掌握Web开发的基本知识和技能，能够独立完成简单的Web应用程序开发。

具体包括：1.知识目标：了解Web开发的基本概念、技术和工具，包括HTML、CSS、JavaScript等。

2.技能目标：能够使用HTML编写网页结构，使用CSS进行页面样式设计，使用JavaScript实现页面交互功能。

3.情感态度价值观目标：培养学生对Web开发的兴趣和热情，提高学生的问题解决能力和创新意识。

二、教学内容教学内容主要包括HTML、CSS和JavaScript三个部分。

具体安排如下：1.HTML：介绍HTML的基本标签和结构，包括头部、主体、列表、链接等。

2.CSS：讲解CSS的基本语法和选择器，包括字体、颜色、布局等样式设计。

3.JavaScript：讲解JavaScript的基本语法和操作，包括变量、函数、事件处理等交互功能。

三、教学方法本课程采用讲授法、讨论法和实验法相结合的教学方法。

1.讲授法：通过讲解和示例，让学生掌握Web开发的基本概念和技能。

2.讨论法：通过小组讨论和实践，培养学生的合作能力和问题解决能力。

3.实验法：通过上机实验，让学生动手实践，巩固所学知识和技能。

四、教学资源教学资源包括教材、参考书、多媒体资料和实验设备。

1.教材：选择权威、实用的Web开发教材，作为学生学习的主要参考资料。

2.参考书：推荐一些经典的Web开发书籍，供学生深入学习和参考。

3.多媒体资料：制作课件、视频等多媒体资料，丰富学生的学习体验。

4.实验设备：提供充足的计算机和网络设备，保证学生能够顺利进行实验和实践。

五、教学评估本课程的评估方式包括平时表现、作业和考试三个部分，以保证评估的全面性和客观性。

1.平时表现：通过课堂参与、提问和小组讨论等环节，评估学生的参与度和积极性。

2.作业：布置适量的作业，评估学生的理解和应用能力。

3.考试：进行期中和期末考试，评估学生对课程知识的掌握程度。

Web程序设计方案指导书

《Web程序设计》上机指导实验1 基础1一、实验目的1二、实验要求1三、实验步骤1实验2 C#程序设计2一、实验目的2二、实验要求2三、实验步骤3实验3 基本控件的使用4一、实验目的4二、实验要求5实验4用户界面交互及网页间的数据传递5一、实验目的5二、实验要求5实验5 使用Web服务器常用控件7一、实验目的7二、实验要求7三、实验步骤8实验6 状态管理对象的应用11一、实验目的11二、实验要求11三、实验步骤12实验7 设计数据库应用网站13一、实验目的13二、实验要求13三、实验步骤14实验8 Web技术综合应用16一、系统功能16二、系统功能模块分析16三、数据库设计17实验基础一、实验目的1、通过本实验了解HTML标记语言的基本语法格式2、了解使用HTML语言制作静态网页的基本技术3、掌握HTML表格的设计方法4、设计一个学生成绩查询的 2.0网站二、实验要求1、使用HTML语言，在Windows“记事本”程序中编写HTML代码，制作学生成绩登记表，要求能在浏览器中正确显示字体、字型、字号等格式。

2、设计一个用于学生成绩查询的 2.0网站。

三、实验步骤1、使用Windows记事本程序制作网页1）编写HTML代码：启动Windows附件中的记事本程序，编写HTML代码2）保存HTML文件3）执行如图1-1图1-12、设计一个用于学生成绩查询的 2.0网站1）设计要求：假设某学校现在有3个班级，要求设计一个能在网络中通过IE浏览器进行各班级学生成绩查询的网站。

设计时可采用Visual Studio 2005或记事本为每个班级创建一个独立的静态页面class1.htm、class2.htm、class3.htm。

站点打开时首先显示列有所有班级名称的导航页default.aspx，用户通过单击希望查看的班级名称链接，打开对应的班级查询网页。

2）创建网站启动VS 2005新建一个网站工程，新建3个HTML页文件：显示各班级学生成绩列表内容的静态网页class1.htm、class2.htm、class3.htm。

WEB程序设计课程设计指导书

WEB课程设计指导书设计课题：广东海洋大学寸金学院micro blog信息系统设计目的：1。

综合应用java程序设计、WEB程序设计、数据库应用、计算机网络等知识设计和实现我校Micro Blog信息系统。

2．通过上述设计和实现，加深学生对java程序设计、WEB程序设计、数据库应用、计算机网络相关理论的理解，锻炼学生综合应用所学知识分析问题和解决问题的能力。

3．培养软件开发的团队协作精神。

设计内容：1。

用户注册2．用户登录（分一般用户和管理员）3．某用户发布微博信息4．浏览所有用户的微博信息5．浏览指定用户的微博信息6．查询某些用户或（且）某时间段或（且）某论题的微博信息。

7。

删除某些用户或（且）某时间段或（且）某论题的微博信息。

8. 统计分析某时间段的用户数量，微博数量。

9．发布重大消息或提示信息（7-9基于管理员）设计要求：完整实现设计内容所指定的功能应用服务器采用Tomcat 6.0或以上基于JSP编程开发工具采用Eclipse + DreamWeaver数据库采用SQL server2005，或ACCESS 2003 （或更新版本）用户界面友好组织方式：在自然班范围内按4人一组分组确定设计小组，每组确定一名组长。

时间安排：一周考核方式：1．各设计小组上交系统实现的软件（通过邮件方式按自然班上交）。

2．各设计小组上交课程设计书面报告，另通过邮件按自然班上交电子版。

报告按上述设计内容逐项表述，并加上中英文标题、关键字、摘要、总结。

报告中必须完整展示各项设计内容的设计结果。

表述清晰，格式规范。

3．评分：软件设计和实现60分。

设计报告40分。

web网络课课程设计

web网络课课程设计一、教学目标本节课的学习目标包括以下三个方面：1.知识目标：学生需要掌握Web网络的基本概念、网络协议、网络结构以及网络应用等相关知识。

2.技能目标：学生能够使用网络浏览器进行信息的检索和浏览；能够使用电子邮件进行信息的发送和接收；能够使用网络交流工具进行实时的沟通和交流。

3.情感态度价值观目标：培养学生对网络的正确使用态度，使学生能够认识到网络的两面性，自觉抵制不良信息，做到文明上网。

二、教学内容本节课的教学内容主要包括以下几个部分：1.Web网络的基本概念：介绍什么是Web网络，Web网络的特点和优势。

2.网络协议：介绍HTTP、HTTPS等网络协议的作用和功能。

3.网络结构：介绍互联网的层级结构，包括服务器、客户端、路由器等。

4.网络应用：介绍网络在日常生活和工作中的应用，如电子邮件、网络购物、在线办公等。

5.网络素养：介绍网络素养的定义和重要性，以及如何提高网络素养。

三、教学方法本节课的教学方法采用讲授法、案例分析法和小组讨论法相结合的方式进行。

1.讲授法：用于向学生传授Web网络的基本概念、网络协议、网络结构等知识。

2.案例分析法：通过分析具体的网络应用案例，让学生了解网络在日常生活和工作中的应用。

3.小组讨论法：分组让学生就网络素养的重要性进行讨论，培养学生的批判性思维和团队协作能力。

四、教学资源本节课的教学资源包括教材、多媒体资料和网络设备。

1.教材：使用《Web网络基础》教材，为学生提供系统的网络知识学习。

2.多媒体资料：制作课件、案例视频等，以图文并茂的形式展示网络知识，提高学生的学习兴趣。

3.网络设备：准备计算机、投影仪等设备，方便学生进行实时的网络操作和实践。

五、教学评估为了全面、客观地评估学生的学习成果，本节课采用以下几种评估方式：1.平时表现：通过观察学生在课堂上的参与程度、提问回答、小组讨论等表现，评估学生的学习态度和理解程度。

2.作业：布置相关的网络知识作业，如练习题、小论文等，评估学生对知识的掌握和运用能力。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

湖南科技大学计算机科学与工程学院WEB课程设计指导书（13级计算机、网络、物联、信息安全专业用）陈洪龙编2016年3月前言由于WEB的易用性、实用性，它很快占据了主导地位，目前成为使用最广泛、最有前途、最具魅力的信息传播技术。

WEB游戏、电子商务、交易及购物、社交网站等层出不穷，可以说未来的社会是基于WEB的社会。

与此同时，越来越多的高校将java作为程序设计教学时主要的编程工具。

一方面，随着互联网应用和web服务的不断发展，计算机科学与技术、网络工程、软件工程等传统的计算机类专业加强了对java语言开发功能的要求，这些专业或将java课程与C++课程平行开设学生选择，与在C++课程之后增加一门精炼的java课程；另一方面，随着移动应用和嵌入式应用的不断推广，通信、电子信息、自动化、微电子等理工类专业也纷纷开设了java 课程，以适应用人单位对于专业人才的能力要求。

本课程设计指导书是应学院要求编写的，编写过程中得到了学院领导的支持、系部同事的帮助，在此表示衷心的感谢。

由于编写时间仓促，本课程设计指导书中的不当之处，欢迎老师、同学们提出意见。

编者 2016年3月第一部分课程设计的目的、内容及安排一、课程设计目的WEB应用技术课程设计是计算机软件工程专业的一个综合性实践教学环节，是学习完《Internet与Web编程》课程后进行的一次全面的综合练习。

二、课程设计内容运用JSP+JavaBean模式开发一个小型的管理信息系统。

各组可完成指定的项目也可在征得指导老师同意下另行确定项目。

所设计的小型管理信息系统应包含查询、插入、删除、修改、统计、用户权限管理等基本功能，界面采用菜单的形式。

根据课程设计2周时间的安排，同学们宜选择适当大小的设计课题，并根据题目的基本需求，给出概念模型与逻辑模型，编写程序和写出详细的设计说明书。

开发工具最好选用Java等，考虑到Foxpro、Access等并不是真正意义上的数据库管理系统，所以本课程设计要求不能使用Foxpro、Access作为开发工具。

数据库推荐使用MS SQL SERVER，也可以使用MySQL或Oracle。

三、本课程设计的基本要求首先，要求同学们先仔细阅读本指导书的第一部分和第二部分的内容。

然后根据下面要求完成本课程设计的任务。

1、熟悉Tomcat、IIS、Weblogic等实际工作中常用的Web应用服务器。

2、熟悉一种开发工具（VISUAL C++、JA V A、DELPHI、PowerBuilder、.NET等）的Web编程模式。

3、设计并实现一个具体的Web应用系统。

(1) 选定的项目进行需求分析，写出需求说明书，并搜集、整理所需素材。

(2) 根据项目需求，进行数据库的概要设计与详细设计。

(3) 根据需求说明进行项目的功能设计，画出每个界面的原型。

(4) 进行详细设计，实现每个模块的功能。

(5) 对项目进行部署与测试。

(6) 分析总结项目的创新点和存在的不足，提出优化思路。

要求所设计的小型管理信息系统能正常运行，前台界面至少能实现查询、插入、删除、修改、用户权限管理等基本功能。

按指导书第三部分题目要求进行设计，对超出题目要求者，可以适当提高计分。

4、按课程设计指导书要求，提交实习报告。

（1）课程设计报告要求字迹清晰、版面整齐，篇幅至少8页，装订整齐。

（2）报告应书写设计内容、设计方法、实现方法、心得体会等内容，绝对不能写成源程序清单。

（3）每位同学都必须提交课程设计报告，没有提交报告者总评成绩直接计为不及格。

（4）所交设计报告完全雷同，互相抄袭者，总评成绩直接计为不及格。

四、课程设计安排1、课程设计时间：2015-2016学年第二学期第13周各工作日1-8节2、课程设计地点：逸夫楼专业实验室。

详细安排另附表。

3、分组和选题三人一组，从课程设计指导书第三部分给定的参考题目中任选一题，也可选择其它难度和工作量相当或更高的类似题目。

学习委员将本班分组及选题情况交指导老师。

4、学生课程设计注意事项1-2周各工作日1-8节均在实验室进行课程设计，不得无故缺勤，不允许迟到早退，不得闲聊和玩游戏。

屡教不改者，指导老师可直接计其成绩为不及格。

5、其他说明（1）各班课程设计的过程管理与质量控制由各班指导老师全权负责。

（2）各班指导老师可对本次课程设计的任何题目酌情调整工作量及难度，也可另外布置题目，以更好地训练同学们运用Web技术解决实际问题的能力。

五、课程设计的考查1、考查时间：课程设计开始后第2周星期五。

2、评分标准：由指导教师根据学生课程设计过程中的学习态度、完成任务的情况和课程设计报告的质量等综合打分。

成绩评定实行优秀、良好、中等、及格和不及格五个等级。

3、考查内容：包括系统测试和课程设计报告两部分。

第二部分Tomcat的安装及部署基础一安装版Tomcat指定端口，用户名，密码端口默认为8080，如果安装了Oracle，8080端口可能被占用。

选择JRE的文件夹，如果JA V A_HOME配置正确，则会自动选择路径。

点击Finish完成安装。

安装成功后，自动启动Tomcat服务：安装版的Tomcat有Apache Tomcat系统服务项这个好处，其他好处暂无。

二免安装版Tomcat配置好JDK等环境变量之后，配置Tomcat环境变量（也可以不配置，最好配置）之后双击Tomcat文件夹目录下的bin目录下的startup.bat启动成功：由启动信息可知，服务端口号为：8080启动成功之后，验证启动是否成功。

在浏览器中输入：http://localhost:8080或者：http://127.0.0.1:8080访问其他人的Tomcat服务器http://其他人的IP地址:8080例如：http://192.168.1.16:8080出现Tomcat本机主页，则Tomcat安装成功。

三Tomcat的配置1)修改服务器启动端口（默认为8080的）：Tomcat的所有配置文件都在conf文件夹中，server.xml是核心配置文件。

打开conf文件夹中的server.xml此后启动时只需输入80端口即可。

重新启动，查看效果。

80端口是浏览器默认的端口，可以不输入80，其他端口则需要输入2)配置虚拟目录例：在D盘中新建文件夹D:\ myweb在D:\myweb文件夹中新建文件夹WEB-INF(WEB-INF不能小写)最好将Tomcat文件夹下的webapps\ROOT文件夹中的WEB-INF文件夹复制到自定义的文件夹中，然后修改web.xml内容。

修改之后，打开conf文件夹中的server.xml在结尾处</Host>的上一行添加信息（倒数几行）添加信息：<Context path="/myweb" docBase="D:\myweb"/>Context 表示配置一个新的上下文。

path 表示浏览器输入的路径，起始必须以/起始。

docBase 表示绝对物理路径。

之后则可通过http://localhost:80/myweb找到D:\myweb下的内容。

绝对物理路径（本机的硬盘）里面一定不能有中文重启服务器，查看效果。

此时运行虚拟目录出现404错误，表示文件找不到。

说明虚拟目录配置已经成功，但是目录列表功能关闭。

开发中目录列表一般关闭。

如果想通过浏览器观察一个目录下的全部内容，则需要修改conf目录下的web.xml文件以启动目录列表功能。

为了安全，项目发布时最好关闭目录列表功能。

修改之后重启Tomcat服务器。

输入，80端口可以不写http://localhost/myweb在myweb文件夹下新建hello.jspF5刷新浏览器出现以下内容：点击hello.jsp出现此时Tomcat表示已经配置成功，如果有问题，则按照图文重新配置即可。

第三部分Myeclipse下开发Web应用基础安装MyEclipse成功后，启动MyEclipse，新建Web Project，起名为WebProjectMyEclipse自动创建WebRoot文件夹删除文件夹下的index.jsp文件。

新建JSP文件起名为Hello.jsp删除自动产生的代码，输入测试代码1)手工发布将目录添加到虚拟目录找到刚刚写的JSP文件的目录D:\MyProject\WebProject\WebRoot将目录加入到server.xml中，虚拟目录名demo<Context path="/demo" docBase="D:\MyProject\WebProject\WebRoot"/>输入：http://localhost/demo/2) 自动发布（使用MyEclipse 自带的功能自动发布） MyEclipse 中选择window Preference选择版本：选择Enable选择Tomcat的路径选择JDK选择路径到JDK的主目录下即可选择工具栏上的部署项目按钮点击Finish，点击OK。

此时，项目已经部署到Tomcat之中，部署到了Tomcat的安装目录的webapps文件夹之下自动发布：就是直接将所有的web项目copy到webapps目录下，之后可以再MyEclipse 中启动服务器直接运行了。

打开Tomcat目录下的webappsC:\apache-tomcat-6.0.20\webapps找到C:\apache-tomcat-6.0.20\webapps\WebProjectMyEclipse中启动服务器http://localhost/WebProject/此时自动部署成功。

第四部分课程设计题目题目1 仿QQWeb即时聊天系统一．功能要求●实现Web的点对点即时的文本消息聊天功能。

●实现Web的表情的发送、接收和显示功能。

●实现Web的图片的发送、接收和显示功能。

●实现本地消息的存储，在离线的时候也能加载和查看历史消息；参考：/developerworks/cn/web/1112_huangxa_websocket/ 题目2 人力资源管理系统一．功能要求●对企业人力资源管理的基本信息进行管理。