电商实习项目第二天(6月25日)

男娘i 2021-12-23 08:23 228阅读 0赞

*  在src- jdbc.properties中修改数据库名称、密码
 *  运用mybatis generator修改 ->将8个java文件填入到: src- com.demo.po 中并创建ToString方法
 *  testmapper.xml改brand
 *  testdao.java改brand
 *  testservicelmpl.java改brand
 *  此时打开浏览器,运行localhost:8080/demo/test,会显示界面
 *  注意:

(1): 项目改名: 右键-> refactor
    (2):在src写的代码, 编译后直接到webroot
    (3):只要修改JAVA项目,必须重启服务器. 目的是:将新导入的jsp更新到服务器上
    (4): jsp代码改之后可以直接运行,不用重启服务器
    (5):在浏览器显示的界面按 F12可以进入调试页面(控制台/ 网络/...)
    (6):java代码在html用<%%>
    (6):$  是EL表达式

**本项目是前台+后台,由于有登陆界面,将其可转换为:登陆+前台+后台**

*  weboot新建两个文件夹: **后台admin**( 导文件)+**前台bbs** (导文件)
 *  jsp页面结构: jsp可以加入java代码(html标签代表开始标签; head 代表头,引入静态资源,定义标题;body代表内容)  
    meta定义编码  
    link /结束,连接所有静态资源,可以多个link; href表示`地址/css/babasport.css` ,若换成相对地址 `../css/babasport.css`容易出错 ; 因此,我们统一换成绝对路径(相对于服务器地址): `/css/babasport.css`改为`<%=basePath%>bbs/css/babasport.css`  
    **其中,如何修改Eclipse中Web项目的jsp文件表头，自动加上basePath,可参考我的博客: [https://blog.csdn.net/qq\_37486501/article/details/93593070][https_blog.csdn.net_qq_37486501_article_details_93593070]**
 *  商品展示界面的图片路径 换成绝对路径  
    `<img src="<%=basePath%>bbs/images/t/t1/e1.jpg" alt="" />`
 *  **Mybatis**执行过程: dao接口中的方法 —>去 mapper映射文件查数据库,并返回结果. 每一个表有唯一一个dao接口,写一个dao写一个mapper  
    (eg: 创建dao接口文件: ProductDao,写方法  
    po中的: 创建反向工具作用生成一个java类, 所有的信息,是返回值  
    其中dao的返回值是Product.java
 *  创建xml文件: ProductMapper.xml  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 1]  
    ProductMapper.xml中

<mapper namespace="com.demo.dao.ProductDao">
    	<select id="getById"(id)  parameterType (参数类型整形)resultType="">
    select * from bbs_product where id=#{id} 取参数
    </select>
    <insert id=""></insert>
    	<update id=""></update>
    	<delete id=""></delete>
    </mapper>

*  业务层Service层: 一个接口(可以实现多态父类子类) 一个实现(类)
 *  ProductService .java: 信息要返回给控制层
 *  **框架注解**  
    @Service //业务层表示把下面的对象放到了spring容器中,  
    @Controller//控制层  
    @Repository//持久层,myBatis自动加上了  
    @Component//组件,不分层  
    @RequestMapping 请求映射,返回一个字符串,jsp页面名称给用户
 *  控制层:springmvc: 单独的类; 里面有映射表 , 方法:查看商品信息

代码:

package com.demo.service;
    
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Component;
    import org.springframework.stereotype.Controller;
    import org.springframework.stereotype.Repository;
    import org.springframework.stereotype.Service;
    
    import com.demo.dao.ProductDao;
    import com.demo.po.Product;
    @Service
    public class ProductServiceImpl implements ProductService{
    
    	@Autowired		//依赖注入（DI）
    	ProductDao dao;
    	
    	@Override
    	public Product getById(Integer id) {
    		return dao.getById(id);
    	}
    
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 2]

package com.demo.action;
    
    import javax.servlet.http.HttpServletRequest;
    
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import com.demo.po.Product;
    import com.demo.service.ProductService;
    
    @Controller
    public class ProductController {
    
    	@Autowired
    	ProductService service;
    	@RequestMapping("/getproduct")
    	public String getproduct(HttpServletRequest req){
    		Product p = service.getById(1);
    		System.out.println(p);
    		req.setAttribute("data", p);
    		return "bbs/portal/product";	//请求转发
    	}
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 4]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 6]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 7]![在这里插入图片描述][20190625234145357.png]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 8]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 9]

[https_blog.csdn.net_qq_37486501_article_details_93593070]: https://blog.csdn.net/qq_37486501/article/details/93593070
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70]: /images/20211223/811c2365c2144a9f800494bcc304e99f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 1]: /images/20211223/75803f588d004293806de01fa81418da.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 2]: /images/20211223/98fd1136f7ea45f59f24c63dfd6c8419.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 3]: /images/20211223/c3dd7b8ebcf641f3af9603a3cc4b29f4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20190625234046380.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 5]: /images/20211223/7c43ff396c2949298a5f2de6bb88d784.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 6]: /images/20211223/c015e1c4609040fb8fc0d075c2f65a8c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20190625234122594.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx,size_16,color_FFFFFF,t_70
[20190625234145357.png]: https://img-blog.csdnimg.cn/20190625234145357.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 8]: /images/20211223/c832e916c04b47b6a640bbc142a1bdeb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDg2NTAx_size_16_color_FFFFFF_t_70 9]: /images/20211223/9ed63d3e04af4024a88bc3b1b67a4832.png