第二篇:电子产品实验报告
web课程设计报告
课程设计题目:电子产品网
专 业: 班 级: 姓 名: 学 号:
指导教师:
20xx年
1
2 月20 日
目录
一、 实验时间、地点……………………………………………………….
二、 设计目的………………………………………………………………
三、 设计题目………………………………………………………………
四、 设计要求………………………………………………………………
五、 设计思路……………………………………………………………….
六、 实现过程………………………………………………………………..
七、 实验总结……………………………………………………………….
2
二、实验时间和地点
1、 实验时间:20xx年2月13日
2、 实验地点:软件楼305
三、 设计目的:
在internet飞速发展的今天,互联网成为人们快速获取,发布和传递信息 的重要娶到 ,它在人么政治,经济生活等各个方面发挥着重要的作用。因此网站建设在internet应用上的地位显而易见,它成为政府,企事业单位信息化建设中的重要组成部分,从而备受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。但是,我们成天浏览的网站网页到底是如何制作的呢?我想,这一点很多同学都没有去探究过。所以为了了解网页制作的过程,我们在老师的指导下分前台和后台进行了一系列操作,并有所收获。
1、通过本次课程设计让我们能够综合运用所学的ASP网络应用程序知
识解决并能设计一个实际问题,进一步掌握ASP网络应用的相关理论
和网站的设计实现过程,进一步提高我们的分析问题和解决问题
的能力以及我们的动手能力。
2、通过设计进一步的了解ASP功能与用法,将所学的知识
结合实践,进一步巩固所学的知识
四、设计题目
电子产品网
五、设计要求:
描述:设计一个电子产品网站。实现以下功能:
1、用户的登录,更新密码等;
3
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如下:
4
<!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>
5
</body>
<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" "/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>
6
</head>
<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.MoveFirst
If result.BOF And result.EOF Then
%>
<tr><td colspan="4">没有数据</td></tr>
<%
Else
Do Until result.EOF
%>
<tr><td><%=result("good_id")%></td><td><span
7
style="display:block;width:300px;overflow:hidden;"><%=result("good_name")%></span></td><td><%=result("good_price")%></td><td><a
href="main.asp?c=article_detail&id=<%=result("good_id")%>">修改</a> | <a
href="main.asp?c=article_delete&id=<%=result("good_id")%>" onclick="return confirm('确定要删除吗?');">删除</a></td></tr>
<%
result.MoveNext
Loop
End 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.MoveFirst
22. If r.BOF And r.EOF Then
23. %>
24. <option value="0">没有数据</option>
8
25. <%
26. Else
27. Do Until r.EOF
28. %>
29. <option value="<%=r("fenlei_id")%>"><%=r("fenlei_name")%></option>
30. <%
31. r.MoveNext
32. Loop
33. End If
34. %>
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%>" 9
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退出登录:
10
七、实验总结:
发现自己对ASP网络应用程序这门学科掌握的还是不够,对课本内容还不
是很熟,还没参透,在连接数据库方面遇到很大问题。 做好页面,并不是一件容易的事,它包括页面的选题,内容采集整理,图片的处理,背景及其整套网页的色调等很多东西。本次网站设计还存在很多不足,页面简单,这是需要提高的地方。需要学的地方还很多,需要有耐心,坚持,和不断地学习,综合利用多种知识,才能设计出好的web页面。
通过将近一周的课程设计,使我认识到在课堂上所学的理论我们并不一定会运用,只学理论是不行的,我们还要用于实践,那样才能发现问题,从而解决问题,使我们更好地学习和掌握一门课程。这次课程设计还使我能综合运用所学知识解决并能设计一个实际问题,提高了我的分析问题和解决问题的能力及实践能力。 同时,我们要将以往所学关联知识结合起来,使程序功能更加完善。
11