第04项目：淘淘商城(SpringMvc+Spring+Mybatis) 的学习实践总结【第三天】

淘淘商城(SpringMVC+Spring+Mybatis) 是传智播客在2015年9月份录制的，几年过去了。由于视频里课上老师敲的代码和项目笔记有些细节上存在出入，只有根据日志报错信息作出适当的调整变更才能跑通项目。为了方便广大自学Java同仁的共同进步，我将持续更新这个网络实战项目练习的内容，着重指出符合当下开发环境下的内容勘误修订。

https://pan.baidu.com/s/1bptYGAb#list/path=%2F&parentPath=%2Fsharelink389619878-229862621083040

第04项目：淘淘商城(SpringMVC+Spring+Mybatis) 的学习实践总结【第二天】
第04项目：淘淘商城(SpringMVC+Spring+Mybatis) 的学习实践总结【第三天】

03.第三天（实现商品添加）

//商品分类管理

@Service
public class ItemCatServiceImpl implements ItemCatService {
    
    @Autowired
    private TbItemCatMapper itemCatMapper;
    @Override
    public List<EUTreeNode> getItemCatList(long parentId) {
        //使用mybatis的逆向工程生成的mapper接口和XML文件
        //因为单表查询并且非主键字段，所以用example查询
        //1.创建查询条件
        TbItemCatExample example = new TbItemCatExample();
        Criteria criteria = example.createCriteria();
        criteria.andParentIdEqualTo(parentId);
        //2.根据条件查询
        List<TbItemCat> list = itemCatMapper.selectByExample(example);
        
        
        List<EUTreeNode> resultList = new ArrayList<>();        
        //把列表转换成treeNodeist
        for (TbItemCat tbItemCat : list) {
            EUTreeNode node = new EUTreeNode();
            node.setId(tbItemCat.getId());
            node.setText(tbItemCat.getName());
            node.setState(tbItemCat.getIsParent()?"closed":"open");
            resultList.add(node);
        }
        //返回最终结果
        return resultList;
    }

}

/**
  * 商品分类管理controller
 *
 */
@Controller
@RequestMapping("/item/cat")
public class ItemCatController {

    @Autowired
    private ItemCatService itemCatService;
    
    @RequestMapping("/list")
    @ResponseBody
    //此行底下的private和public都可以，不影响功能实现
    public List<EUTreeNode> getItemCatList(@RequestParam(value="id",defaultValue = "0")Long parentId){
        List<EUTreeNode> list = itemCatService.getItemCatList(parentId);
        return list;
    }
    
}

一、使用Eclipse的Search功能检索

二、使用Eclipse的快捷键插入get/set方法

三、教学视频和淘淘商城-day03教案中代码的方法名称不一致性

四、图片上传服务器的搭建

Windows10操作系统下安装并使用VMware-workstation-full-15.5.0加载安装CentOS7后检查是否已安装GCC、PCRE、Zlib等实现nginx的运行环境

yum install gcc-c++
安装gcc编译器

大部分Linux发行版的默认账户是普通用户，而更改系统文件或者执行某些命令，需要root身份才能进行，这就需要从当前用户切换到root用户,Linux中切换用户的命令是su -

nginx的http模块使用pcre来解析正则表达式
yum install -y pcre pcre-devel

zlib库提供了很多种压缩和解压缩的方式，nginx使用zlib对http包的内容进行gzip
 yum install -y zlib zlib-devel

nginx不仅支持http协议，还支持https（即在ssl协议上传输http），所以需要在linux安装openssl库。
yum install -y openssl openssl-devel

五、Linux系统下的基本操作与Nginx的安装配置

文件夹的新建可以用GUI实现，nginx-1.16.1.tar的解压可以命令行也可以用图形化界面操作完成。
tar -zxvf nginx-1.16.1.tar.gz
cd nginx-1.16.1
把nginx-1.16.1.tar.gz复制到Downloads目录下，解压该压缩文件到默认的当前目录，点击Extract执行。

注意：下边将临时文件目录指定为/var/temp/nginx，需要在/var下创建temp及nginx目录
cd /var
mkdir temp
cd /var/temp
mkdir nginx

参考技术博客： Linux系统下文件夹的新建与删除操作
选中nginx-1.16.1文件夹，右键单击在弹出菜单上选择open in Terminal

su -

cd /home/kangmianfeng/Downloads/nginx-1.16.1

在命令行里复制下面的nginx安装默认配置信息如下：
./configure 
--prefix=/usr/local/nginx 
--pid-path=/var/run/nginx/nginx.pid 
--lock-path=/var/lock/nginx.lock 
--error-log-path=/var/log/nginx/error.log 
--http-log-path=/var/log/nginx/access.log 
--with-http_gzip_static_module 
--http-client-body-temp-path=/var/temp/nginx/client 
--http-proxy-temp-path=/var/temp/nginx/proxy 
--http-fastcgi-temp-path=/var/temp/nginx/fastcgi 
--http-uwsgi-temp-path=/var/temp/nginx/uwsgi 
--http-scgi-temp-path=/var/temp/nginx/scgi
编译安装
make
make  install
安装成功查看安装目录：
cd /usr/local/nginx

