spring课设报告.doc

目录1 系统功能说明- 2 -1.1 系统简介- 2 -1.2 系统主要功能 -2 -1.3 系统开发环境- 3 -2 系统设计- 3 -2.1 系统总体设计- 3 -2.2 界面设计- 4 -2.3 数据库设计- 8 -2.4 主要功能模块- 9 -3 关键技术与应用- 10 -3.1 HTML5- 10 -3.2 jQuery- 10 -3.3 Spring DAO- 11 -3.4 Spring MVC- 13 -3.5 系统实现过程中遇到的错误及其解决方法- 20 -4 总结与体会- 21 -4.1 对于系统中采用的新技术的理解与思考- 21 -4.2 对于系统开发过程的总结与思考- 22 -1 系统功能说明1.1 系统简介随着网络的飞速发展和普及，越来越多的用户习惯在网上购物。本网站的主要目的就是为用户提供一个方便、及时的网上网上购物平台。利用本系统，用户可以直接在网上检索，购买自己需要的物品。1.2 系统主要功能（1） 用户注册与登陆：进入网站登录首页，首先进行注册，有用户名，密码，确认密码以及本人的一些信息，注册成功后转到登录界面，输入用户名和密码即可登录进去用户首页。（2）查看，搜索商品功能：任何用户均可以使用商品查看，搜索功能。在商品查看页面上，用户可以通过商品名检索。如果数据库里面有和输入的商品名一样就将其信息全部显示出来，如果没有就到空页面。（3）商品订购: 在商品查看和搜索页面相应的商品后面有购买按钮，点击即跳转到相关的购买页面。输入相关购买信息，点击确定即生成订单。（4）历史订单查询: 任何用户都有自己的历史订单，点击进去即可查到自己历史的购买订单。（5）发布，查看留言: 任何用户都可以发布留言，同时也可以查看自己的历史留言，也可以对自己的留言进行删除。（6） 管理员登录：在网站登录首界面，输入管理员名，密码，选择管理员登录，如果管理员相关信息都正确，登陆进去后到管理员首界面。如果错误，即提示错误。（7） 用户管理功能：管理员登录后，可以对用户进行添加修改删除操作。（8） 商品管理功能：管理员登录后，可以对商品进行添加修改删除操作。（9） 订单管理功能：管理员登录后，可以对订单进行添加修改删除操作。（10） 留言板管理功能：管理员登录后，可以对留言板进行添加修改删除操作。1.3 系统开发环境WINDOWS7、ECLIPSE、TPMCAT。客户端页面采用HTML5与CSS技术，客户端脚本采用jQuery；服务端基于Spring技术开发；采用H2数据库存储数据。2 系统设计2.1 系统总体设计 管理员登陆商品查看商品搜索留言会员管理商品管理订单管理留言管理退 出登录首界面开 始会员登录会员注册订单查看到登录首界面，分别有用户登录，管理员登录，和用户注册，用户注册之后可以到登录界面进行登录，如果输入的信息都正确，进入到用户主界面，可以查看，搜索商品，购买商品，订单查询，留言。管理员登录进去之后可以对会员，商品订单，留言进行增删改。2.2 界面设计此系统包含登录界面，注册界面，会员主界面，管理员主界面，会员管理界面以及其商品，订单，留言界面。(1) 登录界面选择身份“会员”“管理员”,输入帐号，密码登录到系统，如果错误则显示“帐号或密码错误”(2) 注册界面输入会员编号，会员名，密码，点击提交数据自动更新到数据库里面，界面跳转到登录界面，点击返回跳转到登录界面。(3) 会员主界面(4) 管理员界面(5) 会员管理界面点击会员管理，会自动搜索数据库里面Huiyuan表的数据，显示出来(6) 订单界面点击订单，跳转到订单界面(7) 商品界面点击商品管理，跳转到商品界面(8) 留言板界面点击留言板管理，跳转到留言板界面（9）搜索界面点击搜索商品，跳转到搜索界面2.3 数据库设计本系统采用H2数据库，在数据库中使用数据表Huiyuan来储存现有的会员信息。表的结构如表字段名称数据类型说明AccountVarchar(8)会员编号（主键）nameVarchar(8)会员名passwordVarchar(10)密码 表3-1 会员信息表 使用数据表Guanli来储存管理员的信息，表的结构如下表字段名称数据类型说明accountVarchar(8)管理员编号（主键）NameVarchar(8)姓名passwordVarchar(10)密码 表3-2 管理员信息表2.4 主要功能模块 从功能描述的内容可以看到，本网站有两大模块，每个模块有4大功能。根据这些功能，设计出系统的功能模块，如下图所示。会员制购物网站会员模块管理员模块登录与注册商品查看，订购留言历史订单查询用户管理留言管理订单管理商品管理具体描述如下：用户：(1）查看，搜索商品，订购商品，生成订单：a.商品查看，搜索；b.商品订购； c.生成订单；(2）历史订单查询：a.历史订单查看；b.订单删除；(3）留言板留言：a.发布留言；b.历史留言查看；(4）登录与注册：a.注册功能；管理员：(1）用户管理：a.用户添加；b.用户修改； c.用户删除；(2）商品管理：a.商品添加；b.商品修改； c.商品删除；(3）订单管理：a.订单添加；b.订单修改； c.订单删除；(4）留言板管理：a.留言添加；b.留言修改； c.留言删除；3 关键技术与应用3.1 HTML5/添加一个音频文件使其能够播放音乐3.2 jQuery帅帅购物网$(p).hide();$(li).click(function()$(this).children(p).fadeToggle(slow););$(document).ready(function() $(div#divDemo).animate(width:20px,height:40px,opacity:0.5,slow);$(div#divDemo).animate(width:2000px,height:100px,opacity:0.5,slow); $(div#divDemo).animate(fontSize:2em,paddingLeft:200px,slow); );/使得刚刚添加的音频窗口隐藏起来，使得界面看起来是直接放音乐；而且可以使得上面的文字产生从左到右的动画效果。3.3 Spring DAOpackage lab.dao; /将类UserDaoJdbcImpl放置到lab.dao包中import java.sql.ResultSet; /引入所需要的包import java.sql.SQLException;import lab.model.Guanli;import lab.model.Huiyuan;import org.springframework.dao.EmptyResultDataAccessException;import org.springframework.jdbc.core.RowMapper;import org.springframework.jdbc.core.support.JdbcDaoSupport;public class UserDaoJdbcImpl extends JdbcDaoSupport implements UserDaoOverridepublic Guanli findUser(String account,String password,int type) tryif (type=1)return this.getJdbcTemplate().queryForObject(select account,password,name from huiyuan where account=? and password=?, /查找huiyuan表中的所有数据new Objectaccount,password, new RowMapper() Overridepublic Guanli mapRow(ResultSet rs, int rowNum) throws SQLException Huiyuan u=new Huiyuan();u.setAccount(rs.getString(1);u.setPassword(rs.getString(2);u.setName(rs.getString(3);u.setStudentNo(u.getAccount();u.setType(1);return u;);elsereturn this.getJdbcTemplate().queryForObject(select account,password,name from guanli where account=? and password=?, /查找guanli表中的所有数据new Objectaccount,password, new RowMapper() Overridepublic Guanli mapRow(ResultSet rs, int rowNum) throws SQLException Guanli u=new Guanli();u.setAccount(rs.getString(1);u.setPassword(rs.getString(2);u.setName(rs.getString(3);u.setType(0);return u;);catch(EmptyResultDataAccessException e)return null;public void save(String account,String name,String password)/保存数据，将输入的数据插入数据库中this.getJdbcTemplate().update(insert into huiyuan(account,name,password) values(?,?,?),new Objectaccount,name,password); 3.4 Spring MVCpackage lab.model; /将Guanli类放置到lab.model包中public class Guanli private String account;private String password;private String name;private int type=0;public Guanli()public Guanli(String account,String name,String password)this.account=account;=name;this.password=password;public String getName() /获取名字return name;public void setName(String name) /设置名字 = name;public int getType() /获取类型return type;public void setType(int type) /设置类型this.type = type;public String getPassword() /获取密码return password;public void setPassword(String password) /设置密码this.password=password;public String getAccount() /获取帐号return account;public void setAccount(String account) /设置帐号this.account = account;package lab.model; /将类Huiyuan放置到lab.model包中public class Huiyuan extends Guanli /Huiyaun类继承Guanli类 private String studentNo;public Huiyuan()super.setType(1);public Huiyuan(String studentNo,String name,String password)super(studentNo,name,password);this.studentNo=studentNo;super.setType(1);public String getStudentNo() /获取帐号return studentNo;public void setStudentNo(String StudentNo) /设置帐号this.studentNo = StudentNo;package lab.controller; /将controlle类放置到lab.controller包中import javax.servlet.http.HttpSession; /将所需要的包引入进来import lab.model.Guanli;import lab.service.LabService;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.RequestMapping;Controllerpublic class HomeController Autowiredprivate LabService labservice;RequestMapping(/)public String index()return index; /跳转到登录界面/添加了session处理RequestMapping(/login)public String login(String account,String password,int type,HttpSession session,Model model)Guanli user=labservice.login(account, password,type);if (user=null)model.addAttribute(msg, 账号或密码错误！);return index;elsesession.setAttribute(user,user);if(type=1)return huiyuan;elsereturn guanli; /如果输入的帐号，密码和数据库中的不一样，显示“帐号或密码错误”，否则登录到系统中RequestMapping(/zhuce)public String zhuce( )return zhuce; /跳转到注册界面 RequestMapping(/index)public String fanhui( )return index; /跳转到登录界面RequestMapping(/dingdan)public String dingdan( )return dingdan; /跳转到订单界面RequestMapping(/hyguanli)public String hyguanli( )return hyguanli; /跳转到会员管理界面RequestMapping(/shangpin)public String shangpin( )return shangpin; /跳转到商品界面RequestMapping(/liuyan)public String liuyan( )return liuyan; /跳转到留言界面RequestMapping(/logout)public String logout(HttpSession session)session.removeAttribute(user);return index; /获取用户的帐号，再跳转回登录界面RequestMapping(/sou)public String sou( )return sou; /跳转到搜索界面RequestMapping(/save)public String save(String account,String name,String password)labservice.save(account,name,pas