(一)资源层
(1)图片资源
在web目录里创建images目录,存放项目所需要的图片资源
个人项目实战11:SimonShop(下)
(2)CSS风格样式资源
在web目录里创建目录css,在里面创建main.css文件
个人项目实战11:SimonShop(下)

(二)引入JavaScript脚本文件
在web目录里创建script子目录,在里面创建check.js文件
个人项目实战11:SimonShop(下)

(三)添加第三方jar包:JSTL的jar包
个人项目实战11:SimonShop(下)

(四)视图层的页面(xxx.jsp)
1、登录页面login.jsp
个人项目实战11:SimonShop(下)
在web.xml文件里更改配置,将login.jsp设置为首页
个人项目实战11:SimonShop(下)
重启服务器:
个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)
重启服务器,再以普通用户登录:郑晓红,11111

个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)
重启服务器,输入错误的用户名或密码:李文丽,12340
个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)
2、注册页面register.jsp
个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)

3、显示商品类别页面showCategory.jsp
个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)
单击【家用电器】超链接:
个人项目实战11:SimonShop(下)
我们去服务器端控制台查看输出信息:
个人项目实战11:SimonShop(下)
4、显示购物车页面showCart.jsp
个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)
这个页面要包含在显示商品页面里,因此没有导入CSS样式文件。
重启服务器,以普通用户登录后,访问http://localhost:8080/simonshop/frontend/showCart.jsp
个人项目实战11:SimonShop(下)
个人项目实战11:SimonShop(下)

相关文章:

  • 2022-12-23
  • 2021-05-17
猜你喜欢
  • 2022-01-18
  • 2021-11-08
  • 2021-04-29
  • 2022-12-23
  • 2021-10-10
  • 2021-09-14
相关资源
相似解决方案