JavaWeb图书管理系统day01

￡神魔★判官ぃ 2022-11-02 13:14 176阅读 0赞

>  *  视频+资料+笔记【链接：[https://pan.baidu.com/s/127I2oA8zvhTECCmC6wMSmQ][https_pan.baidu.com_s_127I2oA8zvhTECCmC6wMSmQ]   提取码：zjxs】
>  *  [JavaWeb图书管理系统【bookEstore文档】][JavaWeb_bookEstore]
>  *  [JavaWeb图书管理系统【源码 + 效果展示】][JavaWeb_ _]
> 
> 1.  [JavaWeb图书管理系统day01][JavaWeb_day01]【2014.09.27】
> 2.  [JavaWeb图书管理系统day02][JavaWeb_day02]【2014.09.28】
> 3.  [JavaWeb图书管理系统day03][JavaWeb_day03]【2014.09.29】

**目录**

公开课安排

一、功能分析与设计

数据表之间的关系

导入sql文件

设置域名（虚拟主机配置）

二、注册与登录操作

三、添加商品操作

四、显示商品信息

--------------------

# 公开课安排 #

> **第一天**
> 
> 1.  功能分析与设计
> 2.  注册与登录操作
> 3.  添加商品操作
> 4.  显示商品信息
> 
> **第二天**
> 
> 1.  查看商品详细信息
> 2.  添加商品到购物车
> 3.  显示购物车商品
> 4.  购物车删除与修改操作
> 
> **第三天**
> 
> 1.  生成订单
> 2.  查看订单
> 3.  订单的取消与支付
> 4.  权限控制

# 一、功能分析与设计 #

## 数据表之间的关系 ##

> 订单与用户之间存在关系：1 对 多    
>         要在订单表中生成一个外键来描述关系。  
>           
> 订单项：描述的商品与订单之间的关系  
>         多对多关系  
>           
> 需要一个中间表（orderitem）来描述它们的关系
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70][]

## 导入sql文件 ##

> 创建数据库后，进入数据库，通过 source导入sql文件：
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 1][]  ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 2][] ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 3][]

## 设置域名（虚拟主机配置） ##

> 关于在浏览器上直接输入  http://www.bookEstore.com 就可以访问工程的问题。  
>           
> 1.在tomcat/conf/server.xml文件中，配置一个虚拟主机  
>             <Host name="www.bookEstore.com"  appBase="D:\\j2eeWorkspaces\\bookEstore"  
>                 unpackWARs="true" autoDeploy="true">
> 
>   
>                 <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"  
>                    prefix="localhost\_access\_log." suffix=".txt"  
>                    pattern="%h %l %u %t "%r" %s %b" />  
>                    
>                 <Context path="" docBase="D:\\j2eeWorkspaces\\bookEstore\\WebRoot"/>    
>                      
>           </Host>  
>             
> 2.需要在C:\\Windows\\System32\\drivers\\etc路径下，查找一个配置文件hosts  
>             在这个文件中配置  
>             127.0.0.1       www.bookEstore.com  
>               
>               
> 3.可以在server.xml文件中，配置：  
>             <Engine name="Catalina" defaultHost="www.bookEstore.com">

# 二、注册与登录操作 #

> ![20210225155740321.png][]

> 1.注册  
>             1.注册功能演示  
>             2.代码实现  
>                 regist.jsp页面------>UserServlet----->UserDao  
>                   
>                 UserServlet中:  
>                     1.获取验证码，判断它是否正确，如果正确，向下执行.  
>                       如果不正确，跳转到regist.jsp页面，显示错误信息  
>                         
>                     2.将所有请求参数封装到User对象中，在User类中创建一个validateRegist方法，  
>                     这个方法会对请求参数进行校验，将错误信息封装到一个Map集合，在Servlet中  
>                     判断集合长度是否>0，这样就可以判断是否有错误信息，如果有，跳转到regist.jsp显示错误信息.  
>                       
>                     3.调用UserService去完成注册操作  调用regist方法,传递User参数  
>                           
>                     4.在regist方法中做了两件事情  
>                         1.调用UserDao完成注册操作  
>                         2.给注册的用户发送了一封激活邮件  
>                           
>                           
>                 关于md5加密：  
>                     在mysql数据库中通过  md5(字段);  
>                         update users set password=md5(password);  
>                           
>                     在java中可以通过代码实现  
>                         MessageDigest.getInstance("md5")  
>                           
>               
> 2.登录操作  
>             index.jsp---->page.jsp页面 有登录窗口  
>               
>             会有登录窗口，提交时会访问UserServlet，会带一个请求参数  method=login  
>             在UserServlet中就可以判断当前操作是登录操作  
>             就会调用UserServlet中的login方法  
>               
>               
>             UserServlet---UserService----->UserDao  
>                   
>                 1.userServlet中收集了用户名与密码  
>                 2.UserService中调用UserDao中查找用户操作  findUserByUserNameAndPassword  
>                 3.在UserService中判断了一下得到的User对象是否为null,如果为null,直接抛出一个自定义异常.  
>                 4.如果查找到了用户，但是用户未激活，那么也不能登录成功，抛出了一个自定义异常.  
>                 5.在UserServlet中捕获自定义异常，在page.jsp页面显示错误信息.  
>                 6.在UserServlet中判断用户不为空，就将User存储到session中，并跳转到首页index.jsp，  
>                   自动跳转到page.jsp页面。  
>                     
>               
>             1.记住用户名  
>                 当用户登录成功后，并且勾选了记住用户名操作，我们将用户的username存储到cookie中,  
>                 持久化存储，并携带到浏览器端.  
>                 在页面上通过el表达式获取username显示出来.  
>                   
>                 在cookie中是不能存储中文，那么要是用户名是中文，我们可以存储username的utf-8码.  
>                 在页面上，通过js将utf-8码解码.  
>                   
>             2.自动登录操作  
>                 当用户登录成功后，并且勾选自动登录操作，我们将username,password都存储到cookie中,  
>                 持久化存储，并携带到浏览器端.  
>                   
>                 当下一次在访问时，我们可以通过Filter来拦截我们请求，判断cookie中是否有我们存储username,  
>                 passowrd的这个cookie  
>                   
>                 注意:自动登录时，有以下情况是不需要进行自动登录的.  
>                     1.用户已经登录  
>                     2.用户访问的路径是  login  regist这样的操作。  
>                       
>                       
>             3.注销操作  
>                 我们用户登录成功后，会将用户存储到session中。  
>                 注销操作就是将session销毁就可以以。  
>                 session.invalidate()方法.  
>                   
>                 点击注销访问UserServlet?method=logout

