2016自编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程序设计》课程设计任务书一、课程简介本课程是培养学生动态网页设计与制作职业核心能力的重要课程，通过本课程的学习使学生掌握动态网页制作的基本方法，具备独立制作动态网页的能力。

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

三、课程设计要求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课程设计
课程设计题目：
学院名称：信息工程学院
专业：计算机科学与技术班级：
学号：姓名：
评分：教师：
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课程设计》课程设计报告书前言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"><!--.a {font-size: 24px;color: #00F;text-align: center;}--></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"><!--.a {font-size: 24px;text-align: left;}.a {text-align: center;}.a {text-align: center;}.a {text-align: center;}.a {font-size: 16px;}.q {font-size: 24px;}--></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"><!--.a {font-size: 18px;}.a {font-size: 24px;}.q {text-align: center;}.q {text-align: center;.q {text-align: center;}--></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);}。

前言 (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程序设计》实验指导书单位：信息工程学院编写：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个人网站课程设计一、课程目标知识目标：1. 学生能理解个人网站的基本结构，掌握HTML、CSS等网页设计基础知识。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

湖南科技大学计算机科学和工程学院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前端的基本技术，包括HTML、CSS和JavaScript，并能够运用这些技术独立设计并开发一个具备基本功能的个人。

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

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

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

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

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

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

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

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

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

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

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

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