ls

SecureCRT用来在Windows环境下远程登录Linux服务器的SSH连接配置

nginx安装成功，启动nginx，即可访问虚拟机上的nginx：

本教程中的nginx安装位置

cd /usr/local/nginx/sbin/

./nginx

VMware运行CentOS重启虚拟机后，启动Nginx报错"/var/run/nginx/nginx.pid" failed (2: No such file or directory)解决方法

注意：执行./nginx启动nginx，这里可以-c指定加载的nginx配置文件，如下：

./nginx -c /usr/local/nginx/conf/nginx.conf

#复制一份默认的配置文件重新命名为：taotao-nginx.conf
cp /usr/local/nginx/conf/nginx.conf /usr/local/nginx/conf/taotao-nginx.conf
#在taotao-nginx.conf定义图片HTTP服务器的反向代理路由规则，修改文件需要root权限

#chmod 777使得所有用户可以读写和执行该文件

chmod777 /usr/local/nginx/conf/taotao-nginx.conf
      location / {
            root   /home/ftpuser/www;
            index  index.html index.htm;
        }
文件夹的访问权限不够,所以用ip或者域名访问是访问不到的

用命令进入你的站点根目录

cd /home/ftpuser/www

然后输入指令
chmod a+w .
四种解决Nginx出现403 forbidden 报错的方法

在访问的根目录下要有index.html否则会报403错误

六、 vsftpd服务在CentOS 7中的安装、配置、使用

在VMware14虚拟机的CentOS 7系统中，安装与配置vsftpd【Linux安装ftp组件】

FileZilla Client 成功的连接到Linux主机的vsftpd服务如图所示：

七、SELinux 全称是Security Enhanced Linux，关掉SELinux，并重启系统让其生效。

修改/etc/selinux/config配置文件，设置SELINUX=disabled

vim /etc/selinux/config

查看SELINUX状态的命令：

sestatus

八、关闭CentOS 7的默认防火墙或者切换到iptables防火墙

先进行Linux防火墙设置
CentOS7默认使用的是firewall作为防火墙，这里改为iptables防火墙
1、关闭firewall：

systemctl stop firewalld.service #停止firewall 
systemctl disable firewalld.service #禁止firewall开机启动

2、安装iptables防火墙

yum install iptables-services #安装

3、修改文件配置允许80端口
vi /etc/sysconfig/iptables #编辑防火墙配置文件
按i进入文本编辑在原文档中找到
-A INPUT -m state –state NEW -m tcp -p tcp –dport 22 -j ACCEPT
在该行下面添加
-A INPUT -m state –state NEW -m tcp -p tcp –dport 80 -j ACCEPT
:wq! #保存退出
systemctl restart iptables.service #最后重启防火墙使配置生效
systemctl enable iptables.service #设置防火墙开机启动

如果虚拟机连不上网可以依次输入下面的命令解决：

systemctl restart network

systemctl stop NetworkManager

systemctl disable NetworkManager

systemctl start network.service

九、FTPclient上传组件的使用

        <dependency>
            <groupId>commons-net</groupId>
            <artifactId>commons-net</artifactId>
        </dependency>

    @Test
    public void testFtpClient() throws Exception {
        
        //创建一个FtpClient对象
        FTPClient ftpClient = new FTPClient();
        //1.创建FTP连接。
        ftpClient.connect("192.168.179.128", 21);
        //2.登录FTP服务器，使用用户名和密码
        ftpClient.login("ftpuser", "taotaoftp");
        
        //读取本地文件
        File file = new File("F:\aky.png");
        FileInputStream inputStream = new FileInputStream(file);
        
        //3.设置上传的路径
        ftpClient.changeWorkingDirectory("/home/ftpuser/www/images");
        //4.修改上传文件的格式、方法的形参是枚举enum
        ftpClient.setFileType(FTP.BINARY_FILE_TYPE);
        //5.执行上传文件
        //第一个参数：服务器端文件名
        //第二个参数：上传文件的inputStream
        ftpClient.storeFile("hello.png", inputStream);
        //关闭连接
        ftpClient.logout();
         
    }

    //测试FtpUtil工具类的使用
    @Test
    public void testFtpUtil() throws Exception {
        // 读取本地文件
        FileInputStream inputStream = new FileInputStream(new File("F:\aky.png"));
        // 实用工具类
        FtpUtil.uploadFile("192.168.179.128", 21, "ftpuser", "taotaoftp", "/home/ftpuser/www/images", "/2019",
                "hello2.png", inputStream);

    }

十、PictureServiceImpl 的视频和笔记代码变量名不一致的小细节

package com.taotao.common.pojo;


/**
 * 上传图片的返回结果
 */

public class PictureResult {
    
    private int error;
    private String url;
    private String message;
    
