长春理工大学实习报告
第5章系统实现
5.1 前台实现
5.1.1网站首页页面
系统页面简洁，上方的导航包括用户登录、用户注册等信息，下方显示商品种类列表、最新商品、用户登录框等信息，用户可以通过左侧导航栏来查看每个种类的商品，也可以通过搜索来查找商品。系统主页面如图5-1所示。
图5-1 系统主页面
主要代码：
系统主页的商品分类需要通过请求来获取商品种类列表。 获取商品种类列表的关键代码如下：
public String execute() throws Exception { Map request = (Map) ActionContext.getContext().get(\ commodityClasses = commodityClassService.findAllCommodityClasses(); request.put(\
return \
5.1.2会员注册
用户可以通过注册成为商城会员，点击用户注册打开用户注册页面，用户注册包括用户名、密码、用户姓名、性别、电话、收货地址、电子邮箱等信息，用户点击每个输入框时在后面会提示需填入的内容或注意事项。用户注册页面如图
31
长春理工大学实习报告
5-2所示。
图5-2 会员注册
用户提交注册信息后，如果没有错误的信息，则会提示注册成功，跳转到登录页面。若用户注册信息有错误，则会提示注册失败，返回到注册页面，让用户重新注册。
用户注册关键代码如下：
public String execute() throws Exception { String username= user.getUsername(); User user = service.findUserByName(username); if(user==null){ this.service.save(this.user); return \ else{ return \} }
5.1.3会员登录
用户可以通过右侧的登录框登录，也可以通过上方的导航栏打开用户登录页
32
长春理工大学实习报告
面进行登录。用户登录页面如图5-3所示。
图5-3 会员登录界面
用户登录关键代码如下：
public String login(){ String username= user.getUsername(); String password=user.getPassword(); User user
service.getUserByLoginNameAndPassword(username,password); if(user == null){ ActionContext.getContext().put(\用户名或密码错误\ return \ }else{ ActionContext.getContext().getSession().put(\ return \ } }
5.1.4查看商品信息
点击商品下的详细按钮，可以查看商品的详细信息，在商品的详细信息中可以看到商品的名称、商品生产厂商、价格、数量、上架时间和商品的描述，这项操作用户没有登录也能进行。商品信息页面如图5-4所示。
=
图5-4 商品详细信息页面
商品详细信息关键代码如下：
public String findCommodityById(){ int commId= commodity.getCommodityId(); Commodity commodity = this.service.findCommodityById(commId);
33
长春理工大学实习报告
ActionContext.getContext().getSession().put(\commodity); return \ }
5.1.5搜索商品
用户可以通过输入商品的部分名称进行商品搜索，搜索商品后会显示搜索到的信息，如果没有相关信息会输出没有该商品信息。搜索商品信息结果页面如图5-5所示。
图5-5 搜索商品结果页面
搜索商品关键代码如下：
public String findCommodityByName(){ String commodityName= commodity.getCommodityName(); Map request = (Map) ActionContext.getContext().get(\ request.put(\commodityName)); ActionContext.getContext().getSession().put(\ commodityName); return \ }
5.1.6购物车
用户登录后才能把商品添加到购物车。在每件商品的下方都有添加到购物车按钮，点击添加就可以添加到购物车，添加一次商品，商品剩余数量就减少1，如果商品剩余数量为0，则无法添加到购物车，提示商品无货。在购物车中可以查看购物车中的物品，商品的简单信息。在购物车中可以移除商品，移除商品时，
34
长春理工大学实习报告
商品剩余数量会增加1。用户可以在买家备注里输入备注信息，然后点击提交订单进行订单的提交，也可以点击继续购物继续浏览商品。购物车页面如图5-6所示。
图5-6 购物车页面
商品添加到购物车关键代码如下：
public String execute() throws Exception { int commodityId= commodity.getCommodityId(); Map session =(Map) ActionContext.getContext().getSession(); Commodity commoditys = commodityService.findCommodityById (commodityId); if(commoditys.getCommodityLeaveNum()==0){ ActionContext.getContext().getSession().put(\商品已无货！\ return \ } else{ List
}
5.1.7付款
用户点击提交订单按钮后，用户的订单就提交到了数据库，然后可以进行付款操作。用户付款时会检查用户金额，如果用户金额不足，会提示余额不足无法付款；用户余额足够才能付款成功。如果用户没有对订单进行付款，商家不会发货。用户付款页面如图5-7所示。
35