AJAX购物网站设计文档.docx

必威体育精装版 精品 Word 欢迎下载 可修改 AJAX购物网站设计文档 一要实现的功能 用户访问网站时，如未登陆成用户，那么只可以查看网站中的商品信息不能购置商品。注册为会员并登陆后，可以购置指定数量的商品，购置完所有商品后，用户可调用结帐功能对所购置的商品进行结帐，在整个购置过程中，用户所购置的商品放在虚拟购物车中，并未记录数据库中。 二AJAX技术在本例中的作用 实现动态无刷新的页面效果，即通过动态改变页面中层的内容改变页面的内容。 三数据库模型设计 图31 数据库模型图 描述： 编号 库表名称 描述 1 ngwc_commodities 商品信息表 2 ngwc_operlog 用户操作记录，存购置信息 3 ngwc_user 用户表 4 ngwc_type 用户类型表 四类的设计 持久化类的设计 图41 持久化类类图 描述： 编号 类名 描述 1 NgwcCommodities 商品信息类 2 NgwcOperlog 用户购置信息类，存购置信息 3 NgwcUser 用户信息类 4 NgwcType 用户类型类 说明： 持久化类的每个类的属性都有其对应的setter和getter方法,Hibernate通过持久化类可进行数据库的操作。 虚拟购物车类的设计 图42 虚拟购物车类类图 描述： 编号 类名 描述 1 Cart 虚拟购物车类 2 BeanItems 购物车中存放的每一个商品 数据库操作类的设计 图43 数据库操作类类图 描述： 编号 类名 描述 1 Dao 数据库操作类 2 DaoImpl 数据库操作类的接口，定义的数据库操作类中实现在方法 Dao类中实现的方法说明： List showAllComms(int start); //按分页得所有商品 List showFindComms(String commname, int start); //按查找得所有商品 int getPages(); //得所有商品总页数 int getFindCommsPages(String commname); //得查找的商品个数 void addUser(NgwcUser user); //向数据库添加一个用户 NgwcUser getUserInfo(String username, String password); //通过用户名和密码得到用户信息 public List getUserLogs(NgwcUser user); //得到当前用户的购置记录 public boolean existUser(String username); //是否存在用户 boolean existUser(String username,String password); //是否存在该用户名及密码对应的用户 public void saveLogs(NgwcOperlog logs); //保存logs public void updateComms(NgwcCommodities comm ,int num); //更新商品信息 public void updateUser(NgwcUser user); //更新用户信息 public boolean registUser(NgwcUser user); //添加一个用户 五功能实现 注册功能实现 功能说明： 用户点击首页中的注册链接后，页面中显示注册层供用户填写注册信息，当用户输入新注册的用户名时，ajax调用后台名为checkUser的servlet判断是否存在同名用户，并返回判断的信息；当用户输入密码和确认密码时，判断密码是否和确认密码相同；假设以上两个条件同时满足，注册按钮可用，否刚，注册按钮不可用。完成输入信息后，点击注册按钮进行用户注册操作，注册操作完成后，系统自动为用户完成登陆操作并返回首页。 图511 注册功能活动图 图512注册功能顺序图 描述： 编号 名称 类型 描述 1 Index.jsp 页面文件 首页页面 2 ajax.js Js文件 存放所有的javascript函数 3 checkUser Servlet 检察是否存在同名用户 4 RegistAction Action 点击注册按钮后提交到的页面 5 Session Session对象 当前用户的session 6 Dao 类 数