    private PictureResult(int error, String url, String message) {
        this.error = error;
        this.url = url;
        this.message = message;
    }
    
    //成功时调用的方法
    public static PictureResult ok(String url) {
        return new PictureResult(0, url, null);
    }
    //失败时调用的方法
    public static PictureResult error(String message) {
        return new PictureResult(1, null, message);
    }
    
    public int getError() {
        return error;
    }
    public void setError(int error) {
        this.error = error;
    }
    public String getUrl() {
        return url;
    }
    public void setUrl(String url) {
        this.url = url;
    }
    public String getMessage() {
        return message;
    }
    public void setMessage(String message) {
        this.message = message;
    }


}

public static PictureResult

import com.taotao.common.pojo.PictureResult;
import com.taotao.common.utils.FtpUtil;
import com.taotao.common.utils.IDUtils;
import com.taotao.service.PictureService;


@Service
public class PictureServiceImpl implements PictureService {
    //用@Value注解取出.properties配置文件中的值
    @Value("${FTP_ADDRESS}")
    private String FTP_ADDRESS;
    @Value("${FTP_PORT}")
    private Integer FTP_PORT;
    @Value("${FTP_USER_NAME}")
    private String FTP_USER_NAME;
    @Value("${FTP_PASSWORD}")
    private String FTP_PASSWORD;
    @Value("${FTP_BASE_PATH}")
    private String FTP_BASE_PATH;
    @Value("${IMAGE_BASE_URL}")
    private String IMAGE_BASE_URL;

        
    @Override
    public PictureResult uploadPicture(MultipartFile uploadFile) {
        
        //判断上传图片是否为空
        if (null == uploadFile || uploadFile.isEmpty()) {
            return PictureResult.error("上传图片为空");
        }

        //取文件扩展名
        String originalFilename = uploadFile.getOriginalFilename();
        String ext = originalFilename.substring(originalFilename.lastIndexOf("."));

            //生成新文件名可以是时间+随机数生成
            // 取原始文件名
            String oldName  = uploadFile.getOriginalFilename();
            // 生成新文件名
            String newName = IDUtils.genImageName();
            newName = newName + oldName.substring(oldName.lastIndexOf("."));
            // 图片上传到FTP服务器
            //文件在服务器的存放路径，应该使用日期分隔的目录结构
            DateTime dateTime = new DateTime();
            String imagePath = dateTime.toString("/yyyy/MM/dd");
            
            
            try {
            
            FtpUtil.uploadFile(FTP_ADDRESS, FTP_PORT, FTP_USER_NAME, FTP_PASSWORD, FTP_BASE_PATH, imagePath,newName, uploadFile.getInputStream());    
            } catch (Exception e) {
                e.printStackTrace();
                return PictureResult.error("上传图片失败");
                
            }
            
            //返回结果，生成一个可以访问到图片的url返回        
            return PictureResult.ok (IMAGE_BASE_URL+ imagePath +"/"+ newName);

    }
            

}

        <!-- 文件上传组件 -->
        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
        </dependency>

还需要在springmvc.xml配置多部件解析器：

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns:p="http://www.springframework.org/schema/p"
    xmlns:context="http://www.springframework.org/schema/context"
    xmlns:mvc="http://www.springframework.org/schema/mvc"
    xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">
    <!-- 扫描controller的注解，别的不扫描 -->
    <context:component-scan
        base-package="com.taotao.controller" />
    <!--开启对SpringMVC注解的支持：处理器映射器，处理器适配器 -->
    <mvc:annotation-driven />
    <!-- 配置视图解析器 -->
    <bean id="viewResolver"
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/" />
        <property name="suffix" value=".jsp" />
    </bean>
    <!-- 不拦截释放静态资源的映射 -->
    <mvc:resources location="/WEB-INF/js/"  mapping="/js/**" />
    <mvc:resources location="/WEB-INF/css/" mapping="/css/**" />
    <mvc:resources location="/WEB-INF/img/" mapping="/img/**" />
    <mvc:resources location="/WEB-INF/plugins/" mapping="/plugins/**" />
    
    <!-- 定义文件上传解析器 -->
    <bean id="multipartResolver"
        class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <!-- 设定默认编码 -->
        <property name="defaultEncoding" value="UTF-8"></property>
        <!-- 设定文件上传的最大值5MB，5*1024*1024 -->
        <property name="maxUploadSize" value="5242880"></property>
    </bean>

</beans>

sprinmvc.xml

end

================================================

参考资料：

CentOS7 Failed to start LSB: Bring up/down解决方法

end

部分内容来自于学习编程期间收集于网络的免费分享资源和工作后购买的付费内容。

相关阅读:
Ajax ——数据解析
 AJAX
Flask ==> 目录结构
 Flask ==> Migrate
Flask ==> scoped_session
Flask ==> SQLhelper
Flask ==> ORM之sqlalchemy
Flask ==> wtforms
Flask ==> 用扩展实现的简单的页面登录
 分页器组件
原文地址：https://www.cnblogs.com/MarlonKang/p/11372961.html