# 三、添加商品操作 #

> 3.关于商品的添加  
>             添加商品操作，其实是一个文件上传操作。添加商品时，需要添加一个商品图片，我们使用文件上传。  
>             commons-fileupload  
>               
>             浏览器:  
>                 1.method=post  
>                 2.encType="multipart/form-data"  
>                 3.<input type="file" name="f">组件  
>                   
>             点击添加图书链接，会访问 addProduct.jsp页面      
>               
>             AddProductServlet这个servlet中有两个工作:  
>                 1.完成书箱图片的保存(上传操作)  
>                 2.将信息存储到数据库  
>   
>             创建了一个Map<String,String\[\]>它用于封装所有请求参数  
>             通过BeanUtils.populate方法将请求参数直接封装到Product类中。
> 
>             可以调用ProductService中的添加图书的方法，完成图书添加操作
> 
>             当图片添加成功后，我们会跳转到index.jsp页面。

# 四、显示商品信息 #

> 4.关于查询图书操作  
>               
>             1.查询全部  
>                 index.jsp页面直接跳转到ProductServlet中  
>                 执行findAll操作，也就是查询出全部信息  
>                   
>                 调用ProductService----ProductDao完成查询操作，得到所有商品信息List<Product>  
>                   
>                 转发到page.jsp页面，在page.jsp页面展示所有商品信息.  
>                   
>             2.根据id查询  
>                 点击“抢购书籍”，会访问ProductServlet,  
>                 product?method=findById&id=xxx  
>                 会将这本书籍的id也携带到服务器端.  
>                   
>                 会调用ProductService的findByid方法，根据id查找书籍,也就是得到一个Product对象。  
>                   
>                 查找到商品后，跳转到productInfo.jsp页面，展示商品信息。  
>                   
>                 上传的所有图片 大小不确定的，怎样保证显示商品时，它的大小？  
>                       
>                 通过一个工具类可以保证当前的商品的图片大小一致。  
>                   
>                 PicUtils putils = new PicUtils(this.getServletContext().getRealPath(product.getImgurl()));  
>                 putils.resize(200, 200);  
>                   
>                 当添加商品时，会生成商品图片的一个缩略图，以方便我们在页面上显示。  
>                    
>                 在Product类中提供了一个getImgurl\_s方法，这个方法，会根据商品图片的路径，获取到缩略图片的路径，  
>                 我们就可以直接在页面上通过el表达式，获取缩略图的路径，显示出这个缩略图。

[https_pan.baidu.com_s_127I2oA8zvhTECCmC6wMSmQ]: https://pan.baidu.com/s/127I2oA8zvhTECCmC6wMSmQ
[JavaWeb_bookEstore]: https://blog.csdn.net/weixin_44949135/article/details/114083871
[JavaWeb_ _]: https://blog.csdn.net/weixin_44949135/article/details/114104586
[JavaWeb_day01]: https://blog.csdn.net/weixin_44949135/article/details/114082728
[JavaWeb_day02]: https://blog.csdn.net/weixin_44949135/article/details/114100118
[JavaWeb_day03]: https://blog.csdn.net/weixin_44949135/article/details/114104024
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70]: /images/20221024/789a0ce95c5d4c1da26f0c1ff0a66f3c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210225152936182.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20210225153001310.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 3]: /images/20221024/8a2e0d6b79fc4ebb8052060d8c0b0b8a.png
[20210225155740321.png]: /images/20221024/29f16dfe57c54607b9fe5d8eda409819.png