网站设计实验报告材料.docx
- 文档编号:9984253
- 上传时间:2023-02-07
- 格式:DOCX
- 页数:15
- 大小:820.39KB
网站设计实验报告材料.docx
《网站设计实验报告材料.docx》由会员分享,可在线阅读,更多相关《网站设计实验报告材料.docx(15页珍藏版)》请在冰豆网上搜索。
网站设计实验报告材料
实验报告
课程名称电子商务网站设计
实验项目名称巧克力购物系统
实验室名称(或课室)实验大楼
巧克力购物系统开发
一、实验目的
掌握网站制作的技巧。
具体如下:
掌握HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性,能设计出多窗口网页、动态网页;CSS与DIV设计与应用,能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能;掌握JSP脚本语言的基本语法规则,能维护、管理和设计WEB应用程序;能独立设计WEB站点。
二、实验原理
使用JSP+JavaBean+Servlet技术构建巧克力购物系统,用mysql数据库建立与网站的连接,JSP仅负责页面显示部分,JavaBean整合了内部业务逻辑,而Servlet则负责控制用户的请求与响应。
三、实验设备
在开发此巧克力购物系统的时候,需要具备下面的软件环境
●操作系统:
Windows7。
●Web服务器:
Tomcat7.0。
●Java开发包:
JDK1.7。
●数据库:
masql。
●开发工具:
MyEclipse8。
四、小组名称与成员
五、网站的概要设计
1.ER图
2.功能流程图
3.网站结构图
4.角色与用例之间关系图
六、网站的详细设计
Ⅰ.系统功能模块
从功能模块上看,站内巧克力购物系统主要包括用户管理、管理员管理和商品管理3大部分。
从系统的使用角度来看,又可以分为前台用户模块和后台管理员模块。
下面从前台和后台两个部分来介绍站内网上巧克力店系统的功能模块。
●用户模块(前台):
主要包括用户的个人管理包括用户登录、查看和修改个人信息等,如表1所示是前台用户模块中的功能列表。
表1前台用户模块
个人管理
用户注册
用户登录
查看个人信息
修改个人信息
●管理员模块(后台):
主要包括管理员用户的个人管理、管理员管理、普通用户管理和商品管理,其中个人管理包括管理员登录与密码修改,管理员管理包括添加、删除和查看管理员等功能,普通用户管理包括添加、查看和修改用户等,商品管理包括查看、删除和查找商品等。
如表2所示是后台管理员模块中的功能列表。
表2后台管理员模块
个人管理
管理员管理
用户管理
商品管理
管理员登录
修改密码
添加管理员
删除管理员
查看所有管理员
添加用户
查看用户
删除用户
查看所有用户
查找用户
查看商品
删除商品
查看所有商品
查找商品
七、WEB服务器的配置
开始-程序-管理工具-Internet信息服务(IIS)。
八、站点的测试、上传与发布
站点测试,如下图
上传与发布,如下图
接下来的任务各有分工,选其中比较重视的部分在个人贡献中展示。
九、个人贡献
在这次的实验中,我主要负责两个java类的编写工作:
UserManager.java以及Goods.java。
这样就可以避免在设计页面的时候重复地打代码,把需要多次用到的代码段整理封装在一个类里面,可以简化代码设计工作,需要实现某个功能的时候只要传参数、调用方法即可,使得设计页面代码看起来更加简洁易懂。
1、Goods.java;packageorg.work;
publicclassGoods{
privateStringname;
privateintprice;
privateintcount;
privateintallprice;
publicGoods()
{count=1;}
publicStringgetName(){
returnname;}
publicvoidsetName(Stringname){
this.name=name;}
publicvoidsetPrice(intprice){
this.price=price;
allprice=price;}
publicintgetPrice()
{returnthis.price;}
publicintgetCount(){
returncount;}
publicvoidsetCount(intcount){
this.count=count;}
publicintgetAllprice()
{returnthis.allprice;}
publicvoidadd(){
count++;
allprice+=price;
}
}
在这个商品类中,定义了一个构造方法和几个方法,用于返回参数值、计算商品价格总和以及一些设置初始值的工作。
2、UserManager.java;packageorg.work;
importjava.sql.Connection;
importjava.sql.DriverManager;
importjava.sql.PreparedStatement;
importjava.sql.ResultSet;
publicclassUserManager
publicvoidadd(Stringusername,Stringpassword)
{
try
{Class.forName("com.mysql.jdbc.Driver");
Connectionconn=DriverManager.getConnection("jdbc:
mysql:
//127.0.0.1:
3306/work","root","123");
PreparedStatementpstmt=conn.prepareStatement("insertintot_uservalues(?
?
)");
pstmt.setString(1,username);
pstmt.setString(2,password);
pstmt.execute();
pstmt.close();
conn.close();
}catch(Exceptione)
{}
}
publicbooleanlogin(Stringusername,Stringpassword)
{booleanlogin=false;
Connectionconn=null;
PreparedStatementpstmt=null;
ResultSetrs=null;
try
{Class.forName("com.mysql.jdbc.Driver");
conn=DriverManager.getConnection("jdbc:
mysql:
//127.0.0.1:
3306/work","root","123");
pstmt=conn.prepareStatement("select*fromt_user");
rs=pstmt.executeQuery();
while(rs.next())
{Stringcusername=rs.getString
(1);
Stringcpassword=rs.getString
(2);
if(cusername.equals(username)&&cpassword.equals(password))
{login=true;
break;
}
}
}catch(Exceptione)
{e.printStackTrace();
}
finally
{try
{rs.close();
pstmt.close();
conn.close();
}
catch(Exceptione)
{}
}
returnlogin;
}}
在这段代码中,里面封装了一个连接数据库、检测用户名与密码是否符合的方法,并且用try{}、catch{}来捕抓异常,加载了Sql类。
这些都是为了使得登陆页面可以实现。
此外,为了让注册页面可以实现,于是设计了add{}方法,方法里面同样有驱动数据库的代码,每次注册便会在数据库中的表增加一条记录。
十、实验分析和结论
以下是我们这次网站设计实施后的一些截图:
图1登录界面
图2登录成功页面
图3注册界面
图4购物车界面
这些页面的实现需要调用到UserManager.java以及Goods.java这两个类里面的方法,例如说图4中购物车的页面表格中的商品信息统计那里,在【数量】和【小计】那里就调用了Goods.java里相关方法,这样就不必在这个页面的代码设计中重复地敲代码,只要适当地调用就可以事半功倍。
在图1的登陆界面中,只要输入用户名和密码,按登陆,后台就会马上运行相关代码,传递参数,调用login{}方法,成功后便会得到一个跳转页面。
十一、实验总结与心得体会
在本次实验学习中,通过一个简单的巧克力购物系统,经过这一些步骤和方法,学习了解了如何制作简单的JSP页面,体会到页面的逻辑设计顺序对一个动态网页设计的重要性。
在小组合作完成本系统的过程中主要遇到了几个困难。
首先是数据库的连接,在开始之前,总是遇到数据库连接出现错误的问题。
通过借阅图书馆的书籍以及咨询对这方面熟悉的同学,最终得到了问题的解决办法。
其次是页面调试问题,有时候代码表面上看起来是正确的,可是每次调试都会出现各种各样的问题,有时候是标点符号的问题,有时候是字母大小写的问题,这些都让我体会到要想成为一名出色的网站设计者,细心谨慎的态度是必不可少的。
经过这次试验,尽管我们做的并不是最好的,但是我自己却由此对网页设计产生了兴趣,如果想学好动态网页设计,我必须在java这方面学习得更多才行。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 设计 实验 报告 材料