web课程设计报告课程设计题目：电子产品网专业：班级：姓名：学号:指导教师:2012年 2 月20 日目录一、实验时间、地点……………………………………………………….二、设计目的………………………………………………………………三、设计题目………………………………………………………………四、设计要求………………………………………………………………五、设计思路……………………………………………………………….六、实现过程………………………………………………………………..七、实验总结……………………………………………………………….二、实验时间和地点1、实验时间：2012年2月13日2、实验地点：软件楼305三、设计目的：在internet飞速发展的今天，互联网成为人们快速获取，发布和传递信息的重要娶到，它在人么政治，经济生活等各个方面发挥着重要的作用。
因此网站建设在internet应用上的地位显而易见，它成为政府，企事业单位信息化建设中的重要组成部分，从而备受人们的重视。
我们当代大学生更是离不开网络给我们带来的好处与便利。
但是，我们成天浏览的网站网页到底是如何制作的呢？我想，这一点很多同学都没有去探究过。
所以为了了解网页制作的过程，我们在老师的指导下分前台和后台进行了一系列操作，并有所收获。
1、通过本次课程设计让我们能够综合运用所学的ASP网络应用程序知识解决并能设计一个实际问题，进一步掌握ASP网络应用的相关理论和网站的设计实现过程，进一步提高我们的分析问题和解决问题的能力以及我们的动手能力。
2、通过设计进一步的了解ASP功能与用法，将所学的知识结合实践，进一步巩固所学的知识四、设计题目电子产品网五、设计要求：描述：设计一个电子产品网站。
实现以下功能：1、用户的登录，更新密码等；2、产品的显示，分类，管理等;3、网站需要有后台支持；4、用Microsoft Access建立数据库，连接数据库后能实现对产品的信息进行管理，例如查询，修改，删除，添加等，同时要建立相对应的对网站的产品进行管理的数据库。
五、实现思路：1、选择用以设计网站的软件，dreamweaver或者是记事本,我选择记事本来完成此次课程设计。
2、在网上下载一些所需要的图片等，用以丰富网站内容。
3、创建主页mainpage.html,登录页面login.html，注册页面regist.html,确定登录的用户是否与数据库相符的checkuser.asp,判断用户注册是否成功的checkregist.asp,最后是登陆成功后的dianzi.html页面。
4、创建所需要的数据库。
在所有程序里找到Microsoft Access 并打开，创建一个数据库名为user.mdb,用以存放会员的用户名和密码。
六、实现过程：1.主页面managermain.html如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title>欢迎您- <%Response.write(Session("username"))%></title><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><link href="template/css/style.css" rel="stylesheet" type="text/css" /><script src="template/js/jquery.js" type="text/javascript"></script></head><body><div class="main"><!--pleft--><div class="pleft"><ul class="open"><li style="background-position:10px -72px;"><a href="main.asp" target="main_frame">网站概况</a></li><li style="background-position:10px 4px;"><a href="main.asp?c=password" target="main_frame">修改密码</a></li></ul><ul class="open"><li style="background-position:10px -734px;"><a href="main.asp?c=article" target="main_frame">产品管理</a></li><li style="background-position:10px -776px;"><a href="main.asp?c=article_add" target="main_frame">添加产品</a></li><li style="background-position:10px -776px;"><a href="main.asp?c=fenlei" target="main_frame">分类管理</a></li><li style="background-position:10px -776px;"><a href="main.asp?c=fenlei_add" target="main_frame">添加分类</a></li></ul><ul class="open"><li style="background-position:10px -734px;"><a href="main.asp?c=logout">退出登录</a></li></ul></div><!--pleft end--><!--pright--><div class="pright"><iframe src="main.asp" name="main_frame" id="main_frame" scrolling="no" height="100%" width="100%" frameborder="0"></iframe> </div></div><script language="JavaScript"><!--$(function(){$('#main_frame').load(function(){var h = $(this).contents().find("body").attr('scrollHeight');h = h > 400 ? h : 400;$(this).height(h);});});function menutoggle(obj) {if(obj.parentNode.className == 'open') {for(i=1; i<obj.parentNode.children.length; i++) {obj.parentNode.children[i].style.display = 'none';}obj.parentNode.className = 'close';} else {for(i=1; i<obj.parentNode.children.length; i++) {obj.parentNode.children[i].style.display = '';}obj.parentNode.className = 'open';}}function ShowUl(em,allgr){for(var i=1;i<=allgr;i++){if(i==em) $("#ul"+i).css("display","block");else $("#ul"+i).css("display","none");}}//--></script></html>2.网站状况：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title>网站信息</title><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><link href="template/css/style.css" rel="stylesheet" type="text/css" /><script src="template/js/jquery.js" type="text/javascript"></script><body style="background-image:none;"><div class="set"><div class="pr-title"><h3>网站信息</h3></div><ul><li>欢迎使用本系统，只是个DEMO，功能很简单，主要是演示ASP和ACCESS数据库的操作</li><li>斑驳的阳光落在故乡青石板的小道上,你可听到了旅人归家的脚步,还有那红漆斑驳的院门,被推开的声响</li><li>坚决反对共匪的独裁统治，支持仙剑，支持古剑，支持董贞</li><li><span class="s3">本站管理猿</span>：<%Response.write(Session("username"))%></li></ul></div></body></html>3修改密码：4产品管理：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title>添加文章</title><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><link href="template/css/style.css" rel="stylesheet" type="text/css" /><script src="template/js/jquery.js" type="text/javascript"></script></head><body style="background-image:none;"><div class="set"><div class="pr-title"><h3>产品管理</h3></div><table cellspacing="1px" cellpadding="10px" class="mytable"><tr><td>产品ID</td><td>产品名称</td><td>产品价格</td><td>操作</td></tr><%result.MoveFirstIf result.BOF And result.EOF Then%><tr><td colspan="4">没有数据</td></tr><%ElseDo Until result.EOF%><tr><td><%=result("good_id")%></td><td><spanstyle="display:block;width:300px;overflow:hidden;"><%=result("good_name")%></ span></td><td><%=result("good_price")%></td><td><ahref="main.asp?c=article_detail&id=<%=result("good_id")%>">修改</a> | <ahref="main.asp?c=article_delete&id=<%=result("good_id")%>" onclick="return confirm('确定要删除吗？');">删除</a></td></tr><%result.MoveNextLoopEnd If%></table></div></body></html>5添加产品：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">4.<html xmlns="/1999/xhtml">5.<head>6.<title>添加文章</title>7.<meta http-equiv="Content-Type" content="text/html; charset=gbk" />8.<link href="template/css/style.css" rel="stylesheet" type="text/css" />9.<script src="template/js/jquery.js" type="text/javascript"></script>10.</head>11.<body style="background-image:none;">12.<div class="set">13. <div class="pr-title"><h3>添加产品</h3></div>14. <ul>15. <form action="main.asp?c=article_add&a=<%=action%>&id=<%=id%>" method="post" onsubmit="return checkSubmit();">16. <li><span>产品名称</span>：<input type="text" name="good_name" class="iw" value="<%=result("good_name")%>" /></li>17. <li><span>产品价格</span>：<input type="text" name="good_price" class="iw" value="<%=result("good_price")%>" /></li>18. <li><span>产品图片</span>：<input type="text" name="good_image" class="iw" value="<%=result("good_image")%>" /></li>19. <li><span>产品分类</span>：<select name="good_fenlei">20. <%21. r.MoveFirst22. If r.BOF And r.EOF Then23. %>24. <option value="0">没有数据</option>25. <%26. Else27. Do Until r.EOF28. %>29. <option value="<%=r("fenlei_id")%>"><%=r("fenlei_name")%></option>30. <%31. r.MoveNext32. Loop33. End If34. %>35. </select></li>36. <li><input type="submit" value="" class="btn-back" /></li>37. </form>38. </ul>39.</div>40.</body>41.<script language="javascript">42.function checkSubmit(){43. if($(".iw").eq(0).val().length < 4){44. alert("标题字数不够5");45. return false;46. }47. if($(".iw").eq(1).val().length < 2){48. alert("描述字数不能少于2");49. return false;50. }51.}52.</script>53.</html>6分类管理：7添加分类：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">54.<html xmlns="/1999/xhtml">55.<head>56.<title>添加分类</title>57.<meta http-equiv="Content-Type" content="text/html; charset=gbk" />58.<link href="template/css/style.css" rel="stylesheet" type="text/css" />59.<script src="template/js/jquery.js" type="text/javascript"></script>60.</head>61.<body style="background-image:none;">62.<div class="set">63. <div class="pr-title"><h3>添加分类</h3></div>64. <ul>65. <form action="main.asp?c=fenlei_add&a=<%=action%>&id=<%=id%>"method="post">66. <li><span class="s3">分类名</span>：<input type="text" name="fenlei_name" class="iw" value="<%=result("fenlei_name")%>" /></li>67. <li><input type="submit" value="" class="btn-back" /></li>68. </form>69. </ul>70.</div>71.</body>72.</html>8退出登录：七、实验总结：发现自己对ASP网络应用程序这门学科掌握的还是不够，对课本内容还不是很熟，还没参透，在连接数据库方面遇到很大问题。